function showStep (stepNumber) {

	switch (stepNumber) {
		
		case 1: 
			document.getElementById("instructions_1").style.display = "block";
			document.getElementById("instructions_2").style.display = "none";
			document.getElementById("instructions_3").style.display = "none";
			document.getElementById("instructions_4").style.display = "none";
			document.getElementById("instructions_5").style.display = "none";
			break;
		
		case 2: 
			document.getElementById("instructions_1").style.display = "none";
			document.getElementById("instructions_2").style.display = "block";
			document.getElementById("instructions_3").style.display = "none";
			document.getElementById("instructions_4").style.display = "none";
			document.getElementById("instructions_5").style.display = "none";
			break;
		
		case 3: 
			document.getElementById("instructions_1").style.display = "none";
			document.getElementById("instructions_2").style.display = "none";
			document.getElementById("instructions_3").style.display = "block";
			document.getElementById("instructions_4").style.display = "none";
			document.getElementById("instructions_5").style.display = "none";
			break;
		
		case 4: 
			document.getElementById("instructions_1").style.display = "none";
			document.getElementById("instructions_2").style.display = "none";
			document.getElementById("instructions_3").style.display = "none";
			document.getElementById("instructions_4").style.display = "block";
			document.getElementById("instructions_5").style.display = "none";
			break;
	
		case 5: 
			document.getElementById("instructions_1").style.display = "none";
			document.getElementById("instructions_2").style.display = "none";
			document.getElementById("instructions_3").style.display = "none";
			document.getElementById("instructions_4").style.display = "none";
			document.getElementById("instructions_5").style.display = "block";
			break;
	
	}
	
	
	
	
}

function toggleTour (state) {	
	
	switch (state) {
		case true: 
			showStep(1);
			centerTour ();
			document.getElementById("tour").style.display = "block";
			break;
		case false:
			document.getElementById("tour").style.display = "none";					
			hideTour ();
			break;
		default:
			break;				
	}			
	
}

function centerTour () {
		document.getElementById("tour").style.top = ((getViewport('height') / 2) - 236) + "px";
		document.getElementById("tour").style.left = ((getViewport('width') / 2) - 450) + "px";			
}

showTour = function () {
	if (returnAgent() == "ie" || returnAgent() == "ieclassic") {			
		document.getElementById("shade").style.display='block';
		document.getElementById("shade").style.height = getViewport('height') + "px";	
		document.getElementById("shade").style.width = getViewport('width') + "px";					
		document.getElementById("shade").style.filter = "alpha(opacity='75')";
		toggleTour (true);				
	} else {
		shade ("show", null, toggleTour (true));
	}
}

hideTour = function () {
	if (returnAgent() == "ie" || returnAgent() == "ieclassic") {			
		document.getElementById("shade").style.display='none';
	} else {
		shade ("hide");					
	}
}


window.onresize  = function () {
	
	if (document.getElementById("tour").style.display == "block") {
		centerTour ();
	}
	
}

//showTour ();


function setCookie(c_name,value,expiredays) {
var exdate=new Date();exdate.setDate(exdate.getDate()+expiredays);
document.cookie=c_name+ "=" +escape(value)+
((expiredays==null) ? "" : ";expires="+exdate.toGMTString());
}

function getCookie(c_name)
{
if (document.cookie.length>0)
{
c_start=document.cookie.indexOf(c_name + "=");
if (c_start!=-1)
{ 
c_start=c_start + c_name.length+1; 
c_end=document.cookie.indexOf(";",c_start);
if (c_end==-1) c_end=document.cookie.length;
return unescape(document.cookie.substring(c_start,c_end));
} 
}
return "";
}		

function checkTour()
{

if (getCookie('tourShown') !== "true") {			
	document.getElementById("autoTourMsg").style.display='inline';
	showTour();
	setCookie('tourShown','true',365);
}
else {
	//temp
	//showTour();
}

}

//checkTour();