///**************************************
/// Created By		: Lakshmi Narayanan.R
/// Created Date	: 18-11-2005
/// Modified By		:
/// Modified Date	:

//Variables used in script
var posX, posY
lastX = 0
lastY = 0
	
// Get the horizontal position of the mouse
function getMouseXPos(e) 
{
	if (document.layers || ns6) 
	{
		return parseInt(e.pageX + 10)
	} 
	else 
	{
		return (parseInt(event.clientX + 10) + parseInt(document.body.scrollLeft))
	}
}

// Get the vertical position of the mouse
function getMouseYPos(e) 
{
	if (document.layers || ns6) 
	{
		return parseInt(e.pageY)
	} 
	else 
	{
		return (parseInt(event.clientY) + parseInt(document.body.scrollTop))
	}
}

//
//Place the detail
function showMovieDetail(x,y) 
{
	var processedx=ns6? Math.min(x,window.innerWidth-125) : docAll? Math.min(x,document.body.clientWidth-255) : x
	eval(docbitK + "MovieDetail" + docbitendK + stylebitK + ".left = " + processedx)
	eval(docbitK + "MovieDetail" + docbitendK + stylebitK + ".top = " + y)
	eval(docbitK + "MovieDetail" + docbitendK + stylebitK + ".visibility = '" + showbitK + "'")

	//document.getElementById('IdValue').innerHTML = "Position = " + processedx + " " + y 
}	

//Make the detail layer disappear
function hideMovieDetail() 
{
	eval(docbitK + "MovieDetail" + docbitendK + stylebitK + ".visibility = '" + hidebitK + "'")
}

/////
var xmlDoc;
function SendCode(e,movieCode) 
{
	var keyCode =  (window.event) ? event.keyCode : e.which;
	
	var _req = XMLHTTPConn();
	var Url = "ShowCaseGetDetail.aspx?code=" + movieCode;
	_req.open("GET",Url,false)
	_req.send(null);
	
	if(_req.readyState == 4)
	{
		if (_req.responseText != "")
		{
			var xml = _req.responseText;
			var endPoint = xml.indexOf("</Data>");
			
			if ( endPoint == -1 )
			{
				hideMovieDetail();
				return;
			}
			
			xml= xml.substr(0,endPoint + 7);
			
			//alert(xml);
			//xml = "<Data Id='010101010' Title='testass asdf as'></Data>"
			if (window.ActiveXObject)
			{
				xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
				xmlDoc.async=false;
				xmlDoc.loadXML(xml);
				
				//
				PopulateLayer(xmlDoc);
			}
			else if (document.implementation && document.implementation.createDocument)
			{
				// convert the string to an XML object
				var xmlDoc = (new DOMParser()).parseFromString(xml, "text/xml");
				PopulateLayer(xmlDoc);
			}
			
			posX = getMouseXPos(e)
			posY = getMouseYPos(e)
			showMovieDetail(posX,posY)
		}
		else
		{
			hideMovieDetail();
		}
	}
	else
	{
		hideMovieDetail();
	}
	//
}
//
PopulateLayer = function(xmlDoc)
{

	var divM = eval(docbitK + "MovieDetail" + docbitendK);
	divM.style.borderRight = "black 1px solid";
	divM.style.borderLeft  = "black 1px solid";
	divM.style.borderTop   = "black 1px solid";
	divM.style.borderBottom= "black 1px solid";
	
	divM.innerHTML = "";
	
	var html = '';
	var movieDetail = xmlDoc.getElementsByTagName("Data")[0];
	
	
	// Build list
	if (movieDetail != null)
	{
		/*html += '<table><tr><td>/\\</td></tr></table>' 
		html += '<div style="background-color:white;position:absolute; z-index:100;border:1px solid black;width:150px;overflow: hidden;">'
		html += '<ul style="margin:0;padding:0;">';
		html += '<li>' + movieDetail.getAttribute("Title")+ '</li>';
		html += '<li>' + movieDetail.getAttribute('ListedRate') + '</li>';
		html += '<li>' + movieDetail.getAttribute('OurRate') + '</li>';
		html += '<li>' + movieDetail.getAttribute('Synopsis') + '</li>';
		html += '</ul></div>';
		*/
		
		html += '<div style="background-color:white;position:absolute; z-index:100;border:1px solid black;width:200px;overflow: hidden;">'
		html += '<table width="200" height="175" border="0" cellpadding="4" cellspacing="1" bgcolor="#003366">'
		html += ' <tr>'
		html += '    <td bgcolor="#E7ECFE" valign="top"><table width="100%" border="0" cellpadding="6" cellspacing="1" bgcolor="#CCCCCC">'
		html += '      <tr>'
		html += '        <td bgcolor="#FFFFFF" valign="top"><table width="100%" border="0" align="center" cellpadding="2" cellspacing="0">'
		html += '          <tr>'
		html += '            <td class="ShowcaseTitle" bgcolor="#F5FEF8"> ' + movieDetail.getAttribute("Title") + '</td>'
		html += '          </tr>'
		html += '          <tr>'
		html += '            <td class="maintext"><div align="justify">' + movieDetail.getAttribute("Synopsis") + ' ...</div></td>'
		html += '          </tr>'
		html += '          <tr>'
		html += '            <td class="maintextbold"><div align="justify">Starring:  <span class="maintext">' + movieDetail.getAttribute("Starring") + '</span></div></td>'
		html += '          </tr>'
		html += '          <tr>'
		html += '            <td class="maintextbold">Rate: <span class="maintextboldgreen">RM ' + movieDetail.getAttribute("OurRate") + '</span></td>'
		html += '          </tr>'
		html += '          <tr>'
		html += '            <td class="maintextbold">Rate: <span class="maintextboldgreen">USD ' + movieDetail.getAttribute("OurRateUSD") + '</span></td>'
		html += '          </tr>'
		html += '        </table></td>'
		html += '      </tr>'
		html += '    </table></td>'
		html += '  </tr>'
		html += '</table>'
		html += '</div>'

		var elmMovieDetail = eval(docbitK + "MovieDetail" + docbitendK);
		elmMovieDetail.innerHTML = html;
	}
	else
	{
		hideMovieDetail();
	}
}