// JavaScript Document
var FadeTimeMenu=400;
var MenuHideDelay=400;
function findPos(obj) 
{
	   var curleft = curtop = 0;
	   if (obj.offsetParent) 
	   {
			  while (obj.offsetParent) 
			  {
				 curleft += obj.offsetLeft;
				 curtop += obj.offsetTop;
				 obj  = obj.offsetParent;
			  }
	   }
	   return [curleft,curtop];
	
}
var OldChildMenuId='';
var HidetimerMenu;
function ShowChildMenu(id,Parent) 
{
	window.clearTimeout(HidetimerMenu);	
	objStyle=document.getElementById(id).style;
	if(OldChildMenuId!='')
	{
		if(OldChildMenuId !=id)
		{
			ChangeopacityMenu(0,id);
			SetopacityMenu(id,FadeTimeMenu,0);
			document.getElementById(OldChildMenuId).style.display='none';
		}
	}
	else
	{
		ChangeopacityMenu(0,id);
		SetopacityMenu(id,FadeTimeMenu,0);
	}
	OldChildMenuId = id;
	objStyle.display='';
	var LeftTop = findPos(Parent);
	objStyle.left=(LeftTop[0])+'px';
	objStyle.top=(Parent.offsetHeight+LeftTop[1] + 1) +  'px';
	var x = GetWindowWidth();
	var y = GetWindowHeight();
	var objMenu = document.getElementById(id)
	LeftTop = findPos(objMenu);
	var Dif_X = (LeftTop[0] + objMenu.offsetWidth) - x + 36;
	if( Dif_X > 0 )
	{
		var browser = BrowserDetect.browser;
		if(browser=='Explorer')
		{
			objStyle.left= parseInt(objStyle.left) -Dif_X + 18 +'px';
		}
		else
		{
			objStyle.left= parseInt(objStyle.left) -Dif_X   +'px';	
		}
	}	
}

function ShowChildMenuWithPos(id,prt, minusLeft,top1,left1) 
{
	//alert(HidetimerMenu);
	var Parent=document.getElementById(prt);
	window.clearTimeout(HidetimerMenu);	
	objStyle=document.getElementById(id).style;
	if(OldChildMenuId!='')
	{
		if(OldChildMenuId !=id)
		{
			ChangeopacityMenu(0,id);
			SetopacityMenu(id,FadeTimeMenu,0);
			document.getElementById(OldChildMenuId).style.display='none';
		}
	}
	else
	{
		ChangeopacityMenu(0,id);
		SetopacityMenu(id,FadeTimeMenu,0);
	}
	OldChildMenuId = id;
	objStyle.display='';
	var LeftTop = findPos(Parent);
	//alert(LeftTop[0]);
	objStyle.left=(LeftTop[0]+left1)+'px';
	objStyle.top=(Parent.offsetHeight+LeftTop[1]-top1) +  'px';
	var x = GetWindowWidth();
	var y = GetWindowHeight();
	var objMenu = document.getElementById(id)
	var Dif_X = (LeftTop[0] + objMenu.offsetWidth) - x + 36;
	if( Dif_X > 0 )
	{
		var browser = BrowserDetect.browser;
		if(browser=='Explorer')
		{
			objStyle.left= parseInt(objStyle.left) -Dif_X + 18 +'px';
		}
		else
		{
			objStyle.left= parseInt(objStyle.left) -Dif_X   +'px';	
		}
	}	
	
	objStyle.left = (objStyle.left.replace('px','')*1 - minusLeft) + 'px';
}

var OpacitytimerMenu;

function opacityMenu(id, opacStartMenu, opacEnd, millisec,ModeMenu) {
	//speed for each frame
	var speedMenu = Math.round(millisec / 100);
	var timerMenu = 0;
	//determine the direction for the blending, if start and end are the same nothing happens
	
	if(ModeMenu == 1)
	{
		for(i = opacStartMenu; i >= opacEnd; i--) 
		{
			OpacitytimerMenu = window.setTimeout("ChangeopacityMenu(" + i + ",'" + id + "')",(timerMenu * speedMenu));
			timerMenu++;
		}
	}
	else if(ModeMenu == 0)
	{
		for(i = opacStartMenu; i <= opacEnd; i++)
			{
			OpacitytimerMenu=window.setTimeout("ChangeopacityMenu(" + i + ",'" + id + "')",(timerMenu * speedMenu));
			timerMenu++;
		}
	}
}

	//change the opacity for different browsers
	function ChangeopacityMenu(opacity, id) {
		var object = document.getElementById(id).style; 
		object.opacity = (opacity / 100);
		object.MozOpacity = (opacity / 100);
		object.KhtmlOpacity = (opacity / 100);
		object.filter = "alpha(opacity=" + opacity + ")";
	}
	
	function SetopacityMenu(id, millisec,ModeMenu) 
	{
		//ModeMenu = 0 --- Lower To High
		//ModeMenu = 1 --- Highe To Low
		
		if(ModeMenu == 0) 
		{
			opacityMenu(id, 0, 100, millisec,ModeMenu);
		} 
		else if(ModeMenu == 1)
		{
			opacityMenu(id, 100, 0, millisec,ModeMenu);
		}
	}

	function GetWindowWidth()
	{
		var x = 0;
		if (self.innerHeight)
		{
			  x = self.innerWidth;
		}
		else if (document.documentElement && document.documentElement.clientHeight)
		{
			  x = document.documentElement.clientWidth;
		}
		else if (document.body)
		{
			 x = document.body.clientWidth;
		}
		return x;
	}
	function GetWindowHeight()
	{
		var y = 0;
		if (self.innerHeight)
		{
		   y = self.innerHeight;
		}
		else if (document.documentElement && document.documentElement.clientHeight)
		{
		   y = document.documentElement.clientHeight;
		}
		else if (document.body)
		{
			  y = document.body.clientHeight;
		}
		return y;
	}
	function ScrollX()
	{
		return window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft
	}
	function ScrollY()
	{
		return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
	}
	function HideChildMenu(id)
	{
		//document.getElementById('"+id + "').style.display='none'
		//MenuHideDelay=400;
		HidetimerMenu = window.setTimeout("document.getElementById('"+id + "').style.display='none';OldChildMenuId='';",MenuHideDelay);
	}