// JavaScript Document
var hideID=0; //interval variable
var cur_parent_elm="";

function my_pos(parent_elm,pop_link,pop_type,pic_path)
{
	if (!document.getElementById("pop_win_content"))
	{
		cur_parent_elm=parent_elm;
		var my_div = document.getElementById("pop_win_div");
		var my_video_div = document.getElementById("pop_win_v_div");
		var	pos_top=getOffsetTop(parent_elm)-my_div.offsetHeight;
		var pos_left=getOffsetLeft(parent_elm)+parent_elm.offsetWidth;
		
		if (pos_top<0)	pos_top=0;
		my_div.style.top=pos_top;	
		my_div.style.left=pos_left;
		my_div.style.display="block";
		//reset to default
		change_tag(0,pic_path);	

		if (pop_type=="video")
		{
			var content = document.createElement("embed");
			content.setAttribute("type","application/x-shockwave-flash");
			content.setAttribute("FlashVars","playerMode=embedded&autoPlay=true");
		}
		else
			var content = document.createElement("img");
		//add attribute/property
		content.setAttribute("id","pop_win_content");  
		content.setAttribute("src",pop_link);
		var def_height=180;
		var def_width=286;
		if (pop_type!="video")
		{//for picture to resize properly 
		//cuz the header and footer image has fix width, so only height needs to change
				def_height=content.height/(content.width/def_width);						
    	}
		my_video_div.appendChild(content);
		content=document.getElementById("pop_win_content");
		content.style.height=def_height+"px";
		content.style.width=def_width+"px";

		//add event
		content.style.bottom=0;	
		content.style.align="right";
		
	}
	else if (cur_parent_elm==parent_elm)
		clear_timeout();

}
function clear_timeout()
{
	clearTimeout(hideID);
}
function getOffsetTop(elm) 
{

  var mOffsetTop = elm.offsetTop;
  var mOffsetParent = elm.offsetParent;

  while(mOffsetParent)
  {
    mOffsetTop += mOffsetParent.offsetTop;
    mOffsetParent = mOffsetParent.offsetParent;
  }
 
  return mOffsetTop;
}
function getOffsetLeft(elm) 
{

  var mOffsetLeft = elm.offsetLeft;
  var mOffsetParent = elm.offsetParent;

  while(mOffsetParent)
  {
    mOffsetLeft += mOffsetParent.offsetLeft;
    mOffsetParent = mOffsetParent.offsetParent;
  }
 
  return mOffsetLeft;
}
function start_Timeout()
{	
	if (emb=document.getElementById("pop_win_content"))	
		hideID = setTimeout(close_pop_win, 500);	
}
function deletenew()
{
	if (emb=document.getElementById("pop_win_content"))	
		document.getElementById("pop_win_v_div").removeChild(document.getElementById("pop_win_content"));
}
//change color of the close tag
function change_tag(type,pic_path)
{	
	if (type)
	{
		document.getElementById("pop_win_close").src=pic_path+"v_frame/btn-on1.png";
	}
	else
	{
		document.getElementById("pop_win_close").src=pic_path+"v_frame/btn-off1.png";
	}
}
//delete the video and hide the frame
function close_pop_win()
{
	deletenew();
	document.getElementById("pop_win_div").style.display="none";
}
//kill timeout, inlarge the media content
function large_view()
{
	clear_timeout();
	if (document.getElementById("pop_win_ads").style.display!="none")
	{
		document.getElementById("pop_win_ads").style.display="none";
		content=document.getElementById("pop_win_content");
		content.style.height="180px";
		content.style.width="286px";
	}
}