function switchimageon(buttonname)
{
// alert('this far');
switchimagesrc = eval(buttonname + '_on.src');
document[buttonname].src = switchimagesrc;
}

function switchimageoff(buttonname)

{
switchimagesrc = eval(buttonname + '_off.src');
document[buttonname].src = switchimagesrc;
}

//PRELOAD BUTTON IMAGES OFF
var topbtn1_off = new Image (320,26);
var topbtn2_off = new Image (320,26);
var topbtn3_off = new Image (320,26);
var topbtn4_off = new Image (320,26);
var topbtn5_off = new Image (320,26);

//PRELOAD BUTTON IMAGES ON
var topbtn1_on = new Image (320,26);
var topbtn2_on = new Image (320,26);
var topbtn3_on = new Image (320,26);
var topbtn4_on = new Image (320,26);
var topbtn5_on = new Image (320,26);

// ASSIGN SOURCES AND LINK INFORMATION FOR PRELOADED BUTTON IMAGES (OFF AND ON) 
topbtn1_off.src = "../images/s6-button-130x26-homepage.jpg";
topbtn1_on.src = "../images/mo-s6-button-130x26-homepage.jpg";
buttonlink1 = "../index.html";

topbtn2_off.src = "../images/s6-button-130x26-photoservices.jpg";
topbtn2_on.src = "../images/mo-s6-button-130x26-photoservices.jpg";
buttonlink2 = "../s6-photographyservices.html";

topbtn3_off.src = "../images/s6-button-130x26-pricingandfees.jpg";
topbtn3_on.src = "../images/mo-s6-button-130x26-pricingandfees.jpg";
buttonlink3 = "../s6-pricingandfees.html";

topbtn4_off.src = "../images/s6-button-130x26-requestasession.jpg";
topbtn4_on.src = "../images/mo-s6-button-130x26-requestasession.jpg";
buttonlink4 = "../s6-bookingform.html";

topbtn5_off.src = "../images/s6-button-130x26-photogallery.jpg";
topbtn5_on.src = "../images/mo-s6-button-130x26-photogallery.jpg";
buttonlink5 = "../photogalleries/galleries.html";


// WRITE OUT THE SCRIPT FOR THE LINKS TABLE
document.write("<table border=0 width=750 align=center cellpadding=0 cellspacing=0 class=\"linkstable\"><tr>")
document.write("<td align=center><a href=\"" + buttonlink1 + "\"><img name=\"topbtn1\" onmouseover=\"switchimageon(\'topbtn1\')\" border=0 onmouseout=\"switchimageoff(\'topbtn1\')\"></a></td>");
document.write("<td align=center><a href=\"" + buttonlink2 + "\"><img name=\"topbtn2\" border=0 onmouseover=\"switchimageon(\'topbtn2\')\" onmouseout=\"switchimageoff(\'topbtn2\')\"></a></td>");
document.write("<td align=center><a href=\"" + buttonlink3 + "\"><img name=\"topbtn3\"  border=0 onmouseover=\"switchimageon(\'topbtn3\')\" onmouseout=\"switchimageoff(\'topbtn3\')\"></a></td>");
document.write("<td align=center><a href=\"" + buttonlink4 + "\"><img name=\"topbtn4\" border=0 onmouseover=\"switchimageon(\'topbtn4\')\" onmouseout=\"switchimageoff(\'topbtn4\')\"></a></td>");
document.write("<td align=center><a href=\"" + buttonlink5 + "\"><img name=\"topbtn5\" border=0 onmouseover=\"switchimageon(\'topbtn5\')\" onmouseout=\"switchimageoff(\'topbtn5\')\"></a></td></tr>");
document.write("</tr></table>")

// ASSIGN BUTTON IMAGES
document.images.topbtn1.src = topbtn1_off.src;
document.images.topbtn2.src = topbtn2_off.src; 
document.images.topbtn3.src = topbtn3_off.src;
document.images.topbtn4.src = topbtn4_off.src;
document.images.topbtn5.src = topbtn5_off.src;