// JavaScript Document
var locked = false;
var current = "where";
var h =0;
var spacer = 25;
var padding = 15;

function setHeight()
{
	if(document.getElementById("where-am-i-now-container").style.height == "")
	{
		document.getElementById("where-am-i-now-container").style.height = (document.getElementById("where-am-i-now-container").offsetHeight - padding) + "px";
	}
}

function changeBackgroundImage(page)
{
	document.getElementById('where-am-i-now-header').className = page+"-header";
}

function simpleHide(name)
{
	if(!locked && name!= current)
	{
		locked = true;
		if(name=="where" || name=="how" || name=="want")
		{
				setHeight();
				hideAll();
				current=name;
				document.getElementById(name+"-content").style.display = "block";
				//alert(document.getElementById(name+"-content").offsetHeight + " vs " + h);
				
				h = parseInt(document.getElementById("where-am-i-now-container").style.height);
				//alert(h + " vs " + document.getElementById(name+"-content").offsetHeight);
				if((h) < document.getElementById(name+"-content").offsetHeight + spacer)
				{
					document.getElementById("where-am-i-now-container").style.height = (document.getElementById(name+"-content").offsetHeight + spacer)+ "px";
				}
				//alert(h + " vs " + document.getElementById(name+"-content").offsetHeight);
				
				//checkHeight();
				changeBackgroundImage(name);
				locked = false;
		}
	}
}

function hideAll()
{
	document.getElementById('where-content').style.display = "none";
	document.getElementById('how-content').style.display = "none";
	document.getElementById('want-content').style.display = "none";
}

function hideContent()
{
	var obj= document.getElementById('where-content');
	obj.style.display = "block";
	obj= document.getElementById('how-content');
	obj.style.display = "none";
	obj= document.getElementById('want-content');
	obj.style.display = "none";
	
	try {
  document.execCommand("BackgroundImageCache", false, true);
	} catch(err) {}
}