var isMSIE = navigator.appVersion.toLowerCase().indexOf('msie') > -1;
var headerHeightDefault = 22;
var headerHeightMax = 200;
var footerHeightDefault = 22;
var footerHeightMax = 210;
var headerHeight = headerHeightDefault;
var footerHeight = footerHeightDefault;
var setupStage = function() {
	if (!document.getElementById) return;
	var header = document.getElementById("header");
	var canvas = document.getElementById("canvas");
	var footer = document.getElementById("footer");
	canvas.style.width = "100%";
	header.style.display = "block";
	footer.style.display = "block";
	var height = 960;
	if (document.height) height = document.height;
	if (document.documentElement.clientHeight) height = document.documentElement.clientHeight;
	if (isMSIE) {
		canvas.style.height = String(height - footerHeight - headerHeight) +"px";
		header.style.height = String(headerHeight) +"px";
		footer.style.height = String(footerHeight) +"px";
	} else {
		var canvasHeight = height - footerHeight - headerHeight;
		if (canvas) {
			var fxCanvas = new Fx.Styles(canvas, { duration: 200, wait: false });
			fxCanvas.start({ 'height': canvasHeight });
		}
		if (header) {
			var fxHeader = new Fx.Styles(header, { duration: 200, wait: false });
			fxHeader.start({ 'height': headerHeight });
		}
		if (footer) {
			var fxFooter = new Fx.Styles(footer, { duration: 200, wait: false });
			fxFooter.start({ 'height': footerHeight });
		}
	}
};
var setHeight = function(mode) {
	if (!document.getElementById) return false;
	var headerDefault = document.getElementById("headerDefault");
	var footerDefault = document.getElementById("footerDefault");
	var headerMax = document.getElementById("headerMax");
	var footerMax = document.getElementById("footerMax");
	var header_content = document.getElementById("header_content");
	var footer_content = document.getElementById("footer_content");
	if (mode == "header") {
		headerHeight = headerHeightMax;
		footerHeight = footerHeightDefault;
		headerDefault.style.display = "block";
		footerDefault.style.display = "none";
		headerMax.style.display = "none";
		footerMax.style.display = "block";
		header_content.style.display = "block";
		footer_content.style.display = "none";
	} else if (mode == "footer") {
		headerHeight = headerHeightDefault;
		footerHeight = footerHeightMax;
		headerDefault.style.display = "none";
		footerDefault.style.display = "block";
		headerMax.style.display = "block";
		footerMax.style.display = "none";
		header_content.style.display = "none";
		footer_content.style.display = "block";
	} else {
		headerHeight = headerHeightDefault;
		footerHeight = footerHeightDefault;
		headerDefault.style.display = "none";
		footerDefault.style.display = "none";
		headerMax.style.display = "block";
		footerMax.style.display = "block";
		header_content.style.display = "none";
		footer_content.style.display = "none";
	}
	setupStage();
	return true;
};
var setupCanvas = function() {
	setHeight("canvas");
};

var toggleItems = function(o1, o2){
	o1.style.display = "none";
	o2.style.display = "block";
}

var toggleItem = function(o1, o2, o3){
	var obj_old = document.getElementById(o1);
	var obj_new = document.getElementById(o2);
	var container_old = document.getElementById(o1+'_container');
	var container_new = document.getElementById(o2+'_container');
	toggleItems(container_old, container_new);
	obj_old.src = 'gfx/'+o1+'_off.gif';
	obj_new.src = 'gfx/'+o2+'.gif';
	setHeight(o3);
}

window.onresize = setupStage;
onload = setupCanvas;