var nOP=0,nOP5=0,nIE=0,nIE4=0,nIE5=0,nNN=0,nNN4=0,nNN6=0,nMAC=0,nIEM=0,nIEW=0,nDM=0,nVER=0.0;
var selecteditem = null;
var menu_delay = 500;
var timeout;
var caller;
if(caller==undefined) window.location.pathname;
/* start menu css vars*/
var css={
	popmenu:'filter:progid:DXImageTransform.Microsoft.Alpha(style=1,opacity=95,finishOpacity=70,startX=50,finishX=400,startY=50,finishY=400); visibility:hidden; position:absolute; z-index:10; top:-200px;',
	pointeron:'http://our-catalogue.com/images/2005/arrow_white.gif',
	pointeroff:'http://our-catalogue.com/images/2005/arrow_down.gif',
	menu:'font-size:11px; line-height:11px; color:#000000; text-decoration:none;'
};
/* end menu css */


getVer();
function getVer()
{
	var v=navigator.appVersion;
	var a=navigator.userAgent;
	nMAC=v.indexOf("Mac")>=0;
	nOP=a.indexOf("Opera")>=0;
	if(nOP)
	{
		nVER=parseFloat(a.substring(a.indexOf("Opera ")+6,a.length));
		nOP5=nVER>=5.12&&!nMAC&&a.indexOf("MSIE 5.0")>=0;
		if(nVER>=7)	nOP5=1;
	}
	else
	{
		nIE=document.all ? 1 :0;
		if(nIE)
		{
			nIE4=(eval(v.substring(0,1)>=4));
			nVER=parseFloat(a.substring(a.indexOf("MSIE ")+5,a.length));
			nIE5=nVER>=5.0&&nVER<5.5&&!nMAC;
			nIEM=nIE4&&nMAC;
			nIEW=nIE4&&!nMAC;
		}
		else
		{
			nNN4=navigator.appName.toLowerCase()=="netscape"&&v.substring(0,1)=="4" ? 1 :0;
			if(!nNN4)
			{
				nNN6=(document.getElementsByTagName("*") && a.indexOf("Gecko")!=-1);
				if(nNN6)
				{
					nVER=parseInt(navigator.productSub);
					if(a.indexOf("Netscape")>=0)
					{
						st_delb=nVER<20001108+1;
						st_addb=nVER>20020512-1;
					}
					else
					{
						st_delb=nVER<20010628+1;
						st_addb=nVER>20011221-1;
					}
				}
			}
			else
			nVER=parseFloat(v);
			nNN=nNN4||nNN6;
		}
	}
	nDM=nOP5||nIE4||nNN;
}
function stageLeft(){ return parseInt(nNN||nOP ? window.pageXOffset :document.body.scrollLeft);}
function stageTop(){ return parseInt(nNN||nOP ? window.pageYOffset :document.body.scrollTop);}
function stageWidth(){ return parseInt(nNN||nOP ? window.innerWidth :(nIEW&&document.compatMode=="CSS1Compat" ? document.documentElement.clientWidth :document.body.clientWidth));}
function stageHeight(){ return parseInt(nNN||nOP ? window.innerHeight :(nIEW&&document.compatMode=="CSS1Compat" ? document.documentElement.clientHeight :document.body.clientHeight));}
function mkmenu(id,menufore,menumid,menuback,menutitle){
	return '<table id="tb'+id+'" cellpadding="0" cellspacing="1" border="0" style="width:115px; background:#'+menuback+'; '+css.menu+'" onmouseover="menuon('+id+'); submenu('+id+');" onmouseout="menuoff('+id+');" onclick="linkto({m:\''+mcats[id].name+'\'})"><tr><td style="width:28px; height:30px; vertical-align:middle;"><img src="'+css.pointeroff+'" class="alpha70" border="0" width="28" height="28" id="'+id+'"></td><td width="87" style="background:#'+menumid+'; padding-left:3px;" id="m'+id+'"><a style="'+css.menu+'" href="javascript:linkto({m:\''+mcats[id].name+'\'})">'+menutitle+'</a></td></tr></table>';
}

/* this custom menu is for mid term updates 
function mkcustmenu(id,menufore,menumid,menuback,menutitle){
	document.write('<table width="115" border="0" cellspacing="1" cellpadding="1" id="tb'+id+'" style="background:#'+menuback+'" onmouseover="menuon('+id+'); submenu('+id+');" onmouseout="menuoff('+id+');"><tr><td style="width:28px; height:30px; vertical-align:middle;" ><img src="'+css.pointeroff+'" class="alpha70" border="0" width="28" height="28" id="'+id+'"></td><td width="86" style="background:#'+menumid+'; padding-left:3px;" id="m'+id+'">'+menutitle+'</td></tr></table>');
}
*/
/* this one is for new year updates */
function mkcustmenu(id,menufore,menumid,menuback,menutitle){
	return '<table id="tb'+id+'" cellpadding="0" cellspacing="1" border="0" style="width:115px; background:#'+menuback+ '; '+css.menu+'" onmouseover="menuon('+id+'); killPopupMenu();" onmouseout="menuoff('+id+');"><tr><td style="width:28px; height:30px; vertical-align:middle;" ><img src="'+css.pointeroff+'" class="alpha70" border="0" width="28" height="28" id="'+id+'"></td><td width="87" style="background:#'+menumid+'; padding-left:3px;" id="m'+id+'"><a href="new2006.php" style="'+css.menu+'" class="">'+menutitle+'</a></td></tr></table>';
}


function mksubmenu(id,menufore,menumid,menuback){
	return '<div id="sub_'+id+'" style="'+css.popmenu+' border:solid 1px #'+menuback+'; background:#'+menumid+';" onmouseover="cancelKillPopupMenu()" onmouseout="killPopupMenu()">';
}
function mksubend(){
	return '</div>';
}
function mksub(colourfore,colourmid,title,link,mcat){
	return '<div style="padding:3px; width:150px;" onmouseover="this.style.backgroundColor=\'#'+colourfore+'\'" onmouseout="this.style.backgroundColor=\'#'+colourmid+'\'" onclick="linkto({m:\''+mcats[mcat].name+'\',s:\''+title+'\'})"><a style="'+css.menu+'" href="javascript:linkto({m:\''+mcats[mcat].name+'\',s:\''+title+'\'})">'+title+'</a></div>';
}
function menuon(id){
	cancelKillPopupMenu();
	var pointer = findObj(id);
	pointer.src=css.pointeron;
	var menu = findObj('m'+id);
	menu.style.backgroundColor="#"+mcats[id].cfore;
	
	// do the arrow on the main page
	var arrow = findObj('r_p_'+(parseInt(id)+1));
	if(arrow){
		arrow.src='http://our-catalogue.com/images/2005/picarrow.gif';
	}
}
function menuoff(id){
	killPopupMenu();
	var pointer = findObj(id);
	pointer.src=css.pointeroff;
	var menu = findObj('m'+id);
	menu.style.backgroundColor="#"+mcats[id].cmid;
	
	// clear the arrow on main page
	var arrow = findObj('r_p_'+(parseInt(id)+1));
	if(arrow){
		arrow.src='http://our-catalogue.com/images/spacer.gif';
	}
}
function resetmenu(){
	for(var i=0;i<mcats.length;i++){
		var obj = findObj('sub_'+i);
		obj.style.visibility = 'hidden';
		obj.style.top = '-500px';
	}
}
function findPosX(obj){
	var curleft = 0;
	if (obj.offsetParent){
		while (obj.offsetParent){
			curleft += obj.offsetLeft
			obj = obj.offsetParent;
		}
	}
	else if (obj.x)
		curleft += obj.x;
	return curleft;
}
function findPosY(obj){
	var curtop = 0;
	if (obj.offsetParent){
		while (obj.offsetParent){
			curtop += obj.offsetTop
			obj = obj.offsetParent;
		}
	}
	else if (obj.y)
		curtop += obj.y;
	return curtop;
}

function submenu(id){
	resetmenu();
	var submenu = findObj('sub_'+id);
	var menu = findObj('tb'+id);
	var h = parseInt(nOP&&nVER<7?submenu.style.pixelHeight:submenu.offsetHeight);
	var offsetH = findPosY(menu);
	if(h+offsetH<stageHeight()){
		submenu.style.top=offsetH+"px";
	} else {
		submenu.style.top=(stageHeight()-h)+"px";
	}
	submenu.style.visibility = 'visible';
	selecteditem = id;
}
function cancelKillPopupMenu(){
	window.clearTimeout(timeout);
}

function killPopupMenu(id){
	timeout = window.setTimeout('resetmenu(\''+id+'\');',menu_delay);
}
function buildMenu(){
	var out='<table border="0" cellpadding="0" cellspacing="0">';
	for(var i=0; i<mcats.length; i++){
		out+='<tr><td valign="top">';
		if(mcats[i].custom==false){ // standard main cat
			out+=mkmenu(i,mcats[i].cfore,mcats[i].cmid,mcats[i].cback,mcats[i].name);
		} else { // custom main cat
			out+= mkcustmenu(i,mcats[i].cfore,mcats[i].cmid,mcats[i].cback,mcats[i].name);
		}
		out+='</td><td>'+mksubmenu(i,mcats[i].cfore,mcats[i].cmid,mcats[i].cback);
		for(j=0;j<mcats[i].categories.length; j++){
			out+=mksub(mcats[i].cfore,mcats[i].cmid,mcats[i].categories[j].name,mcats[i].categories[j].link,i);
		}
		out+=mksubend()+'</td></tr>';
	}
	out+='</table>';
	if(search=='true'){
		out+=makeSearchBox();
	}
	document.write(out);
}
function makeSearchBox(){
	var searchval = getParameter("search");
	var format = getParameter("format");
	if(format==undefined){
		format = 'frames';
	}
	var get_ref = '<input type="hidden" name="format" value="'+format+'"/><input type="hidden" name="ref" value="'+code+'"/>';
	return '<table  style="width:115px" cellpadding="1" cellspacing="0" border="0" bgcolor="#999999"><tr><td><table style="width:113px;" cellpadding="2" cellspacing="0" border="0" bgcolor="#CCCCCC"><tr><td><form method="GET" style="padding:0px; margin:0px;"><span style="color: #666666; font-size:9px; line-height:18px;">Search by product code<br/><input onclick="if(this.value==\'enter code\'){this.value=\'\'; }" name="search" id="search" value="'+(searchval==undefined?'enter code':unescape(searchval))+'" style="width:65px;"/>'+get_ref +'<input type="submit" name="go" value=" go "/></span></form></td></tr></table></td></tr></table>';
}
function highlight(element){
	element.focus();
	element.select();
}
