<!--
// array for top main menu:
var arrTopMnu=new Array(
"images/mnu01_off.gif","images/mnu01_on.gif","index.shtml","Home",60,19,"hom",
"images/mnu02_off.gif","images/mnu02_on.gif","about.shtml","About Us",85,19,"abo",
"images/mnu03_off.gif","images/mnu03_on.gif","javascript://","Porfolio",85,19,"port",
"images/mnu04_off.gif","images/mnu04_on.gif","workshop.shtml","Workshop",85,19,"work",
"images/mnu05_off.gif","images/mnu05_on.gif","contact.asp","Contact Us",85,19,"cont"
)
var step1=7


if (typeof(pageID)=="undefined") pageID=""

var menuact="";

// building the top main menu:
var arrTop_on = new Array;
var arrTop_off = new Array;
var j=0
var color=0
var strTop=""
for (var i=0; i<arrTopMnu.length; i+=step1) 
{
	j=parseInt(i/step1)
	
	arrTop_on[j]=arrTopMnu[i+1]
	arrTop_off[j]=arrTopMnu[i]
	
	if (pageID==arrTopMnu[i+6]) strTop+='<IMG src="'+arrTopMnu[i+1]+'" width="'+arrTopMnu[i+4]+'" height="'+arrTopMnu[i+5]+'" border=0 alt="'+arrTopMnu[i+3]+'" title="'+arrTopMnu[i+3]+'" name="imgTop'+j+'">'
	else strTop+='<A href="'+arrTopMnu[i+2]+'" onmouseover="Swap('+j+',\'on\',\'imgTop\');dropdownmenu(this, event, menu'+(j+1)+', \''+arrTopMnu[i+4]+'px\', '+j+','+(j+1)+');" onmouseout="Swap('+j+',\'off\',\'imgTop\'); delayhidemenu();"><IMG src="'+arrTopMnu[i]+'" width="'+arrTopMnu[i+4]+'" height="'+arrTopMnu[i+5]+'" border=0 alt="'+arrTopMnu[i+3]+'" title="'+arrTopMnu[i+3]+'" name="imgTop'+j+'"></A>'

}
//preloading top main menu images:
var imgTop_on = new Array;
var imgTop_off = new Array;
Preload("arrTop","imgTop",0);


// START: Rollover functions >>>
function Preload(arrFrom,arrToGen,act) {
	var l = eval(arrFrom + '_on.length');
	for (var i=0; i<l; i++) {
		eval(arrToGen + '_on[i] = new Image()');
		eval(arrToGen + '_on[i].src = ' + arrFrom + '_on[i]');
		
		eval(arrToGen + '_off[i] = new Image()');
		eval(arrToGen + '_off[i].src = ' + arrFrom + '_off[i]');
		
		if (act==1) {
			eval(arrToGen + '_act[i] = new Image()');
			eval(arrToGen + '_act[i].src = ' + arrFrom + '_act[i]');
		}
	}
}

function Swap() {
	var imgName = Swap.arguments[2] + Swap.arguments[0];
	var index = (Swap.arguments.length >= 4) ? parseInt(Swap.arguments[3]) : parseInt(Swap.arguments[0]);
	document.images[imgName].src = eval(Swap.arguments[2] + '_' + Swap.arguments[1] + '[' + index + '].src');
}
// <<< END: Rollover functions


// START: submenus
var menu1=new Array(
);
var menu2=new Array(
);
var menu3=new Array(
'<A href="indoors.shtml" class="topsubmenu3">Indoors</A>&nbsp;&nbsp;&nbsp;&nbsp;',
'<A href="outdoors.shtml" class="topsubmenu3">Outdoors</A>'
);
var menu4=new Array(
);
var menu5=new Array(
'<A href="directions.shtml" class="topsubmenu5">Directions</A>'
);
// END: submenus


var menubgcolor='';
var menuwidth='137' //default menu width
var menutop='134' //default menu top position
var disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?
 
/////No further editting needed



function WriteTopMenu(){
	document.write(strTop);
}

function WriteDivTopMenu(){
	if (ie4||ns6)
		document.write('<div id="dropmenudiv" style="position:absolute; top:0px;left:0px; visibility:hidden; width:'+menuwidth+'px; 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=-500
	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 windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
		dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
		if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)
			edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
	}
	return edgeoffset
}
 
function populatemenu(what,color){
	var arr=what; //current array for submenu
	var str=""
	var menubgcolor='';
	//switch the color for the submenus
	switch(color)
	{
		case 1:{
					 menubgcolor='#024731';
					if (arr.length>0) {
						str+='<table cellspacing="0" cellpadding="0" border="0" bgcolor="#024731"><tr><td>'
						str+='<table width="'+menuwidth+'" cellspacing="1" cellpadding="5" border="0">'
						for (i=0;i<arr.length;i++){
							str+='<tr><td valign="middle" bgcolor="'+menubgcolor+'"><img src="images/spacer.gif" width="4" height="1">'+arr[i]+'</td></tr>'
						}
						str+='</table></td></tr></table>'
					}
					if (ie4||ns6) dropmenuobj.innerHTML=str; //what.join("")
					return;
				}
		case 2: {
					 menubgcolor='#E6D7D1';
					if (arr.length>0) {
						str+='<table cellspacing="0" cellpadding="0" border="0" bgcolor="#FFFFFF"><tr><td>'
						str+='<table width="'+menuwidth+'" cellspacing="1" cellpadding="5" border="0">'
						for (i=0;i<arr.length;i++){
							str+='<tr><td valign="middle" bgcolor="'+menubgcolor+'"><img src="images/spacer.gif" width="4" height="1">'+arr[i]+'</td></tr>'
						}
						str+='</table></td></tr></table>'
					}
					if (ie4||ns6) dropmenuobj.innerHTML=str; //what.join("")
					return;
				}
		case 3: {
					menubgcolor='#024731';
					if (arr.length>0) {
						str+='<table cellspacing="0" cellpadding="6" border="0" bgcolor="#024731"><tr><td valign="middle" bgcolor="'+menubgcolor+'">'
						str+='<table width="'+menuwidth+'" cellspacing="1" cellpadding="5" border="0">'
						for (i=0;i<arr.length;i++){
							str+='<img src="images/spacer.gif" width="4" height="1">'+arr[i]+'</td></tr>'
						}
						str+='</table></td></tr></table>'
					}
					if (ie4||ns6) dropmenuobj.innerHTML=str; //what.join("")
					return;
				}
		case 4: {
					menubgcolor='#FFF0DA';
					if (arr.length>0) {
						str+='<table cellspacing="0" cellpadding="0" border="0" bgcolor="#FFFFFF"><tr><td>'
						str+='<table width="'+menuwidth+'" cellspacing="1" cellpadding="5" border="0">'
						for (i=0;i<arr.length;i++){
							str+='<tr><td valign="middle" bgcolor="'+menubgcolor+'"><img src="images/spacer.gif" width="4" height="1">'+arr[i]+'</td></tr>'
						}
						str+='</table></td></tr></table>'
					}
					if (ie4||ns6) dropmenuobj.innerHTML=str; //what.join("")
					return;
				}
		case 5: {
					menubgcolor='#024731';
					if (arr.length>0) {
						str+='<table cellspacing="0" cellpadding="0" border="0" bgcolor="#024731"><tr><td>'
						str+='<table width="'+menuwidth+'" cellspacing="1" cellpadding="5" border="0">'
						for (i=0;i<arr.length;i++){
							str+='<tr><td valign="middle" bgcolor="'+menubgcolor+'"><img src="images/spacer.gif" width="4" height="1">'+arr[i]+'</td></tr>'
						}
						str+='</table></td></tr></table>'
					}
					if (ie4||ns6) dropmenuobj.innerHTML=str; //what.join("")
					return;
				}
		case 6: {
					menubgcolor='#EFEAD4';
					if (arr.length>0) {
						str+='<table cellspacing="0" cellpadding="0" border="0" bgcolor="#FFFFFF"><tr><td>'
						str+='<table width="'+menuwidth+'" cellspacing="1" cellpadding="5" border="0">'
						for (i=0;i<arr.length;i++){
							str+='<tr><td valign="middle" bgcolor="'+menubgcolor+'"><img src="images/spacer.gif" width="4" height="1">'+arr[i]+'</td></tr>'
						}
						str+='</table></td></tr></table>'
					}
					if (ie4||ns6) dropmenuobj.innerHTML=str; //what.join("")
					return;
				}
	}
}
 

function dropdownmenu(obj, e, menucontents, menuwidth, act,color){
	menuact=act;
	if (window.event)
		event.cancelBubble=true
	else if (e.stopPropagation)
		e.stopPropagation()
	clearhidemenu()
	dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
	populatemenu(menucontents,color)
	 
	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=menutop;
		//dropmenuobj.style.top=dropmenuobj.y-19-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){
	Swap(menuact,'off','imgTop');
	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(){
	Swap(menuact,'on','imgTop');
	if (typeof delayhide!="undefined") clearTimeout(delayhide)
}
 
if (hidemenu_onclick=="yes") document.onclick=hidemenu
//-->
