/***********************************************************************************
		
		This function is used to get the X positon of element

**********************************************************************************/
		
		function 
getRealLeft
		(el)
{
	xPos		=		document.getElementById(el).offsetLeft;

	tempEl		=		document.getElementById(el).offsetParent;

	while (tempEl != null) 
	{

			xPos += tempEl.offsetLeft;

			tempEl = tempEl.offsetParent;

	}

	return xPos;

}



/***********************************************************************************
		
		This function is used to get the Y positon of element

**********************************************************************************/

		function 
getRealTop
		(el)
{

	yPos		=		document.getElementById(el).offsetTop;

	tempEl		=		document.getElementById(el).offsetParent;

	while (tempEl != null)
	{

		yPos += tempEl.offsetTop;

		tempEl = tempEl.offsetParent;

	}

return yPos;

}



/***********************************************************************************
		
		This function is used to set the element to the center of screen

**********************************************************************************/




		function 
showDeadCenterDiv
		(Xwidth,
		Yheight,
		divid) 
{ 

	var scrolledX, scrolledY; 

	if( self.pageYOffset ) 
	{ 

		scrolledX		=		self.pageXOffset; 

		scrolledY		=		self.pageYOffset; 

	} 
	else if ( document.documentElement && document.documentElement.scrollTop ) 
	{ 

		scrolledX		=		document.documentElement.scrollLeft; 

		scrolledY		=		document.documentElement.scrollTop; 

	}
	else if( document.body )
	{

		scrolledX		=		document.body.scrollLeft; 

		scrolledY		=		document.body.scrollTop; 

	} 

	var centerX, centerY; 

	if( self.innerHeight )
	{ 

		centerX		=		self.innerWidth;
		
		centerY		=		self.innerHeight; 

	}
	else if( document.documentElement && document.documentElement.clientHeight )
	{ 

		centerX		=		document.documentElement.clientWidth; 

		centerY		=		document.documentElement.clientHeight; 

	}
	else if( document.body )
	{ 

		centerX		=		document.body.clientWidth;
		
		centerY		=		document.body.clientHeight; 

	} 

	var leftOffset	=		scrolledX + (centerX - Xwidth) / 2; 

	var topOffset	=		scrolledY + (centerY - Yheight) / 2; 

	var o=document.getElementById(divid); 

	var r			=		o.style; 

	r.position		=		'absolute'; 

	r.top			=		topOffset + 'px'; 

	r.left			=		leftOffset + 'px'; 

	r.display		=		"block"; 

} 







/***********************************************************************************
		
		This function is used to set the dive to the center of screen

**********************************************************************************/




		function
createMask
		()
{

	var D								=		document;	
	
	bodyHeight							=		Math.max(D.body.scrollHeight, D.documentElement.scrollHeight) + "px";
	
	var objNewDiv						=		document.createElement("div");

	var docBody							=		document.getElementsByTagName("body");

	objNewDiv.id						=		"maskDiv";
	
	objNewDiv.style.width				=		100 + "%";
	
	objNewDiv.style.height				=		bodyHeight;
	
	document.body.clientWeight			=		100 + "%";
		
	objNewDiv.style.backgroundColor		=		"white";

	objNewDiv.style.zIndex				=		10;
	
	objNewDiv.style.opacity 			=		 0.3;
	
	objNewDiv.style.filter 				= 		'alpha(opacity=' + 30 + ')';

	objNewDiv.style.position			=		"absolute";

	objNewDiv.style.left				=		0 + "px";

	objNewDiv.style.top					=		0 + "px";

	objNewDiv.style.display				=		"";

	docBody[0].appendChild(objNewDiv);

}





/***********************************************************************************
		
									detect broswer

**********************************************************************************/




		function
broswerDetect
		()
{

	var bName = navigator.userAgent

	if(bName.indexOf("Safari")!= -1)
	{

		if (window.devicePixelRatio)  //use it to classify between Chrome and Safari
		{

		   if (escape(navigator.javaEnabled.toString()) == 'function%20javaEnabled%28%29%20%7B%20%5Bnative%20code%5D%20%7D')
		   {

			  brosName		=		"Chrome";

		   }
		   else if (escape(navigator.javaEnabled.toString()) != 'function%20javaEnabled%28%29%20%7B%20%5Bnative%20code%5D%20%7D')
		   {

			  brosName		=		"Safari";

		   }

		}

	}
	else if(bName.indexOf("MSIE")!= -1)
	{
		
			brosName		=		"MSIE";

	}
	else if(bName.indexOf("Firefox")!= -1)
	{
		
			brosName		=		"FF";

	}

	return brosName;

}





/***********************************************************************************
		
								hidden video div

**********************************************************************************/


		function
closeVideo
		()
{

	swfobject.removeSWF("videoContainer2");
	$('#videoContainer').append('<div id="videoContainer2"></div>');
	document.getElementById('videoContainer').style.display		=		"none";
	
	document.getElementById('videoClose').style.display		=		"none";
	
	var docBody							=		document.getElementsByTagName("body");

	docBody[0].removeChild(document.getElementById('maskDiv'));

}







/***********************************************************************************
		
							hidden sub menu

**********************************************************************************/



		function 
subMenuInit
		(isID)
{

	document.getElementById("conSubMenu").style.display =		"none";

	document.getElementById("disSubMenu").style.display =		"none";

}







/***********************************************************************************
		
							set the sub menu position

**********************************************************************************/
		function 
dispTruePos
		(subMeunID,
		 isID)

{

	subMenuInit();

	trueX		=		getRealLeft(isID);

	trueY		=		getRealTop(isID);

	document.getElementById(subMeunID).style.left	 =		(trueX + 200) + "px";

	document.getElementById(subMeunID).style.top	 =		(trueY - 18) +  "px";

	document.getElementById(subMeunID).style.display =		"block";

}



/*		function 
dispTruePos
		(subMeunID,
		 isID)

{

	subMenuInit();

	trueX		=		getRealLeft(isID);

	trueY		=		getRealTop(isID);
	
	var broswer		=		broswerDectection();
	
	//alert(broswer);
	
	if(broswer == "MSIE")
	{

		document.getElementById(subMeunID).style.left	 =		(trueX-20) + "px";
	
		document.getElementById(subMeunID).style.top	 =		(trueY - 18) +  "px";
		
	}
	else if(broswer == "FF")
	{
			
		//alert('123');
		document.getElementById(subMeunID).style.left	 =		(trueX - 90) + "px";
	
		document.getElementById(subMeunID).style.top	 =		(trueY - 19) +  "px";

	}
	else if(broswer == "Chrome")
	{

		document.getElementById(subMeunID).style.left	 =		(trueX-90) + "px";
	
		document.getElementById(subMeunID).style.top	 =		(trueY - 19) +  "px";

	}
	else if(broswer == "Safari")
	{

		document.getElementById(subMeunID).style.left	 =		(trueX-90) + "px";
	
		document.getElementById(subMeunID).style.top	 =		(trueY - 19) +  "px";
		
	}



	document.getElementById(subMeunID).style.display =		"block";
	

}*/






/***********************************************************************************
		
							show video light box

**********************************************************************************/


		function
showVideoContainer
		(ele)
{
	
	//var broswer		=		broswerDectection();
	
	var flash_path
	var ua = navigator.userAgent;
	var isiPad = /iPad/i.test(ua) || /iPhone/i.test(ua);
	if(!isiPad){
		if(ele){
			flash_path = $(ele).attr('rel');
			swfobject.embedSWF("http://www.ask123.net/player/vcastr22.swf?vcastr_file="+flash_path, "videoContainer2", "550", "375", "9.0.0", "http://www.ask123.net/player/vcastr22.swf?vcastr_file="+flash_path,'',{wmode:"transparent"});
		}
	} else {
		mp4_path = $(ele).attr('rel_mp4');	
		ogv_path = $(ele).attr('rel_ogv');
					
		var html = '<video width="550" height="375" style="" autoplay="autopaly" controls ><source src="'+ogv_path+'" type=\'video/ogg; codecs="theora, vorbis"\'><source src="'+mp4_path+'" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\'></video>';
		
		$('#videoContainer2').html(html);
	}

	showDeadCenterDiv('591','398','videoContainer');

	trueX		=		getRealLeft('videoContainer');
	
	trueY		=		getRealTop('videoContainer');

	document.getElementById('videoClose').style.left	 =		(trueX + 565) + "px";

	document.getElementById('videoClose').style.top		 =		(trueY - 15) +  "px";
	
	document.getElementById('videoClose').style.display	 =		"block";

	createMask();
}



/***********************************************************************************
		
							show video light box

**********************************************************************************/

		function
mOverBtn
		(imgID,
		 btnType)
{

	document.getElementById(imgID).src		=		"../../images/consumer_fireworks/btn_" + btnType + "_over.png"	
	
	
}

		
			function
mOutBtn
		(imgID,
		 btnType)
{

	document.getElementById(imgID).src		=		"../../images/consumer_fireworks/btn_" + btnType + ".png"	
	
	
}	

function supports_video() {
  return !!document.createElement('video').canPlayType;
}
function supports_ogg_theora_video() {
  if (!supports_video()) { return false; }
  var v = document.createElement("video");
  return v.canPlayType('video/ogg; codecs="theora, vorbis"');
}
function supports_webm_video() {
  if (!supports_video()) { return false; }
  var v = document.createElement("video");
  return v.canPlayType('video/webm; codecs="vp8, vorbis"');
}
function supports_h264_video() {
  if (!supports_video()) { return false; }
  var v = document.createElement("video");
  return v.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"');
}