function infopopupvisible()
{
   document.getElementById('movieinfopopup').style.visibility="visible"
}

function showinfopopup(current,e,title,genre,ratingimage,countryyear,avgrating,avgratingtext,director,cast,plot,format,link){

  
  
    var popupwidth=400; // Width of Popup
    var popupheight=0; // Height of Popuup

  	var offsetX = 0;
	var offsetY = 0;

	//IE
	if(!window.pageYOffset)
	{
		//strict mode
		if(!(document.documentElement.scrollTop == 0))
		{
			offsetY = document.documentElement.scrollTop;
			offsetX = document.documentElement.scrollLeft;
		}
		//quirks mode
		else
		{
			offsetY = document.body.scrollTop;
			offsetX = document.body.scrollLeft;
		}
	}
	//w3c
	else
	{
		offsetX = window.pageXOffset;
		offsetY = window.pageYOffset;
	}
  

	var w = 0;
	var h = 0;

	//IE
	if(!window.innerWidth)
	{
		//strict mode
		if(!(document.documentElement.clientWidth == 0))
		{
			w = document.documentElement.clientWidth;
			h = document.documentElement.clientHeight;
		}
		//quirks mode
		else
		{
			w = document.body.clientWidth;
			h = document.body.clientHeight;
		}
	}
	//w3c
	else
	{
		w = window.innerWidth;
		h = window.innerHeight;
	}


	var x=0;
	var y=0;
	
	//w3c	
	if (e.pageX)
	{
		x=  e.pageX - window.pageXOffset;
	} 
	//IE
	else 
	{
		x= event.clientX;
	}

	//w3c		
	if (e.pageY)
	{
		y=  e.pageY - window.pageYOffset;
	} 
	//IE	
	else 
	{
		y= event.clientY;
	}

	
	var pl = x+offsetX+10;
	var pt = y+offsetY+5

	if (x+popupwidth>w)
	{
		pl=x+offsetX-10 - popupwidth;
	}

	if (pl<offsetX)
	{
		pl=offsetX;
	}



//   document.getElementById('movielink').innerHTML="<a href='" + link + "' target='_top'><i class='popup'>Read more...</i></a>"
   document.getElementById('movielink').innerHTM=""
   document.getElementById('movietitle').innerHTML=title
   document.getElementById('moviegenre').innerHTML=genre

   if (director!="")
   {
     document.getElementById('moviedirector').innerHTML="<b class='popup'>Director: </b>" + director
   }
   else
   {
     document.getElementById('moviedirector').innerHTML=""
   }     

   if (cast!="")
   {     
    document.getElementById('moviecast').innerHTML="<b class='popup'>Cast: </b>" + cast
   }
   else
   {
     document.getElementById('moviecast').innerHTML=""
   }     

   if (plot!="")
   {
    document.getElementById('movieplot').innerHTML="<b class='popup'>Plot: </b>" + plot
   }
   else
   {
     document.getElementById('movieplot').innerHTML=""
   }     


   document.getElementById('movieformat').innerHTML="<b class='popup'>" + format + '</b>'
   document.getElementById('moviecountryyear').innerHTML=countryyear


   if (ratingimage!="")
   {


     document.getElementById('movieratingimage').innerHTML="<b class='popup'>HKFlix Says: </b>" + "<IMG SRC='images/stars/" + ratingimage + "' width=53 height=11 alt=''>"
   }
   else
   {

     document.getElementById('movieratingimage').innerHTML=""

  }     


   if (avgrating!="")
   {

     document.getElementById('movieavgratingtexttext').innerHTML="Avg. Rating: &nbsp;"   
     document.getElementById('movieavgratingtext').innerHTML=avgratingtext
     document.getElementById('movieavgrating').innerHTML="<TABLE width=100 border=1 bordercolor='black' cellspacing=0 cellpadding=0 class='popup'><TD bgcolor='#FFFFFF' class='popup'><TABLE width='" + avgrating + "' border=0 cellspacing=0 cellpadding=0 class='popup'><TD bgcolor='#DD0011' class='popup'><IMG SRC='http://img2.hkflix.com/images/2x2_transparent.gif' width=1 height=7></TD></TABLE></TD></TABLE>"
   } 
   else
   {
     document.getElementById('movieavgrating').innerHTML=""
     document.getElementById('movieavgratingtext').innerHTML=""
     document.getElementById('movieavgratingtexttext').innerHTML=""
   }     




   if (document.getElementById('movieinfopopup').clientHeight)  
   {
    // IE
	popupheight = document.getElementById('movieinfopopup').clientHeight
   }
   else
   {
   	//w3c
	popupheight = document.getElementById('movieinfopopup').offsetHeight
   }





	if (y+popupheight>h)
	{
		pt=y+offsetY-5 - popupheight;
	}

	if (pt<offsetY)
	{
		pt=offsetY;
	}



   if (document.getElementById('movieinfopopup').style.pixelLeft)
   {
   // IE
   document.getElementById('movieinfopopup').style.pixelLeft=pl
   document.getElementById('movieinfopopup').style.pixelTop=pt
   }
   else
   {
   	//w3c
   document.getElementById('movieinfopopup').style.left=pl
   document.getElementById('movieinfopopup').style.top=pt   
   }
   
   




   document.getElementById('movieinfopopup').style.visibility="visible"
    
   
    
}
  

function hideinfopopup(){

   document.getElementById('movieinfopopup').style.visibility="hidden"
}