function findTop(id) {
    var obj = document.getElementById(id);
    var curtop = 0;
    if (obj.offsetParent) {
        do {
            curtop += obj.offsetTop;
        } while (obj = obj.offsetParent);
        return curtop;
    }
	return 0;
}

function findLeft(id) {
    var obj = document.getElementById(id);
    var curleft = 0;
    if (obj.offsetParent) {
        do {
            curleft += obj.offsetLeft;
        } while (obj = obj.offsetParent);
        return curleft;
    }
	return 0;
}

jQuery(document).ready ( function() {
  loadCalendar();
});

function loadCalendar(){
	jQuery(".eventDay, .about, .eventDay a").mouseover(
    function(){
		var id = jQuery(this).attr("id");
		var id2 = jQuery(this).parent().attr("id");
		if(id.substr(0,1) == "p" || id.substr(0,1) == "l")
			jQuery("#l"+id.substr(1)).css("background","#FF0000");
		if(id2.substr(0,1) == "l")
			jQuery("#l"+id2.substr(1)).css("background","#FF0000");
		id = id.substr(1);
		var top = findTop("l"+id)-210;
		var left = findLeft("l"+id)-190;
		//var left = findLeft("l"+id);
      jQuery("#p"+id).css("left",left).css("top",top).css("display","block");
	//jQuery("#p"+id).css("display","block");
    });
  jQuery(".eventDay, .about").mouseout(
	function(){
		var id = jQuery(this).attr("id");
		id = id.substr(1);
		jQuery("#l"+id).css("background","#CB241C");
		jQuery("#p"+id).css("display","none");
	}
  );

}