var JS_CALENDAR_FLAG =  false;
var spanid = '';
var prev_spanid = '';
var http = '';
var html = '';
var html_SandboxMsg = '';
var evt;
var mouseX;
var mouseY;

html+='<table height="100%" align="center" cellpadding="0" cellspacing="0">';
html+='<tr>';	
html+='<td height="100%" align="center" class="tooltip">';	
html+='<img src="'+site_url+'images/clocks.gif" align="absmiddle" border="0"><br>';
html+='Loading ...';
html+='</td>';
html+='</tr>';
html+='</table>';
//alert(html);
/*
document.onmousemove = mouseMove;
function mouseMove(ev){
	ev           = ev || window.event;
	var mousePos = mouseCoords(ev);
}

function mouseCoords(ev){
	if(ev.pageX || ev.pageY){
		return {x:ev.pageX, y:ev.pageY};
	}
	return {
		x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
		y:ev.clientY + document.body.scrollTop  - document.body.clientTop
	};
}
*/
window.onload = function()
{ 
	//pageheight = document.body.scrollHeight; 
};
function DivShowToolTip(idstr,TooltipText)
{
	CTRL = document.getElementById(idstr);
	xval = findPosX(CTRL);
	yval = findPosY(CTRL);
	
	//ev = window.event;
	//xval = ev.clientX;
	//yval = ev.clientY;
	//alert(ev.clientX +" || "+ev.clientY);
	//alert(xval +" || "+yval);
	
	//var divheight ='200px';
	//if( (parseInt(pageheight)-200 ) < parseInt(yval) )
	//{
		//divheight = '100px';
	//}
	//document.getElementById("tooltip").innerHTML = "<div  onmousemove='JS_CALENDAR_FLAG=true;' onmouseout='JS_CALENDAR_FLAG=false;setTimeout(\"DivHideToolTip();\",1000);'><table cellpadding='0' border='0'   cellspacing='0' width='100%'><tr><td class='tooltip-top'  >"+'<div style="height:'+divheight+';overflow:auto;" class="greyscrollbar"><div>'+ TooltipText  +'</div></div>' + "</td></tr><tr><td class='tooltip-bottom'  height='10px'></td></tr></table></div>";
	document.getElementById("tooltip").innerHTML = "<div  onmousemove='JS_CALENDAR_FLAG=true;' onmouseout='JS_CALENDAR_FLAG=false;setTimeout(\"DivHideToolTip();\",1000);'><table cellpadding='0' border='1' cellspacing='0' width='100%' class='greyscrollbar'><tr><td class='tooltip-top1'  >"+'<div style="overflow:auto;" class="greyscrollbar1"><div>'+ TooltipText  +'</div></div>' + "</td></tr><tr><td class='tooltip-bottom1'  height='10px'></td></tr></table></div>";
	document.getElementById("tooltip").style.width = '370px';
	
	var top = parseInt(yval) + 60;
	//var bottom = parseInt(xval)  - 508;
	var bottom = parseInt(xval) + 80;
	document.getElementById("tooltip").style.top = top+'px';
  	document.getElementById("tooltip").style.left = bottom+'px';
	document.getElementById("tooltip").style.visibility = "visible";
}
function DivHideToolTip()
{
	if(!JS_CALENDAR_FLAG){
		spanid ='';
		mouseX= false;
		mouseY= false;
		document.getElementById("tooltip").style.visibility = "hidden";
	}
}
function handleHttpResponse_getImagedata() 
{ 
	//alert(http.responseXML );
	if(http.readyState == 4){	
      	isWorking = false;
		//alert(http.responseText);
    	if (http.responseText.indexOf('invalid') == -1){	
			var xmlDocument = http.responseXML;
			var imagepath = xmlDocument.getElementsByTagName('imagepath').item(0).firstChild.data;
			
			var description = '';
			if(xmlDocument.getElementsByTagName('description')){
				var description = xmlDocument.getElementsByTagName('description').item(0).firstChild.data;
			}
			var data='';
			
			if(imagepath!="")
			{
				data +='<div align="right">';
					data +='<span id="wait-img" class="tooltip" style="display:none">';
						data +='<img src="'+site_url+'images/clocks.gif">Loading...&nbsp;&nbsp;';
					data +='</span>';
				data +='</div>';
			}			
			data +='<div style="padding-top:10px; padding-left:8px; padding-right:5px; padding-bottom:10px;">';
				data +='<img src="'+imagepath+'" height="263" width="350">';
				if(description!='--' && description!='')
				{
					data +='<br>';
					data +='<br style="line-height:8px;"><p align="justify">';
					data += description;
					data +='</p>';
				}
			data +='</div>';
			var data_display = '';
			data_display=data;
			if(spanid!=''){
				DivShowToolTip(spanid,data_display);
			}
		}
  	}
}

function getImageInfo(idstr,iEventId, Type)
{
	prev_spanid = 0;
	if(Type == '')
		Type = "event";
	var url = site_url+"ajax_file/"+"getlargeimage.php?Type="+Type+"&iId="+iEventId;
//	alert(url);
	var isWorking = false;
	if(spanid!=idstr)
	{
		spanid = idstr;
		DivShowToolTip(spanid,html);
		if (!isWorking)
		{
			isWorking = true;
			if (window.XMLHttpRequest){
		  		http=new XMLHttpRequest()
		  		http.open("GET",url, true);
			  	http.onreadystatechange = handleHttpResponse_getImagedata
			  	http.send(null)
		  	}// code for IE
			else if (window.ActiveXObject){
		  		http=new ActiveXObject("Microsoft.XMLHTTP")
				if (http){
		    		http.open("GET",url, true);
		    		http.onreadystatechange = handleHttpResponse_getImagedata
		    		http.send()
		    	}
		  	}
	  	}
	}
}

function findPosX(obj)
{	
	var curleft = 0;
	if (obj.offsetParent){
		while (obj.offsetParent){
			curleft += obj.offsetLeft
			obj = obj.offsetParent;
		}
	}else if (obj.x){
		curleft += obj.x;
	}
	return curleft;
}

function findPosY(obj)
{
	var curtop = 0;
	if(obj.offsetParent){
		while(obj.offsetParent){
			curtop += obj.offsetTop
			obj = obj.offsetParent;
		}
	}else if(obj.y){
		curtop += obj.y;
	}
	return curtop;
}

function DisplayErrorHelp(spanid,data_display)
{
	DivShowToolTip(spanid,data_display);
}