// initialize
var navA = '<div style="background:url(\'navi/';
var navB = '.png\');width:115px;height:21px;"></div>';
var webmix = '\
	<object type="application/x-shockwave-flash" data="player.swf" style="width:32px;height:28px;">\
	<param name="movie" value="player.swf" />\
	<param name="wmode" value="transparent" />\
	<param name="FlashVars" value="src=player/an-dea_-_webmix_[summer_2009_mix].mp3&amp;autoload=yes&amp;autostart=yes&amp;loop=yes&amp;shortcuts=yes" />\
	</object>\
	';
var preload = '\
	<img id="hidden" src="navi/about.png" />\
	<img id="hidden" src="navi/studio.png" />\
	<img id="hidden" src="navi/music.png" />\
	<img id="hidden" src="navi/download.png" />\
	<img id="hidden" src="navi/contact.png" />\
	<img id="hidden" src="navi/login.png" />\
	<img id="hidden" src="menu/back.png" />\
	<img id="hidden" src="menu/next.png" />\
	<img id="hidden" src="menu/loading.png" />\
	';
var http = false;
if (window.XMLHttpRequest) { // Mozilla, Safari, etc.
	http = new XMLHttpRequest();
	if (http.overrideMimeType) {http.overrideMimeType('text/xml');}
} else if (window.ActiveXObject) { // IE
	try {http = new ActiveXObject("Msxml2.XMLHTTP");} 
	catch (e) {
		try {http = new ActiveXObject("Microsoft.XMLHTTP");}
		catch (e) {}
	}
}
var http_error = '\
	<h1>/ browser error /</h1>\
	<p>Your browser is not able to load the content<br />\
	via &ldquoajax&rdquo (http request).</p>\
	';
var missing_content = '\
	<h1>/ missing content /</h1>\
	<p>This page does not exist.</p>\
	';

function $(id) { // simplify content swapping
	return document.getElementById(id);
}

function initPage() { // initialize content onLoad
	if (!http) {$('content').innerHTML = http_error;}
	$('player').innerHTML = webmix; //initialize music player with webmix
	showPage('home', 0); //display home page
	$('preload').innerHTML = preload; //preload important images after home page has been loaded
}

function showPage(page, site) {
	http.open('GET', 'src/' + page + site + '.txt', true);
		http.onreadystatechange = function() {
		if (http.readyState != 4) {
			$('content').innerHTML += '<div id="loading"></div>';
		}
		if (http.readyState == 4) {
			if (http.status == 200) {
				$('navi').innerHTML = navA + page + navB;
				$('content').innerHTML = http.responseText;
			} else {
				// file not found
				$('content').innerHTML = missing_content;
			}
		}
	}
	http.send(null);
}