// JavaScript Document
var FadeTime=400;
var MenuHideDelay=400;
function SwapHeaderImage(ImageId,Path)
{
	MM_swapImgRestore();
	MM_swapImage(ImageId,'',Path,1);
	SwapImage(ImageId,Path);	
	document.getElementById('trJewelleryCollection').style.display='none';
	document.getElementById('trCommunityEvents').style.display='none';
	if(ImageId =='imgJewelleryCollection')
	{
		document.getElementById('trJewelleryCollection').style.display='';
	}
	if(ImageId =='imgCommunityEvents')
	{
		document.getElementById('trCommunityEvents').style.display='';
	}
}

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 HideTimer;
function ShowChildMenu(id,Parent) 
{
	window.clearTimeout(HideTimer);	
	objStyle=document.getElementById(id).style;
	if(OldChildMenuId!='')
	{
		if(OldChildMenuId !=id)
		{
			ChangeOpacity(0,id);
			SetOpacity(id,FadeTime,0);
			document.getElementById(OldChildMenuId).style.display='none';
		}
	}
	else
	{
		ChangeOpacity(0,id);
		SetOpacity(id,FadeTime,0);
	}
	OldChildMenuId = id;
	objStyle.display='';
	var LeftTop = findPos(Parent);
	objStyle.left=(LeftTop[0])+'px';
	objStyle.top=(Parent.offsetHeight+LeftTop[1] + 8) +  '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';	
		}
	}	
}

var OpacityTimer;

function opacity(id, opacStart, opacEnd, millisec,Mode) {
	//speed for each frame
	var speed = Math.round(millisec / 100);
	var timer = 0;
	//determine the direction for the blending, if start and end are the same nothing happens
	
	if(Mode == 1)
	{
		for(i = opacStart; i >= opacEnd; i--) 
		{
			OpacityTimer = window.setTimeout("ChangeOpacity(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
	else if(Mode == 0)
	{
		for(i = opacStart; i <= opacEnd; i++)
			{
			OpacityTimer=window.setTimeout("ChangeOpacity(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
}

	//change the opacity for different browsers
	function ChangeOpacity(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 SetOpacity(id, millisec,Mode) 
	{
		//Mode = 0 --- Lower To High
		//Mode = 1 --- Highe To Low
		
		if(Mode == 0) 
		{
			opacity(id, 0, 100, millisec,Mode);
		} 
		else if(Mode == 1)
		{
			opacity(id, 100, 0, millisec,Mode);
		}
	}

	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)
	{
		HideTimer = window.setTimeout("document.getElementById('"+id + "').style.display='none';OldChildMenuId='';",MenuHideDelay);
	}
	
	function SwapImage(ImageId,Path) 
	{
		document.getElementById(ImageId).src=Path;	
	}

