// JavaScript Document

var Timer;
var Vleft=0;
var Vtop=0;

function doCoords(evt,divName,divDate) {
	evt = (evt) ? evt : ((window.event) ? event : null);;
	if(evt.type=='mouseover') {
		var coords=getPosEventCoords(evt);
		Vleft = parseInt(coords.left+3)+"px";
		Vtop = parseInt(coords.top+5)+"px";
		doDiv(divName,divDate);
	}
}

function getPosEventCoords(evt){
	var coords = {left:0,top:0};
	if (evt.pageX){
		coords.left=evt.pageX;
		coords.top=evt.pageY;
	} else if (evt.clientX) {

// cookbooks example does not work in IE
//        coords.left = evt.clientX + document.body.scrollLeft - document.body.clientLeft;
//        coords.top = evt.clientY + document.body.scrollTop - document.body.clientTop;
		coords.left = evt.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
		coords.top = evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);

        // include html element space, if applicable
        if (document.body.parentElement && document.body.parentElement.clientLeft) {
           var bodParent = document.body.parentElement;
			coords.left += bodParent.scrollLeft - bodParent.clientLeft;
			coords.top += bodParent.scrollTop - bodParent.clientTop;
		}
    }

	return coords;
}

function doDiv(divName,divDate){
	var k=document.createElement('div'); 
	k.setAttribute('id',divName);
	k.onmouseover=function(){ clearTimeout(Timer); }
	k.onmouseout=function(){ requestClose(divName); }
	document.body.appendChild(k);

	document.getElementById(divName).style.position='absolute';
	document.getElementById(divName).style.zIndex=999;
	document.getElementById(divName).style.left=Vleft;
	document.getElementById(divName).style.top=Vtop;
	document.getElementById(divName).style.width='151px';

	var kt=document.createElement('table');
	kt.setAttribute('id','myTable');
	kt.setAttribute('width','151');
	kt.setAttribute('cellpadding','0');
	kt.setAttribute('cellspacing','0');
	k.appendChild(kt);
	
	var divDateSplit=divDate.split('-');
	
	var ktr=document.createElement('tr');
	kt.appendChild(ktr);
	var cell = document.createElement('td');
	cell.innerHTML="<img src=\"graphics/popup_top.gif\" width=\"151\" height=\"18\" />";
	ktr.appendChild(cell);
	
	var ktr=document.createElement('tr');
	kt.appendChild(ktr);
	var cell = document.createElement('td');
	cell.setAttribute('background','graphics/popup_line.gif');
	cell.setAttribute('class','textForPopup');
	cell.innerHTML="<strong>"+divDateSplit[2]+"-"+divDateSplit[1]+"-"+divDateSplit[0]+"</strong>";
	ktr.appendChild(cell);
	
	//var ktr=document.createElement('tr');
	//kt.appendChild(ktr);
	//var cell = document.createElement('td');
	//cell.setAttribute('background','graphics/popup_line.gif');
	//cell.setAttribute('class','textForPopup');
	//cell.innerHTML="test text";
	//ktr.appendChild(cell);
	
	doAjaxDate(divDate);

}

function closeDiv(divName){
	k = document.getElementById(divName);
	if(k) document.body.removeChild(k);
}

function requestClose(divName){
	var delay = function() { closeDiv(divName); };
	Timer=setTimeout(delay, 250);
}