var pagenum = 0;
var progress = 0;

var browser;
var detect = navigator.userAgent.toLowerCase();
if (detect.search(/msie/) >= 0) browser = "Internet Explorer";
else if (detect.search(/opera/) >= 0) browser = "Opera";
else if (detect.search(/gecko/) >= 0) browser = "Gecko";
else if (detect.search(/safari/) >= 0) browser = "Safari";

var imageArray = new Array(
	path_to_glassbox + "skins/white/bottom.png",
	path_to_glassbox + "skins/white/bottomleft.png",
	path_to_glassbox + "skins/white/bottomright.png",
	path_to_glassbox + "skins/white/left.png",
	path_to_glassbox + "skins/white/right.png",
	path_to_glassbox + "skins/white/top.png",
	path_to_glassbox + "skins/white/topleft.png",
	path_to_glassbox + "skins/white/topright.png",

	path_to_glassbox + "skins/default/bottom.png",
	path_to_glassbox + "skins/default/bottomleft.png",
	path_to_glassbox + "skins/default/bottomright.png",
	path_to_glassbox + "skins/default/left.png",
	path_to_glassbox + "skins/default/right.png",
	path_to_glassbox + "skins/default/top.png",
	path_to_glassbox + "skins/default/topleft.png",
	path_to_glassbox + "skins/default/topright.png",

	path_to_background_images + "bg1.jpg"/*,
	path_to_background_images + "bg2.jpg",
	path_to_background_images + "bg3.jpg",
	path_to_background_images + "bg4.jpg",
	path_to_background_images + "bg5.jpg",
	path_to_background_images + "bg6.jpg",
	path_to_background_images + "bg7.jpg",
	path_to_background_images + "bg8.jpg"*/
);
var bgposition_nav = new Array(
	'-660px 0',
	'-1100px -250px',
	'-950px 0px',
	'-570px -820px',
	'-0px -0px',
	'-570px -0px',
	'-620px -900px',
	'-1410px -500px'
);

function preloadImages() {
	//if(document.all)$("progressIndicator").style.height = 13;
	mHTML = "";
	rowTrack=0;
	for(i=0;i<imageArray.length;i++) {
		mHTML+='<img onload="incrementProgress();" class="mImg" width=1 height=1 src=' + imageArray[i] + '>'
		rowTrack++;
	}
	$("mContainer").innerHTML = mHTML;
	//$("mContainer").style.display = "none";
}

function centerLayer( el, width, height ){
	if (window.innerHeight) {
		var cWidth = window.innerWidth;
		var cHeight = window.innerHeight;
	}
	else if ( document.documentElement.clientHeight ) {
		var cWidth = document.documentElement.clientWidth;
		var cHeight = document.documentElement.clientHeight;
	}
	else if ( document.body.clientHeight ) {
		var cWidth = document.body.clientWidth;
		var cHeight = document.body.clientHeight;
	}
	var top = (cHeight-height)/2;
	var left = (cWidth-width)/2;
	$(el).style.top = top + "px";
	$(el).style.left = left + "px";
}

function incrementProgress() {
	progress++;
	var progressbarWidth = (progress/imageArray.length)*100;
	if ( browser == "Gecko" && progressbarWidth >= 79 ) progressbarWidth = 79;
	else if ( browser == "Opera" && progressbarWidth >= 42 ) progressbarWidth = 42;
	$("progressIndicator").style.width = progressbarWidth + "%";
	if (progress>=imageArray.length) {
		new Effect.Fade('progressBar');
		preloadCallback();
	}
}

var mainObj = new GlassBox();
function setContent( num ) {
	//obj.init( id, style.width, style.height, style.overflow [, borderskin [, resize, [, dblclick [, multicontent_pagenum ]]]]);
	mainObj.init( 'main', '790px', 'auto', 'auto', '', false, false, num );
	mainObj.vscreen( '50px', '5px' );
	mainObj.appear();
	mainObj.backgroundImage(num);
	pagenum = num;
}

function setNavigation() {
	var navObj = new GlassBox();
	navObj.init( 'nav', '190px', '350px', 'hidden', 'white', false, false );
	navObj.apos( '825px', '60px' );
	navObj.noro();
	navObj.zindex( '100' );
	navObj.appear();
	navObj.draggable();
}

function setProgressbar() {
	document.body.style.backgroundColor="#ffecec";
	var pbObj = new GlassBox();
	pbObj.init( 'progressBar', '240px', '60px', 'hidden', 'default' );
	pbObj.apos( '100px', '60px' );
	pbObj.appear();
	centerLayer('progressBar', 240, 60);
	setTimeout("preloadImages()", 1500);
}

function cacheContent() {
	var htmlbody = document.getElementsByTagName( "body" )[0];
	var contentCache = document.createElement( "div" );
	contentCache.setAttribute( "id", "contentCache" );
	contentCache.style.display = "none";
	contentCache.innerHTML = htmlbody.innerHTML;
	htmlbody.appendChild( contentCache );
}

function printVersion() {
	var htmlbody = document.getElementsByTagName( "body" )[0];
	var contentCache = $( "contentCache" );
	htmlbody.innerHTML = contentCache.innerHTML;
	htmlbody.style.backgroundImage = "";
	htmlbody.style.overflow = "auto";
	htmlbody.style.margin = "0px";
	htmlbody.style.padding = "30px";
	var sd = getScreenDimensions();
	htmlbody.style.width = (parseInt(sd.screenWidth) - 80) + "px";
	if (document.all) {
		htmlbody.style.width = (parseInt(sd.screenWidth) - 60) + "px";
		htmlbody.style.height = (parseInt(sd.screenHeight) - 60) + "px";
	}
	$( "nav" ).style.display = "none";
	print();
}

function activateLink( num ) {
	var navi = $( "nav" );
	listElements = navi.getElementsByTagName( "ul" )[0].getElementsByTagName( "li" );
	for ( i=0;i<listElements.length;i++ ) {
		listElements[i].childNodes[0].style.color = "#bbbbbb";
	}
	listElements[num-1].childNodes[0].style.color = "#FFFFFF";
}

function reflectBGImg( id, pos ) {
	var htmlbody = document.getElementsByTagName( "body" )[0];
	var contentBoxBg = $( id ).childNodes[2].childNodes[1].childNodes[0];
	contentBoxBg.style.backgroundImage = htmlbody.style.backgroundImage;
	contentBoxBg.style.backgroundPosition = pos;
}

function go2page( num ) {
	setContent(num);
	reflectBGImg('nav', bgposition_nav[num-1]);
	activateLink(num);
}

function preloadCallback() {
	// contents
	$( "main" ).style.display = "block";
	$( "nav" ).style.display = "block";
	setNavigation();
	setContent(1);
	var n = location.href.indexOf("?");
	if (n != -1) {
		//window.alert(location.href.substr(n+1));
		setContent(location.href.substr(n+1));
	}
	reflectBGImg( 'nav', '-660px 0' );
}

function addInfo() {
  try {
    req = window.XMLHttpRequest ? new XMLHttpRequest(): new ActiveXObject("Microsoft.XMLHTTP");
  }
  catch (e) { /* No AJAX Support */ }
  req.onreadystatechange = function () {
    if ((req.readyState == 4) && (req.status == 200)) {
     if( req.responseText != 'Done' ) console.debug( req.responseText );
    }
  }
  req.open( 'post', 'services/addInfo.php' );
  req.send( null );
}

window.onload = function() {
	var htmlbody = document.getElementsByTagName( "body" )[0];
	htmlbody.style.visibility = "hidden";
	//htmlbody.style.backgroundColor = "#A3B102";
	cacheContent();
	$( "contentCache" ).style.display = "none";
	$( "main" ).style.display = "none";
	$( "nav" ).style.display = "none";
	htmlbody.style.visibility = "visible";
	//setProgressbar();
	preloadCallback();

	var _gb = new GlassBox();
	/*var str = "Current version is " + _gb.version + " (" + _gb.last_mod + ") <br/>";
	str    += "<span style='font-size: smaller;color:#666;'>[" + _gb.version_comment + "]</span>";
	$('version').innerHTML = $('version2').innerHTML = str;*/
	$('version').innerHTML = $('version2').innerHTML = _ver;
}

Event.observe(window, 'load', function() {
    Event.observe(document, 'keypress', function(e) {
        if (!e) var e = window.event;
		if (e.keyCode) var code = e.keyCode;
		else if (e.which) var code = e.which;
		var character = String.fromCharCode(code);
		//alert(character);
		//alert(e.keyCode);
		if ( parseInt(character) >= 1
			&& parseInt(character) <= 9 ) {
			go2page( parseInt(character) );
		} else if ( character == "p" ) {
			//printVersion();
		} else if ( character == "(" || character == "&" ) {
			$( 'main' ).childNodes[5].childNodes[0].focus();
		} else if ( character == "'" && pagenum <= 8) {
			// right key
			go2page(pagenum+1);
		} else if ( character == "%" && pagenum >= 2) {
			// left key
			go2page(pagenum-1);
		}
    });
});