function swapImage(imgN,imgU){
if(document.images)document.images[imgN].src=imgU;
}

function preLoadImages(){
var t='<layer top="-100" left="0" visibility="hide"><div style="position:absolute; top:-100px; left:0px; visibility:hidden">';
for(i=0;i<arguments.length;i++)t+='<img src="'+arguments[i]+'" height="10" width="10">';
t+='<\/div><\/layer>';
document.write(t);
}

preLoadImages('navHomeOver.gif','navTablewareOver.gif','navVasesOver.gif','navChestsOver.gif','navLacquerOver.gif','navContactOver.gif','cat1.1Over.gif','cat1.2Over.gif','cat1.3Over.gif','cat2.1Over.gif','cat2.2Over.gif','cat3.0Over.gif','cat3.1Over.gif','cat3.2Over.gif','cat3.3Over.gif','cat3.4Over.gif','cat3.5Over.gif','cat3.6Over.gif','cat3.7Over.gif','cat3.8Over.gif','cat3.9Over.gif','cat3.10Over.gif','cat3.11Over.gif','cat3.12Over.gif','cat4.0Over.gif','cat4.1Over.gif','cat4.2Over.gif','cat4.3Over.gif','cat4.4Over.gif','cat4.5Over.gif','cat4.6Over.gif','cat4.7Over.gif','cat1.1.gif','cat1.2.gif','cat1.3.gif','cat2.1.gif','cat2.2.gif','cat3.0.gif','cat3.1.gif','cat3.2.gif','cat3.3.gif','cat3.4.gif','cat3.5.gif','cat3.6.gif','cat3.7.gif','cat3.8.gif','cat3.9.gif','cat3.10.gif','cat3.11.gif','cat3.12.gif','cat4.0.gif','cat4.1.gif','cat4.2.gif','cat4.3.gif','cat4.4.gif','cat4.5.gif','cat4.6.gif','cat4.7.gif','copyright4.gif','copyright4Over.gif','contact.gif','contactOver.gif','introduction.gif','introductionOver.gif','productInfo.gif','productInfoOver.gif','schedule.gif','scheduleOver.gif','resources.gif','resourcesOver.gif','pagePrevious.gif','pagePreviousOver.gif','pageNext.gif','pageNextOver.gif','page1.gif','page1Over.gif','page2.gif','page2Over.gif','page3.gif','page3Over.gif','page4.gif','page4Over.gif','page5.gif','page5Over.gif'); 


function change1(){document.imageChange1.src='cat1.1Over.gif';} function changeBack1(){document.imageChange1.src='cat1.1.gif';}
function change2(){document.imageChange2.src='cat1.2Over.gif';} function changeBack2(){document.imageChange2.src='cat1.2.gif';}
function change3(){document.imageChange3.src='cat1.3Over.gif';} function changeBack3(){document.imageChange3.src='cat1.3.gif';}

function change4(){document.imageChange4.src='cat2.1Over.gif';} function changeBack4(){document.imageChange4.src='cat2.1.gif';}

function change6(){document.imageChange6.src='cat3.0Over.gif';} function changeBack6(){document.imageChange6.src='cat3.0.gif';}
function change7(){document.imageChange7.src='cat3.12Over.gif';} function changeBack7(){document.imageChange7.src='cat3.12.gif';}
function change8(){document.imageChange8.src='cat3.1Over.gif';} function changeBack8(){document.imageChange8.src='cat3.1.gif';}
function change9(){document.imageChange9.src='cat3.2Over.gif';} function changeBack9(){document.imageChange9.src='cat3.2.gif';}
function change10(){document.imageChange10.src='cat3.3Over.gif';} function changeBack10(){document.imageChange10.src='cat3.3.gif';}
function change11(){document.imageChange11.src='cat3.4Over.gif';} function changeBack11(){document.imageChange11.src='cat3.4.gif';}
function change12(){document.imageChange12.src='cat3.5Over.gif';} function changeBack12(){document.imageChange12.src='cat3.5.gif';}
function change13(){document.imageChange13.src='cat3.6Over.gif';} function changeBack13(){document.imageChange13.src='cat3.6.gif';}
function change14(){document.imageChange14.src='cat3.7Over.gif';} function changeBack14(){document.imageChange14.src='cat3.7.gif';}
function change17(){document.imageChange17.src='cat3.11Over.gif';} function changeBack17(){document.imageChange17.src='cat3.11.gif';}
function change18(){document.imageChange18.src='cat3.8Over.gif';} function changeBack18(){document.imageChange18.src='cat3.8.gif';}

function change19(){document.imageChange19.src='cat4.0Over.gif';} function changeBack19(){document.imageChange19.src='cat4.0.gif';}
function change20(){document.imageChange20.src='cat4.1Over.gif';} function changeBack20(){document.imageChange20.src='cat4.1.gif';}
function change21(){document.imageChange21.src='cat4.2Over.gif';} function changeBack21(){document.imageChange21.src='cat4.2.gif';}
function change22(){document.imageChange22.src='cat4.3Over.gif';} function changeBack22(){document.imageChange22.src='cat4.3.gif';}
function change24(){document.imageChange24.src='cat4.5Over.gif';} function changeBack24(){document.imageChange24.src='cat4.5.gif';}
function change26(){document.imageChange26.src='cat4.7Over.gif';} function changeBack26(){document.imageChange26.src='cat4.7.gif';}

//Contents for menu 1
var menu1=new Array()
menu1[0]='<a href="new_designs_chests_and_boxes.php" class="dropImage" onmouseover="change1()" onmouseout="changeBack1()"><img src="cat1.1.gif" border="0" class="dropImage" name="imageChange1"></a>'
menu1[1]='<a href="jewellery_boxes.php" class="dropImage" onmouseover="change2()" onmouseout="changeBack2()"><img src="cat1.2.gif" border="0" class="dropImage" name="imageChange2"></a>'
menu1[2]='<a href="chests.php" class="dropImage" onmouseover="change3()" onmouseout="changeBack3()"><img src="cat1.3.gif" border="0" class="dropImage" name="imageChange3"></a>'

//Contents for menu 2
var menu2=new Array()
menu2[0]='<a href="wall_art.php" class="dropImage" onmouseover="change4()" onmouseout="changeBack4()"><img src="cat2.1.gif" border="0" class="dropImage" name="imageChange4"></a>'
menu2[1]='<img src="spacerTrans.gif" border="0" class="dropImage">'
menu2[2]='<img src="spacerTrans.gif" border="0" class="dropImage">'

//Contents for menu 3
var menu3=new Array()
menu3[0]='<a href="new_designs_vases.php" class="dropImage" onmouseover="change6()" onmouseout="changeBack6()"><img src="cat3.0.gif" border="0" class="dropImage" name="imageChange6"></a>'
menu3[1]='<a href="vases_almond_twist_range.php" class="dropImage" onmouseover="change7()" onmouseout="changeBack7()"><img src="cat3.12.gif" border="0" class="dropImage" name="imageChange7"></a>'
menu3[2]='<a href="vases_mango_range.php" class="dropImage" onmouseover="change8()" onmouseout="changeBack8()"><img src="cat3.1.gif" border="0" class="dropImage" name="imageChange8"></a>'
menu3[3]='<a href="vases_sail_range.php" class="dropImage" onmouseover="change9()" onmouseout="changeBack9()"><img src="cat3.2.gif" border="0" class="dropImage" name="imageChange9"></a>'
menu3[4]='<a href="vases_concord_range.php" class="dropImage" onmouseover="change10()" onmouseout="changeBack10()"><img src="cat3.3.gif" border="0" class="dropImage" name="imageChange10"></a>'
menu3[5]='<a href="vases_firework_range.php" class="dropImage" onmouseover="change11()" onmouseout="changeBack11()"><img src="cat3.4.gif" border="0" class="dropImage" name="imageChange11"></a>'
menu3[6]='<a href="vases_eiffel_range.php" class="dropImage" onmouseover="change12()" onmouseout="changeBack12()"><img src="cat3.5.gif" border="0" class="dropImage" name="imageChange12"></a>'
menu3[7]='<a href="vases_heart_range.php" class="dropImage" onmouseover="change13()" onmouseout="changeBack13()"><img src="cat3.6.gif" border="0" class="dropImage" name="imageChange13"></a>'
menu3[8]='<a href="vases_eggshell_range.php" class="dropImage" onmouseover="change14()" onmouseout="changeBack14()"><img src="cat3.7.gif" border="0" class="dropImage" name="imageChange14"></a>'
menu3[9]='<a href="vases_dotty_range.php" class="dropImage" onmouseover="change17()" onmouseout="changeBack17()"><img src="cat3.11.gif" border="0" class="dropImage" name="imageChange17"></a>'
menu3[10]='<a href="vases_diablo_range.php" class="dropImage" onmouseover="change18()" onmouseout="changeBack18()"><img src="cat3.8.gif" border="0" class="dropImage" name="imageChange18"></a>'

//Contents for menu 4
var menu4=new Array()
menu4[0]='<a href="new_designs_tableware.php" class="dropImage" onmouseover="change19()" onmouseout="changeBack19()"><img src="cat4.0.gif" border="0" class="dropImage" name="imageChange19"></a>'
menu4[1]='<a href="boxed_8_placed_table_sets.php" class="dropImage" onmouseover="change20()" onmouseout="changeBack20()"><img src="cat4.1.gif" border="0" class="dropImage" name="imageChange20"></a>'
menu4[2]='<a href="long_trays_with_bowl_sets.php" class="dropImage" onmouseover="change21()" onmouseout="changeBack21()"><img src="cat4.2.gif" border="0" class="dropImage" name="imageChange21"></a>'
menu4[3]='<a href="fruit_bowls_bowls_dishes.php" class="dropImage" onmouseover="change22()" onmouseout="changeBack22()"><img src="cat4.3.gif" border="0" class="dropImage" name="imageChange22"></a>'
menu4[4]='<a href="trays.php" class="dropImage" onmouseover="change24()" onmouseout="changeBack24()"><img src="cat4.5.gif" border="0" class="dropImage" name="imageChange24"></a>'
menu4[5]='<a href="coasters.php" class="dropImage" onmouseover="change26()" onmouseout="changeBack26()"><img src="cat4.7.gif" border="0" class="dropImage" name="imageChange26"></a>'

var menuwidth='143px' //default menu width
var menubgcolor='transparent'  //menu bgcolor
var disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?

/////No further editting needed

var ie4=document.all
var ns6=document.getElementById&&!document.all

if (ie4||ns6)
document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}

function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top="-500px"
if (menuwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
}
}
return edgeoffset
}

function populatemenu(what){
if (ie4||ns6)
dropmenuobj.innerHTML=what.join("")
}


function dropdownmenu(obj, e, menucontents, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu(menucontents)

if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}

return clickreturnvalue()
}

function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}

function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}

function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}

function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}

if (hidemenu_onclick=="no")
document.onclick=hidemenu