var AgntUsr=navigator.userAgent.toLowerCase();
var DomYes=document.getElementById?1:0;
var NavYes=AgntUsr.indexOf('mozilla')!=-1&&AgntUsr.indexOf('compatible')==-1?1:0;
var Nav4=NavYes&&!DomYes&&document.layers?1:0;
var isOpera=AgntUsr.indexOf("opera") > 0;
var isIE=AgntUsr.indexOf("msie") > 0 && !isOpera;


var timer=null;
var dissapearDelay=1000;
var menuToClose=null;
var selectedImgPath=null;
var selectedLayerPath=null;

var menu_prefix = 'menu';
var imgName_prefix = 'image';
var imgPath_off_prefix = '';
var imgPath_on_prefix = '';
var border=1;
var borderColor='#000000';
var menuLayers = new Array();

function show(layer,show)
{
	if(DomYes)
	{
		if(document.getElementById(layer))
			document.getElementById(layer).style.visibility=show?'visible':'hidden';
	}
	else if(Nav4)
	{
		if(document.layers[layer])
			document.layers[layer].visibility=show?'show':'hide';
	}
}

function mEnter(path)
{

	if(timer) clearTimeout(timer);

	if(selectedLayerPath!=path)
		closeAll();
	
	selectedImgPath = path;
	selectedLayerPath = path+'-1';

	while(path!=null)
	{
		hiliteImg(path,true);
		show(menu_prefix+path, true);
		path = getParent(path);
	}
}

function mLeave(path)
{
	menuToClose = path;
	if(timer) clearTimeout(timer);
	timer=setTimeout('closeAll()',dissapearDelay);
	
	hiliteImg(path,false);
}

function getParent(path)
{
	var index = path.lastIndexOf('-');
	if(index>0)
	{
		return path.substring(0, index);
	}
	return null;
}

function hiliteImg(path,flag)
{
	var myDoc;
	if(Nav4)
	{
		var layerPath = getParent(path);
		myDoc = layerPath?document.layers[menu_prefix + layerPath].document:document;
	}
	else myDoc = document;
	permutImg(myDoc,flag,imgName_prefix + path);
}

function closeAll()
{
	while(selectedImgPath)
	{
		hiliteImg(selectedImgPath,false);
		selectedImgPath = getParent(selectedImgPath);
	}
	while(selectedLayerPath)
	{
		show(menu_prefix+selectedLayerPath, false);
		selectedLayerPath = getParent(selectedLayerPath);
	}
}


function addLayer()
{
	if(arguments.length>3)
	{
		menuLayers[menuLayers.length] = arguments;
	}
}

function buildMenu(imgPathOff, imgPathOn, border, borderColor)
{
	imgPath_off_prefix = imgPathOff;
	imgPath_on_prefix  = imgPathOn;
	border = border?border:1;
	borderColor = borderColor?borderColor:'#000000';
	if(menuLayers.length>0)
	{	
		var styleStr='<style>\n';
		var layerStr='';
		var path,posX,posY;
		for(i=0;i<menuLayers.length;i++)
		{
			path = menuLayers[i][0];
			posX = menuLayers[i][1];
			posY = menuLayers[i][2];
			styleStr+='#menu'+path+ '{position: absolute; left: '+posX+'px; top: '+posY+'px; visibility: hidden}\n';

			layerStr+='<DIV id="menu'+path+'">\n';
			layerStr+='<table border="0" cellspacing="0" cellpadding="0" bgcolor="'+borderColor+'"><tr><td><TABLE border=0 cellspacing='+border+' cellpadding=0>\n';
		
			for(j=3;j<menuLayers[i].length;j++)
			{
				var newPath = path+'-'+(j-2);
				layerStr+='<TR><TD><a href="'+(menuLayers[i][j]==null?'#':menuLayers[i][j])+'" onmouseover="mEnter(\''+newPath+'\')" onmouseout="mLeave(\''+newPath+'\')"><IMG src="'+imgPath_off_prefix+newPath+'.gif" border=0 name="image'+newPath+'" onload="preloadImg(this, \''+newPath+'\')"></a></TD></TR>\n';
			}
			layerStr+='</TABLE></td></tr></table>\n';
			layerStr+='</DIV>\n';

		}
		styleStr+='</style>\n\n';
		document.write(styleStr);
		document.write(layerStr);
	}
}


function permutImg(myDoc,flag,img)
{
	if (myDoc.images){
		var myImg = myDoc.images[img];
		if (myImg && myImg.permloaded){
			if (flag==1)
				myImg.src = myImg.perm.src;
			else 
	  			myImg.src = myImg.perm.oldsrc;
		}
	}
}

function preloadImg(img,path){
  	if (document.images){
		img.onload = null;
		img.perm = new Image ();
		img.perm.oldsrc = img.src;
		img.perm.src = imgPath_on_prefix+path+'.gif';
		img.permloaded = true;
	}
}

function getAbsolutePosition(el) {
	var pos = { x: el.offsetLeft, y: el.offsetTop };
	if (el.offsetParent) {
		var tmp = getAbsolutePosition(el.offsetParent);
		pos.x += tmp.x;
		pos.y += tmp.y;
	}
	return pos;
};

function configureImageMenu() {

	// get the first image to compute the position
	var img = document.images ? document.images[imgName_prefix + "-1"] : null;
	if(!img) {
		return;
	}
	var pos = Nav4 ? {x:img.x, y:img.y} : getAbsolutePosition(img);
	var x = isIE ? pos.x : pos.x - border;
	var y = pos.y - border;

	for(var i = 0; i < menuLayers.length; i++) {
		var menu = menuLayers[i];
		var path = menu[0];
		var layer = Nav4 ? document.layers[menu_prefix + path] : document.getElementById(menu_prefix + path);
		if(!layer) {
			continue;
		}
		var layerPos = Nav4 ? layer : layer.style;

		layerPos.left = menu[1] + x;
		layerPos.top  = menu[2] + y;
	}
}