var loginWidth = 470;
var loginHeight = 321;

var mailinglistWidth = 470;
var mailinglistHeight = 321;

var layerShowing = null;
var tempSelectStates = new Array();
var isScrolling = false;
var fadeBox = false;
function fnClearLogin() {
	document.getElementById("layerlogin_email").value = "";
	document.getElementById("layerlogin_pass").value = "";
}

function showLayer(type) {
	if(type == "login") {
		w = loginWidth;
		h = loginHeight;
		document.getElementById('loggedInNotice').style.display = 'none';
		document.getElementById('layerlogin_email_validation').style.visibility = 'hidden';
		document.getElementById('layerlogin_pass_validation').style.visibility = 'hidden';
		document.getElementById('loginForm').style.display = 'block';
		fnClearLogin();
	} else if(type == "postcode") {
		w = mailinglistWidth;
		h = mailinglistHeight;
	} else {
		return false;
	}
	
	if(!isScrolling) {
		//reset the width of the transparent layer, so that if the window is
		//being resized smaller, the scroll bar will shrink
		document.getElementById('overlayLayer').style.width = "980px"
		document.getElementById('overlayLayer').style.display = "none";
		
		//if layer has current x + w >980, reset x pos of the layer to default
		if((parseInt(document.getElementById(type+'Box').style.left.replace("px", "")) + w) > 980) {
			document.getElementById(type+'Box').style.left = parseInt(490-(w/2))+"px";
		}
	}
	
	if( typeof( window.innerWidth ) == 'number' ) {
   		//Non-IE
		myWidth = window.innerWidth;
    	myHeight = window.innerHeight;
		htmHeight = document.documentElement.scrollHeight;
		htmWidth = document.documentElement.scrollWidth;
		fadeBox = true;
	} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
   		//IE 6+ in 'standards compliant mode'
    	myWidth = document.documentElement.clientWidth;
    	myHeight = document.documentElement.clientHeight;
		htmHeight = document.documentElement.scrollHeight;
		htmWidth = document.documentElement.scrollWidth;
		fadeBox = false;
	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    	//IE 4 compatible
    	myWidth = document.body.clientWidth;
    	myHeight = document.body.clientHeight;
		htmHeight = document.body.offsetHeight;
		htmWidth = document.body.offsetWidth;
		fadeBox = false;
	}
	if (window.innerHeight) {
		topScroll = window.pageYOffset;
	} else if (document.documentElement && document.documentElement.scrollTop) {
		topScroll = document.documentElement.scrollTop;
	} else if (document.body) {
		topScroll = document.body.scrollTop;
	}
	
	winW = myWidth;
	if(htmHeight > myHeight) {
		winH = htmHeight;
	} else {
		winH = myHeight;
	}
	
	if(myWidth>980) {
		winW2 = htmWidth;
		//use htmWidth here, because non-ie browsers count the scroll bar in the win width
	} else {
		winW2 = 980;
	}
	
	document.getElementById(type+'Box').style.width = w+"px";
	document.getElementById(type+'Box').style.height = h+"px";
	
	x = parseInt((winW/2) - (w/2));
	y = parseInt((myHeight/2) - (h/2)+topScroll);
	
	if(!isScrolling) {
		document.getElementById('overlayLayer').style.height = winH+"px";
		document.getElementById('overlayLayer').style.width = winW2+"px";
		document.getElementById('overlayLayer').style.display = "block";
	}
	
	document.getElementById(type+'Box').style.top = y+"px";
	document.getElementById(type+'Box').style.left = x+"px";
	document.getElementById(type+'Box').style.display = "block";
	
	//fade in
	if(layerShowing == null) {
		if (navigator.userAgent.toLowerCase().indexOf("msie") != -1) {
			saveSelectStates();
		}
		setOpacity(10, 'overlayLayer');
		if(fadeBox == true) {
			setOpacity(20, type+'Box');
			setTimeout("setOpacity(20, 'overlayLayer'); setOpacity(40, '"+type+"Box');", 40);
			setTimeout("setOpacity(30, 'overlayLayer'); setOpacity(60, '"+type+"Box');", 80);
			setTimeout("setOpacity(40, 'overlayLayer'); setOpacity(80, '"+type+"Box');", 120);
			setTimeout("setOpacity(50, 'overlayLayer'); setOpacity(100, '"+type+"Box');", 160);
		} else {
			setTimeout("setOpacity(20, 'overlayLayer')", 40);
			setTimeout("setOpacity(30, 'overlayLayer')", 80);
			setTimeout("setOpacity(40, 'overlayLayer')", 120);
			setTimeout("setOpacity(50, 'overlayLayer')", 160);
		}
	}

	layerShowing = type;
	
	if(window.document.featureFlash!=undefined) {	
		window.document.featureFlash.SetVariable("sLoginScreen", "on");
		window.document.ticker.SetVariable("sLoginScreen", "on");
		window.document.bands.SetVariable("sLoginScreen", "on");
		
	}
	
	if(type == "login") {
		document.getElementById("layerlogin_email").focus();	
	}
	
	return false;
}

function hideLayer(type) {
	//fade out, then close
	setOpacity(50, 'overlayLayer');
	if(fadeBox == true) {
		setTimeout("setOpacity(40, 'overlayLayer'); setOpacity(80, '"+type+"Box');", 40);
		setTimeout("setOpacity(30, 'overlayLayer'); setOpacity(60, '"+type+"Box');", 80);
		setTimeout("setOpacity(20, 'overlayLayer'); setOpacity(40, '"+type+"Box');", 120);
		setTimeout("setOpacity(10, 'overlayLayer'); setOpacity(20, '"+type+"Box');", 160);
	} else {
		setTimeout("setOpacity(40, 'overlayLayer')", 40);
		setTimeout("setOpacity(30, 'overlayLayer')", 80);
		setTimeout("setOpacity(20, 'overlayLayer')", 120);
		setTimeout("setOpacity(10, 'overlayLayer')", 160);	
	}
	setTimeout("closeLayer('"+type+"')", 200);
	
	return false;
}

function closeLayer(type) {
	
	if(timey){
		clearTimeout(timey);
	}
	if (navigator.userAgent.toLowerCase().indexOf("msie") != -1) {
		applySelectStates();
	}
	document.getElementById('overlayLayer').style.display = "none";
	document.getElementById(type+'Box').style.display = "none";
	
	if(window.document.featureFlash!=undefined) {	
		window.document.featureFlash.SetVariable("sLoginScreen", "off");
		window.document.ticker.SetVariable("sLoginScreen", "off");
		window.document.bands.SetVariable("sLoginScreen", "off");
	}
	
	fnClearLogin();
	
	layerShowing = null;
}

function saveSelectStates() {
	tags = document.getElementsByTagName("select");
	for(var i=0; i<tags.length; i++) {
		tempSelectStates[i] = new Array();
		tempSelectStates[i]['elm'] = tags[i];
		tempSelectStates[i]['state'] = tags[i].disabled;
		tags[i].disabled = "disabled";
		tags[i].style.backgroundColor = "#000000";
	}
}

function applySelectStates() {
	for(var i=0; i<tempSelectStates.length; i++) {
		tempSelectStates[i]['elm'].disabled = tempSelectStates[i]['state'];
		tempSelectStates[i]['elm'].style.backgroundColor = "";
	}
}

function setOpacity(opacity, id) {
	var object = document.getElementById(id).style;
	object.MozOpacity = (opacity / 100);
	object.opacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}

function fnGetVisibleHeight() {
	if( typeof( window.innerHeight ) == 'number' ) {
		//Non-IE
		return window.innerHeight;
	} else if( document.documentElement && (document.documentElement.clientHeight ) ) {
		//IE 6+ in 'standards compliant mode'
		return document.documentElement.clientHeight;
	} else if( document.body && (document.body.clientHeight ) ) {
		//IE 4 compatible
		return document.body.clientHeight;
	}
}


var resizingTimer;
window.onresize = function () {
	if(layerShowing != null) {
		clearTimeout(resizingTimer);
		resizingTimer = setTimeout(window.onresizeend, 50);
	}
}
window.onresizeend = function() {
	if(layerShowing != null) {    
		showLayer(layerShowing);
	}
}


window.onscroll = function () {
	if(layerShowing == "login") {
		h = loginHeight;
	} else if(layerShowing == "postcode") {
		h = mailinglistHeight;
	} else {
		return false;
	}
	var myHeight = fnGetVisibleHeight();
	if (myHeight > h) {
		isScrolling = true;
		showLayer(layerShowing);
		isScrolling = false;
	}
}