var overlay;
var box;
var opened;

function initialize() {
	var bod = document.getElementsByTagName("body")[0];
	overlay = document.createElement("div");
	overlay.id = "overlay";
	bod.appendChild(overlay);
	
	box = document.createElement("div");
	box.id = "box";
	box.className = "box";
	box.style.display = "none";
	box.style.left = "0px";
	box.style.width = "0px";	
	box.innerHTML = "<div class=\"tlc\"><div class=\"tl\"><!-- --></div><div class=\"tl2\"><!-- --></div></div><div id=\"title\" class=\"tm\"><!-- --></div><div class=\"close\" id=\"close\" style=\"display: block\"><a href=\"javascript: void(0);\" onclick=\"closeBox();\"><!-- --></a></div><div id=\"boxContent\" class=\"boxContent\"></div>\n";
	box.innerHTML += "<div class=\"bl\"><!-- --></div><div class=\"bm\"><!-- --></div><div class=\"br\"><!-- --></div>\n";
	bod.appendChild(box);
	
	opened = false;
}

function showBox(content) {
	var width;
	if (parseInt(navigator.appVersion)>3) {
	 if (navigator.appName=="Netscape") {
	  width = window.innerWidth;
	 }
	 if (navigator.appName.indexOf("Microsoft")!=-1) {
	  width = document.body.offsetWidth;
	 }
	}
	overlay.style.display = "block";
	var box_width = 800;
	var left_marg = (width - box_width) / 2;
	box.style.width = box_width + "px";
	box.style.left = left_marg + "px";
	
	var title;
	var src;
	
	if( content == "mlc" )
	{
		title = "Mortgage Loan Calculator";
		src = "CAMortgageLoan.html";
		next = "cmq";
		prev = "hb";
	}
	else if ( content == "cmq" )
	{
		title = "Canadian Mortgage Qualifier";
		src = "CAMortgageQualifier.html";
		next = "alc";
		prev = "mlc";
	}
	else if ( content == "alc" )
	{
		title = "Amortizing Loan Calculator";
		src = "CASimpleLoan.html";
		next = "rp";
		prev = "cmq";
	}
	else if ( content == "rp" )
	{
		title = "Retirement Planner";
		src = "CARetirementPlan.html";
		next = "sg";
		prev = "alc";
	}
	else if ( content == "sg" )
	{
		title = "Savings Goals";
		src = "CASavings.html";
		next = "sc";
		prev = "rp";
	}
	else if ( content == "sc" )
	{
		title = "Savings Calculator";
		src = "CACompoundSavings.html";
		next = "ci";
		prev = "sg";
	}
	else if ( content == "ci" )
	{
		title = "Compound Interest";
		src = "CACompoundInterest.html";
		next = "nwc";
		prev = "sc";
	}
	else if ( content == "nwc" )
	{
		title = "Net Worth Calculator";
		src = "CANetWorth.html";
		next = "hb";
		prev = "ci";
	}
	else if ( content == "hb" )
	{
		title = "Home Budget";
		src = "CAHomeBudget.html";
		next = "mlc";
		prev = "nwc";
	}
	
	var titleDiv = document.getElementById("title");
	titleDiv.innerHTML = "<h3>" + title + "</h3>\n";
	var boxContent = document.getElementById("boxContent");
	boxContent.innerHTML = "<iframe name=\"frame\" scrolling=\"auto\" width=\"780\" height=\"470px\" src=\"/common/calculators/" + src + "\" style=\"margin-left: 8px;\"></iframe>";
	

	boxContent.innerHTML += "<div class=\"prev\"><a href=\"javascript: void(0);\" onclick=\"showBox('" + prev + "');\"><img src=\"/common/images/interface/popup/previous.gif\" /></a></div><div class=\"next\"><a href=\"javascript: void(0);\" onclick=\"showBox('" + next + "');\"><img src=\"/common/images/interface/popup/next.gif\" /></a></div>";
	
	if(!opened)
	{
		opened = true;
		setOpacity(box, 0);
		box.style.display = "block";
		fadeIn("box",0);
	}
}

function closeBox() {
	opened = false;
	fadeOut("box", 100);
	overlay.style.display = "none";
}

function setOpacity(obj, opacity) {
	opacity = (opacity == 100)?99.999:opacity;
	
	// IE/Win
	obj.style.filter = "alpha(opacity:"+opacity+")";
	
	// Safari<1.2, Konqueror
	obj.style.KHTMLOpacity = opacity/100;
	
	// Older Mozilla and Firefox
	obj.style.MozOpacity = opacity/100;
	
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = opacity/100;
}

function fadeIn(objId,opacity) 
{
	if (document.getElementById) 
	{
		obj = document.getElementById(objId);
		if (opacity <= 100) 
		{
			setOpacity(obj, opacity);
			opacity += 10;
			window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
		}
	}
}

function fadeOut(objId,opacity) 
{
	if (document.getElementById) 
	{
		obj = document.getElementById(objId);
		if (opacity >= 0) 
		{
			setOpacity(obj, opacity);
			opacity = opacity - 10;
			window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 100);
		}
		else
			obj.style.display = "none";
	}
}

function popup(href)
{
	href = "/common/calculators/" + href;
	window.open(href, "calculatorWindow", "height=600, width=700, scrollbars=yes");
}