var isNav4, isIE, isNav6;
if (parseInt(navigator.appVersion) >= 4) 
{
	if (navigator.appName == "Netscape") 
	{
		isNav4 = true
	} 
	else 
	{
		isIE = true
	}
}


// Netscape 6 is more standards compliant, reacts more like IE
// additionally Netscape 6 declares its version as 5.0
if (parseInt(navigator.appVersion) >= 5)
{
    if (navigator.appName == "Netscape")
    {
        isNav4 = false;
        isNav6 = true;
    }
}


function startLayer(id, position, top, left, width, height, bgcolor, zindex, vis, mouseOverEvent, ieExtraStyle) {

	// Displays the <DIV> or <LAYER>/<ILAYER> tag, depending on the browser and supplied parameters.

	var LayerTag = "";

	// Set global variable used by endLayer
	layerType = position;
	
	if (isNav4) {
		// Produces a string containing:
		// <LAYER ID='[id]' TOP='[top]' LEFT='[left]' WIDTH='[width]' HEIGHT='[height]' BGCOLOR='[bgcolor]' Z-INDEX='[z]' VISIBLE='SHOW/HIDE'>
		// <LAYER ...>, if position = 'absolute'
		// <ILAYER ...>, if position = 'relative'
		// note: other possible tags include:  Z-INDEX='[z]'
		
		LayerTag = "<LAYER ";
		if (position == "relative") {
			LayerTag = "<ILAYER ";
		}
		LayerTag += "ID='"+id+"' ";
		if (String(mouseOverEvent) != 'undefined') {
			LayerTag += "onmouseover='"+mouseOverEvent+"' "
		}
		LayerTag += (top > -32000 ? "TOP='"+top+"' " : "" ) + (left > -32000 ? "LEFT='"+left+"' " : "" ) +" WIDTH='"+width+"' HEIGHT='"+height+"' BGCOLOR='"+bgcolor+"' Z-INDEX='"+zindex+"' VISIBILITY='";
		switch ( vis )
		{
		    case 'visible':
		        LayerTag += "SHOW'>";
		        break;
		    case 'hidden':
		        LayerTag += "HIDE'>";
		        break;
		    case 'inherit':
		        LayerTag += "INHERIT'>";
		        break;
		    default:
		        LayerTag += "SHOW'>";
		        break;
		}
	}
	if (isIE || isNav6) {
		// Produces a string containing:
		// <DIV ID='[id]' style='position:absolute; top:[top]px; left:[left]px; width:[width]px; height:[height]px; z-index:[z]; visibility:visible/hidden;'>
		LayerTag = "<DIV ID='"+id+"' "
		if (String(mouseOverEvent) != 'undefined') {
			LayerTag += "onmouseup='"+mouseOverEvent+"' "
		}
		LayerTag += "style='position:"+position+"; " + (top > -32000 ? "top:"+top+"px;" : "" ) + (left > -32000 ? "left:"+left+"px;" : "" ) + " width:"+width+"px; height:"+height+"px; background-color:"+bgcolor+"; z-index:"+zindex+"; visibility:";
		switch ( vis )
		{
		    case 'visible':
		        LayerTag += "visible;";
		        break;
		    case 'hidden':
		        LayerTag += "hidden;";
		        break;
		    case 'inherit':
		        LayerTag += "inherit;";
		        break;
		    default:
		        LayerTag += "visible;";
		        break;
		}
		if (String(ieExtraStyle) != 'undefined') {
			LayerTag += " " + ieExtraStyle;
		}
		LayerTag += "'>";
	}
    
	return LayerTag;
}

function endLayer(layerType) {

	var EndTag = "";

	if (isNav4) {
		// <LAYER ...>, if layerType = 'absolute'
		// <ILAYER ...>, if layerType = 'relative'
		EndTag = "</LAYER>";
		if (layerType == "relative") {
			EndTag = "</ILAYER>";
		}
	}
	if (isIE || isNav6) EndTag = "</DIV>";
	
	return EndTag;
}

function hideMenus()
{
    var oneMenu;
    
    for ( var m = 1; m < 20; m++ )
    {
        if ( isIE )
        {
            if ( document.all['menu' + m] )
            {
                document.all['menu' + m].style.visibility = 'hidden';
                document.all['menu' + m].style.top = -100;
                document.all['menu' + m].style.left = -100;
            }
        }
        else if ( isNav6 )
        {
            oneMenu = document.getElementById('menu' + m);
            if ( oneMenu )
            {
                oneMenu.style.visibility = 'hidden';
                oneMenu.style.top = -100;
                oneMenu.style.left = -100;
            }
        }
        else
        {
            if ( document.layers['menu' + m] )
            {
                document.layers['menu' + m].visibility = 'hidden';            
                document.layers['menu' + m].top = -100;            
                document.layers['menu' + m].left = -100;         
            }
        }
    }
}

function showMenu(menu, e)
{
    var val = '',
        oneMenu;
    
    if ( isIE )
    {
        document.all['menu' + menu].style.top = e.srcElement.offsetTop + e.srcElement.offsetParent.offsetTop + e.srcElement.offsetParent.offsetParent.offsetTop;
        document.all['menu' + menu].style.left = e.srcElement.offsetLeft + e.srcElement.width + document.body.scrollLeft - 5;
        document.all['menu' + menu].style.visibility = 'visible';
    }
    else if ( isNav6 )
    {
        oneMenu = document.getElementById('menu' + menu);
        oneMenu.style.top = e.target.offsetTop;        
        oneMenu.style.left = e.target.offsetLeft + 135; 
        
        oneMenu.style.visibility = 'visible';
    }
    else
    {
        document.layers['menu' + menu].top = e.target.y;
        document.layers['menu' + menu].left = e.target.x + 135;
        document.layers['menu' + menu].visibility = 'visible';
    }
}

function imageflip(image, menu, submenu)
{
    var oneImage;
    
    // No preloading, but save them for later
    if ( !imageStore[image] )
    {
        imageStore[image] = new Image();
        imageStore[image].src = image;
    }
    
    if ( submenu )
    {
        if ( isIE || isNav6 )
        {
            document.images['item' + menu + 'sub' + submenu].src = imageStore[image].src;
        }
        else
        {
            document.layers['menu' + menu].document.images['item' + menu + 'sub' + submenu].src = imageStore[image].src;
        }
    }
    else
    {
        document.images['item' + menu].src = imageStore[image].src;
    }
}       


var imageStore = new Array();