var pages = {access:null,contacts:null,frame:null,guest:null,insurance:null,jrframe:null,lens:null,story:null,test:null};
var currentPage = "story";

function initMenu() {
	for (var i in pages) {
		var link = document.getElementById('link-'+i);
		link.onclick = function() {
			var menuId = (this.id ? this.id.replace('link-','') : event.srcElement.id.replace('link-',''));
			var img = "url(images/bg-"+menuId+".jpg)";
			currentPage = menuId;
			document.getElementById('mainContainer').style.backgroundImage = img;
			setTimeout(function() {document.getElementById('mainContainer').style.backgroundImage = img;},200);
			if (menuId != "guest") {
				//document.getElementById('artBg').style.height = "177px";
				document.getElementById('artBottom').style.display = "block";
				document.getElementById('artBorder').style.height = "177px";
			} else {
				//document.getElementById('artBg').style.height = "360px";
				document.getElementById('artBottom').style.display = "none";
				document.getElementById('artBorder').style.height = "360px";
			}
			for (var j in pages) document.getElementById('art-'+j).className = "artOff";
			document.getElementById('art-'+menuId).className = "artOn";
		}
		link.onfocus = function() {
			this.blur();
		}
	}

	document.getElementById('guestSave').onclick = function() {
		var gName = document.getElementById('guestName');
		var gText = document.getElementById('guestContent');
		if (gName.value == "") {
			alert("Írd be a neved!");
			gName.focus();
		} else if (gText.value == "") {
			alert("Üzenj is valamit!");
			gText.focus();
		} else {
			postData("guest.php")
		}
	}
	getData("guest.xml");

	document.getElementById('mainContainer').onclick = function() {
		document.getElementById('menuContainer').style.display = "block";
		document.getElementById('mainContainer').style.backgroundImage = "url(images/bg-story.jpg)";
		//document.getElementById('artBg').style.display = "block";
		document.getElementById('artBottom').style.display = "block";
		document.getElementById('artBorder').style.display = "block";
		document.getElementById('art-story').className = 'artOn';
		this.style.cursor = "default";
		this.onclick = function() {void(0);}
	}
}

function getData(dataSource) {
	var request = false;
	if (window.XMLHttpRequest) {
		request = new XMLHttpRequest();
	} else if (window.ActiveXObject) {
		request = new ActiveXObject("Microsoft.XMLHttp");
	}
	if (request) {
		request.open("GET", dataSource, true);
		request.onreadystatechange = function() {
			if (request.readyState == 4 && request.status == 200) {
				loadData(request.responseXML)
				delete request;
				request = null;
			}
		}
		request.send(null);
	}
}

function postData(dataSource) {
	var request = false;
	if (window.XMLHttpRequest) {
		request = new XMLHttpRequest();
	} else if (window.ActiveXObject) {
		request = new ActiveXObject("Microsoft.XMLHttp");
	}
	if (request) {
		request.open("POST", dataSource, true);
		request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
		request.onreadystatechange = function() {
			if (request.readyState == 4 && request.status == 200) {
				document.getElementById('guestName').value = "";
				document.getElementById('guestContent').value = "";
				loadData(request.responseXML);
				delete request;
				request = null;
			}
		}
		request.send("action=save&name="+document.getElementById('guestName').value+"&content="+document.getElementById('guestContent').value);
	}
}

function loadData(xmlDoc) {
	var guestNode = document.getElementById('guestbook');
	guestNode.innerHTML = "";
	var dates = xmlDoc.documentElement.getElementsByTagName('date');
	var names = xmlDoc.documentElement.getElementsByTagName('name');
	var entries = xmlDoc.documentElement.getElementsByTagName('content');
	for (var i=0; i<entries.length; i++) {
		var rowNode = document.createElement('div');
		rowNode.className = (i%2==0 ? "guest2" : "guest1");
		var guestStr = "<strong>"+names[i].firstChild.nodeValue+"</strong> | "+dates[i].firstChild.nodeValue;
		guestStr += "<br/>"+entries[i].firstChild.nodeValue.replace(/\n/g,"<br/>");
		rowNode.innerHTML = guestStr;
		guestNode.appendChild(rowNode);
	}
}

window.onload = initMenu;