var fadeOpacity = 0;

var fadeoutSpeed = 1;
var fadeoutSmothness = 10;

var fadeinSpeed = 1;
var fadeinSmothness = 10;
var browserName=navigator.appName;

function showsubnav(no)
{
	 if (browserName=="Microsoft Internet Explorer")
	 {
	 	fadeoutSmothness = 40;
		fadeinSmothness = 40;
	}
	document.getElementById("nav").style.position = "relative";
	document.getElementById("wrapper_nav").style.position = "relative";
	document.getElementById("wrapper_nav").style.height = "49px";
	var getsubnav = document.getElementById("subnavcontainer").getElementsByTagName("div");
	for (var i = 0; i < getsubnav.length; i++) 
    {
		getsubnav[i].style.display = "none";
	}
	
	subnavid = 'subnav_' + no;
	document.getElementById(subnavid).style.display='block';
	var _docHeight = (document.height !== undefined) ? document.height : document.body.offsetHeight;
	if (_docHeight < 1200)
	{
		_docHeight = 1200;
	}
	document.getElementById('fade').style.height=_docHeight + 'px';
	
	fadein();
	
	//document.getElementById('white1').style.display='none';
	//var _docHeight = (document.height !== undefined) ? document.height : document.body.offsetHeight;
	//document.getElementById('fade').style.height=_docHeight + 'px';
	
}
function hidesubnav()
{
	document.getElementById("nav").style.position = "static";
	document.getElementById("wrapper_nav").style.position = "static";
	document.getElementById("wrapper_nav").style.height = "50px";
	var getsubnav = document.getElementById("subnavcontainer").getElementsByTagName("div");
	for (var i = 0; i < getsubnav.length; i++) 
    {
		getsubnav[i].style.display = "none";
	}
	fadeout();
	changehoverimage();
}

function fadein()
{
	document.getElementById('fade').style.display='block';
	if(fadeOpacity<40)
	{
		fadeOpacity = fadeOpacity+fadeinSmothness;
		if(fadeOpacity<10)
		{
			document.getElementById('fade').style.opacity = '0.0' + fadeOpacity;
			document.getElementById('fade').style.filter = 'alpha(opacity=' + fadeOpacity + ')';
//			document.getElementById('fade').style.moz = '0.0' + fadeOpacity;
		}
		else
		{
			document.getElementById('fade').style.opacity= '0.' + fadeOpacity;
			document.getElementById('fade').style.filter = 'alpha(opacity=' + fadeOpacity + ')';
		//	document.getElementById('fade').style.moz = '0.' + fadeOpacity;
		} //alert(fadeOpacity);
		fadeinTimer=setTimeout("fadein()", fadeinSpeed);
	}
}
function fadeout()
{
	clearTimeout ( fadeinTimer );
	if(fadeOpacity>0)
	{
		fadeOpacity = fadeOpacity-fadeoutSmothness;
		if(fadeOpacity < 0) { fadeOpacity=0; }
		if(fadeOpacity<10)
		{
			document.getElementById('fade').style.opacity= '0.0' + fadeOpacity;
			document.getElementById('fade').style.filter = 'alpha(opacity=' + fadeOpacity + ')';
	//		document.getElementById('fade').style.moz = '0.0' + fadeOpacity;
		}
		else
		{
			document.getElementById('fade').style.opacity= '0.' + fadeOpacity;
			document.getElementById('fade').style.filter = 'alpha(opacity=' + fadeOpacity + ')';
			//document.getElementById('fade').style.moz = '0.' + fadeOpacity;
		}
		fadeoutTimer=setTimeout("fadeout()", fadeoutSpeed);
	}
	else
	{
		document.getElementById('fade').style.opacity='0';
		document.getElementById('fade').style.display='none';
		var getsubnav = document.getElementById("subnavcontainer").getElementsByTagName("div");
		for (var i = 0; i < getsubnav.length; i++) 
		{
			getsubnav[i].style.display = "none";
		}
	}
}

function hoverimage(obj_this)
{
	changehoverimage();
	obj_this.src = obj_this.src.replace('.gif','') + "_hover" + ".gif";
//	obj_this.className = obj_this.className.reeplace(" black_navitem",""); 
}

function changehoverimage()
{
	var getsubnav = document.getElementById("nav").getElementsByTagName("img");
	for (var i = 0; i < getsubnav.length; i++) 
    {
		getsubnav[i].src = getsubnav[i].src.replace('_hover','');
	//	getsubnav[i].className = getsubnav[i].className + " black_navitem";
	}
}

/*window.onload = function ()
{
	var browserName=navigator.appName; 
	var browserVer=navigator.appVersion; 
	if (browserName=="Microsoft Internet Explorer" && browserVer.indexOf("MSIE 8.0")<1 ) 
	{
	//	alert(browserVer);
		document.getElementById('subnav_2').style.margin='0 0 0 -273px';
		document.getElementById('subnav_3').style.margin='0 0 0 -118px';
		document.getElementById('subnav_4').style.margin='0 0 0 34px';
		document.getElementById('subnav_5').style.margin='0 0 0 265px';
	}
}

*/