function getAbsolutePos (el) {
	var r = { x: el.offsetLeft, y: el.offsetTop , width: el.offsetWidth, height: el.offsetHeight};
	if (el.offsetParent) {
		var tmp = getAbsolutePos (el.offsetParent);
		r.x += tmp.x;
		r.y += tmp.y;
	}

	return r;
};

popupID = "overPopup";

function ShowOverPopup(button,month) {

	//read the popup possition
	var pos = getAbsolutePos(button);

	document.getElementById(popupID).innerHTML = document.getElementById("Calendar" + month).innerHTML ;

	document.getElementById(popupID).style.left = pos.x-1;
	document.getElementById(popupID).style.top = pos.y + pos.height;
	document.getElementById(popupID).style.visibility = "visible";

}

function KeepOverPopup() {
	document.getElementById(popupID).style.visibility = "visible";
}

function HideOverPopup() {
	document.getElementById(popupID).style.visibility = "hidden";
}

function CalendarShowPreview(button , day , month , year) {

	var pos = getAbsolutePos(button);
	document.getElementById("Preview").className = "CalendarPreview";
	document.getElementById("Preview").innerHTML = "<nobr>Loading Day...</nobr>";
	document.getElementById("Preview").style.left = pos.x + pos.width + 2;
	document.getElementById("Preview").style.top = pos.y;
	document.getElementById("Preview").style.display = "inline";

	document.getElementById("hiddenfrm").src = "calendar.php?popup=1&year=" + year + "&month=" + month + "&day=" + day;

}

function CalendarHidePreview() {
	document.getElementById("Preview").innerHTML = "";
	document.getElementById("Preview").style.display = "none";
}


//this is a fix for mozilla

function __HidePreview() {

	if (document.getElementById(popupID).style.visibility != "visible" ){
		CalendarHidePreview();
	}

	setTimeout('__HidePreview()',1000);
}


function ShowDefinition(button,text){
	//get the button possiton
	var pos = getAbsolutePos(button);

	document.getElementById("Definition").innerHTML = text;
	document.getElementById("Definition").style.left = pos.x ;
	document.getElementById("Definition").style.top = pos.y + pos.height + 2;
	document.getElementById("Definition").style.display = "inline";

}

function HideDefinition() {
	document.getElementById("Definition").style.display = "none";
}