AllImages=new Array("images/homebutton2.gif","images/homebutton1.gif","images/aboutbutton2.gif","images/aboutbutton1.gif","images/mydogsbutton2.gif","images/mydogsbutton1.gif","images/servicesbutton2.gif","images/servicesbutton1.gif","images/contactbutton2.gif","images/contactbutton1.gif","images/boarding_02.gif","images/boarding_01.gif","images/breedingbotton_02.gif","images/breedingbotton_01.gif","images/litters_02.gif","images/litters_01.gif","images/grooming_02.gif","images/grooming_01.gif");


function preloadImages()
{

for(loadall=0; loadall<AllImages.length; loadall++)
{

var LoadedImage=new Image();
LoadedImage.src=AllImages[loadall];
}
}


preloadImages();


var l1="",l2="",l3="",l4="",l5="",l6="",l7="",l8="";

var highlight=document.getElementById("Highlight").value;


function swapImage(swapimage,id){
document.getElementById(id).src="images/"+swapimage;
}//



if (highlight=="home"){l1="<img src='images/homebutton2.gif' name='home' width='164' height='20' border='0' id='home' alt='Home'>";}
else{l1="<a href='index.htm' onMouseOver='swapImage(\"homebutton2.gif\",\"home\")' onMouseOut='swapImage(\"homebutton1.gif\",\"home\")'><img src='images/homebutton1.gif' name='home' width='164' height='20' border='0' id='home' alt='Home'></a>";}
if (highlight=="about"){l2="<img src='images/aboutbutton2.gif' name='about' width='164' height='20' border='0' id='about' alt='about me'>";}
else{l2="<a href='aboutme.htm' onMouseOver='swapImage(\"aboutbutton2.gif\",\"about\")' onMouseOut='swapImage(\"aboutbutton1.gif\",\"about\")'><img src='images/aboutbutton1.gif' name='about' width='164' height='20' border='0' id='about' alt='about me'></a>";}
//if (highlight=="mydogs"){l3="<img src='images/mydogsbutton2.gif' name='mydogs' width='164' height='20' border='0' id='mydogs' alt='my dogs'>";}
//else{l3="<a href='mydogs.htm' onMouseOver='swapImage(\"mydogsbutton2.gif\",\"mydogs\")' onMouseOut='swapImage(\"mydogsbutton1.gif\",\"mydogs\")'><img src='images/mydogsbutton1.gif' name='mydogs' width='164' height='20' border='0' id='mydogs' alt='my dogs'></a>";}

if (highlight=="mydogs"){l3="<img src='images/photo_2.gif' name='mydogs' width='164' height='20' border='0' id='mydogs' alt='photos'>";}
else{l3="<a href='photos.htm' onMouseOver='swapImage(\"photo_2.gif\",\"mydogs\")' onMouseOut='swapImage(\"photos_1.gif\",\"mydogs\")'><img src='images/photos_1.gif' name='mydogs' width='164' height='20' border='0' id='mydogs' alt='photos'></a>";}


if (highlight=="breed"){l4="<img src='images/breeding botton _02.gif' name='breed' width='164' height='20' border='0' id='breed' alt='breeding'>";}
else{l4="<a href='breeding_land.htm' onMouseOver='swapImage(\"breeding botton _02.gif\",\"breed\")' onMouseOut='swapImage(\"breeding botton _01.gif\",\"breed\")'><img src='images/breeding botton _01.gif' name='breed' width='164' height='20' border='0' id='breed' alt='breeding'></a>";}

if (highlight=="litters"){l5="<img src='images/litters_02.gif' name='breed' width='164' height='20' border='0' id='litters' alt='litters'>";}
else{l5="<a href='litters.htm' onMouseOver='swapImage(\"litters_02.gif\",\"litters\")' onMouseOut='swapImage(\"litters_01.gif\",\"litters\")'><img src='images/litters_01.gif' name='litters' width='164' height='20' border='0' id='litters' alt='litters'></a>";}

if (highlight=="boarding"){l6="<img src='images/boarding _02.gif' name='boarding' width='164' height='20' border='0' id='boarding' alt='litters'>";}
else{l6="<a href='boarding.htm' onMouseOver='swapImage(\"boarding _02.gif\",\"boarding\")' onMouseOut='swapImage(\"boarding _01.gif\",\"boarding\")'><img src='images/boarding _01.gif' name='boarding' width='164' height='20' border='0' id='boarding'alt='litters'></a>";}


if (highlight=="contact"){l7="<img src='images/contactbutton2.gif' name='contact' width='164' height='20' border='0' id='contact' alt='contact me'>";}
else{l7="<a href='contact.htm' onMouseOver='swapImage(\"contactbutton2.gif\",\"contact\")' onMouseOut='swapImage(\"contactbutton1.gif\",\"contact\")'><img src='images/contactbutton1.gif' name='contact' width='164' height='20' border='0' id='contact' alt='contact me'></a>";}

if (highlight=="grooming"){l8="<img src='images/grooming_02.gif' name='grooming' width='164' height='20' border='0' id='grooming' alt='grooming'>";}
else{l8="<a href='grooming.htm' onMouseOver='swapImage(\"grooming_02.gif\",\"grooming\")' onMouseOut='swapImage(\"grooming_01.gif\",\"grooming\")'><img src='images/grooming_01.gif' name='grooming' width='164' height='20' border='0' id='grooming' alt='grooming'></a>";}


if (highlight=="missyou"){l9="<img src='images/missyou_A.gif' name='missyou' width='164' height='20' border='0' id='missyou' alt='missyou'>";}
else{l9="<a href='wemissyou.htm' onMouseOver='swapImage(\"missyou_A.gif\",\"missyou\")' onMouseOut='swapImage(\"missyou.gif\",\"missyou\")'><img src='images/missyou.gif' name='missyou' width='164' height='20' border='0' id='missyou' alt='missyou'></a>";}



document.write("<table width='164' border='0' cellspacing='0' cellpadding='0' bgcolor='#00A651'>");

document.write("<tr><td valign='top' bgcolor='#ffffff'><div align='center'><img src='images/b.gif' width='1' height='62' border='0' alt=''></div></td></tr>");

document.write("<tr><td valign='top' bgcolor='#00A651'><img src='images/b.gif' width='1' height='10' border='0' alt=''></td></tr>");

document.write("<tr><td valign='top'><div align='center' style='padding-top:2px;'>"+l1+"</div></td></tr>");
//document.write("<tr><td valign='top' bgcolor='#00A651'><div align='center'><img src='images/b.gif' width='1' height='3' border='0' alt=''></div></td></tr>");
document.write("<tr><td valign='top'><div align='center' style='padding-top:2px;'>"+l4+"</div></td></tr>");
//document.write("<tr><td valign='top' bgcolor='#00A651'><div align='center'><img src='images/b.gif' width='1' height='0' border='0' alt=''></div></td></tr>");

document.write("<tr><td valign='top'><div align='center' style='padding-top:2px;'>"+l5+"</div></td></tr>");
//document.write("<tr><td valign='top' bgcolor='#00A651'><div align='center'><img src='images/b.gif' width='1' height='3' border='0' alt=''></div></td></tr>");
document.write("<tr><td valign='top'><div align='center' style='padding-top:2px;'>"+l8+"</div></td></tr>");
//document.write("<tr><td valign='top' bgcolor='#00A651'><div align='center'><img src='images/b.gif' width='1' height='0' border='0' alt=''></div></td></tr>");
document.write("<tr><td valign='top'><div align='center' style='padding-top:2px;'>"+l3+"</div></td></tr>");
//document.write("<tr><td valign='top' bgcolor='#00A651'><div align='center'><img src='images/b.gif' width='1' height='2' border='0' alt=''></div></td></tr>");
document.write("<tr><td valign='top'><div align='center' style='padding-top:2px;'>"+l2+"</div></td></tr>");
//document.write("<tr><td valign='top' bgcolor='#00A651'><div align='center'><img src='images/b.gif' width='1' height='2' border='0' alt=''></div></td></tr>");
document.write("<tr><td valign='top'><div align='center' style='padding-top:2px;'>"+l7+"</div></td></tr>");
//document.write("<tr><td valign='top' bgcolor='#00A651'><div align='center'><img src='images/b.gif' width='1' height='2' border='0' alt=''></div></td></tr>");
document.write("<tr><td valign='top'><div align='center' style='padding-top:2px;padding-bottom:8px;'>"+l9+"</div></td></tr>");
document.write("</table>");