// -------------------------------------------------------------------------------
// AJAX-functions start here;
var xmlHttp;
var area;

// The updatePage-function is called at every link;
function updatePage(PAGE,AREA) {
	xmlHttp = GetXmlHttpObject();

	if (xmlHttp==null) { alert ("Your browser does not support AJAX!"); return; }

	area = AREA;
	var url = "elem/" + PAGE + ".php?color=";

	url = url + "&sid = " + Math.random();
	xmlHttp.onreadystatechange = stateChanged;
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);
}

// updates the requested field with new content;
function stateChanged() {
	if (xmlHttp.readyState==4) { document.getElementById(area).innerHTML=xmlHttp.responseText; }
}

// Function that checks if your browser is AJAX compatible.
function GetXmlHttpObject() {
	var xmlHttp = null;

	try {
		xmlHttp=new XMLHttpRequest();
	} catch (e) {
 		try {
			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	return xmlHttp;
}

// AJAX-functions ends here;
// -------------------------------------------------------------------------------
var pageHeight = 0;
var pageWidth = 0;
var slide;
var slide2;
var clientW = document.documentElement.clientWidth;
var clientH = document.documentElement.clientHeight;
var pageOpen = 1;
var pageDisplay = 2;
var currMenu = 0;
var currPage = 0;
var menuPosi = 0;
var animating = 0;

function showPage(PAGE,FILE,AREA) {
	clientH = document.documentElement.clientHeight;

	var stopHeight = clientH-200 - (clientH-200)%10;

	if (pageDisplay == 0) {
		pageDisplay = 1;
		animating = 1;
		slide2 = setInterval("openPage(640," + currPage + ",'" + FILE + "')",1);
		setTimeout("showPage(" + PAGE + ",'" + FILE +"','menu')",1000);
	} else {
		if (pageOpen == 0) { pageOpen = 1; } else { updatePage(FILE,AREA); pageOpen = 0; }
		animating = 1;
		document.getElementById("menu").innerHTML = "";
		slide = setInterval("openSlide(" + stopHeight + "," + PAGE + ",'" + FILE + "')",1);
	}
}

function openSlide(LIMIT,PAGE,FILE) {
	if (pageOpen == 0) {
		if (pageHeight >= LIMIT) {
			clearInterval(slide);
			animating = 0;
			currMenu = PAGE;
		} else {
			pageHeight = pageHeight + 20;
			document.getElementById("menu").style.height = pageHeight + "px";
		}
	} else {
		if (pageHeight <= 0) {
			clearInterval(slide);
			animating = 0;
			if (currMenu != PAGE) { showPage(PAGE,FILE,'menu'); }
		} else {
			pageHeight = pageHeight - 20;
			document.getElementById("menu").style.height = pageHeight + "px";
		}
	}
}

function displayPage(PAGE,FILE,AREA) {
	document.getElementById("page").style.height = clientH-220 + "px";

	var stopWidth = 640;

	if (pageDisplay == 0) { pageDisplay = 1; } else { updatePage(FILE,AREA); pageDisplay = 0; }
	animating = 1;
	document.getElementById("page").innerHTML = "";
	slide2 = setInterval("openPage(" + stopWidth + "," + PAGE + ",'" + FILE + "')",1);
}

function openPage(LIMIT,PAGE,FILE) {
	if (pageDisplay == 0) {
		if (pageWidth >= LIMIT) {
			clearInterval(slide2);
			animating = 0;
			currPage = PAGE;
		} else {
			pageWidth = pageWidth + 40;
			document.getElementById("page").style.width = pageWidth + "px";
		}
	} else {
		if (pageWidth <= 0) {
			clearInterval(slide2);
			animating = 0;
			if (currPage != PAGE) { displayPage(PAGE,FILE,'page'); }
		} else {
			pageWidth = pageWidth - 40;
			document.getElementById("page").style.width = pageWidth + "px";
		}
	}
}