var menus = new Array();
var fadeInTimer = new Array();
var browser=navigator.appName;
var b_version=navigator.appVersion;
var version=parseFloat(b_version);
var badBrowser = false;
if (browser == "Microsoft Internet Explorer" && version < 5){
	badBrowser = true;
}
var webkit = false;
if(navigator.userAgent.toLowerCase().search("webkit") != -1){
	webkit = true;
}
function openArticle(id){
	document.getElementById("slideshowContent").style.opacity = 1;
	document.getElementById("slideshowContent").style.visibility = "visible";
	document.getElementById("fadeBg").style.visibility = "visible";
	document.getElementById("fadeBg").style.display = "block";
	var scrOfY = 0;
	if( typeof( window.pageYOffset ) == 'number' ) {
		//Netscape compliant
		scrOfY = window.pageYOffset;
	} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
		//DOM compliant
		scrOfY = document.body.scrollTop;
	} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
		//IE6 standards compliant mode
		scrOfY = document.documentElement.scrollTop;
	}
	
	document.getElementById("slideshowContent").style.top = scrOfY + 50 + "px";
	
	var page_request = false;
	if (window.XMLHttpRequest) { // if Mozilla, Safari etc
		page_request = new XMLHttpRequest()
	}
	else if (window.ActiveXObject) { // if IE
		try {
			page_request = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e){
			try {
				page_request = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){}
		}
	}
	else {
		return false;
	}
	page_request.onreadystatechange=function() {
		loadPage(page_request, "slideshowContent");
	}
	page_request.open('GET', "slideshowhandler.lasso?id="+id, true);
	page_request.send(null);
}

function loadPage(page_request, containerId){
    //error messages
	if (page_request.status!=200) {
		switch (page_request.status) {
			case 0:
				document.getElementById(containerId).innerHTML="<center>An error occurred!<br><b>You are not connected to the Internet.</b>"
			break;
			
			case 204:
				document.getElementById(containerId).innerHTML="<center>An error occurred!<br><b>The page lacks content.</b></center>";
			break;
				
			case 301:
				document.getElementById(containerId).innerHTML="<center>An error occurred<br><b>The page has been moved.</b></center>";
			break;
			
			case 401:
				document.getElementById(containerId).innerHTML="<center>An error occurred!<br><b>You do not have permission to view this page.</b></center>";
			break;
			
			case 403:
				document.getElementById(containerId).innerHTML="<center>An error occurred!<br><b>The server rejected the connection.</b></center>";
			break;
			
			case 404:
				document.getElementById(containerId).innerHTML="<center>An error occurred!<br><b>The page does not exist.</b></center>";
			break;
			
			case 408:
				document.getElementById(containerId).innerHTML="<center>An error occurred!<br><b>The connection timed out.</b></center>";
			break;
			
			case 500:
				document.getElementById(containerId).innerHTML="<center>An error occurred!<br><b>The server is not working as it should.</b></center>";
			break;
			
			default:
				document.getElementById(containerId).innerHTML="<center>An error occurred!<br><b>Unspecified error. (error code "+page_request.status+")</b></center>";
		}
		document.getElementById("slideshowContent").style.opacity = 0;
		fadeInContent("slideshowContent",0,"slideshowContentTimer");
	}
	if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)) {
		document.getElementById("slideshowContent").style.opacity = 0;
		document.getElementById(containerId).innerHTML=page_request.responseText;
		fadeInContent("slideshowContent",0,"slideshowContentTimer");
	}
}


function fadeInContent(obj,val,timerId){
	try{
		document.getElementById("slideshowContent").style.webkitTransform = 'scale(1) rotate(0deg)';
		document.getElementById("slideshowContent").style.MozTransform = 'scale(1) rotate(0deg)';
		document.getElementById("slideshowContent").style.transform = 'scale(1) rotate(0deg)';
	}catch(e){}
	clearTimeout(fadeInTimer[timerId]);
	if (val < 100){
		val += 20;
		document.getElementById(obj).style.opacity = val/100;
		fadeInTimer[timerId] = setTimeout("fadeInContent(\""+obj+"\","+val+",\""+timerId+"\")",30);
	}else {
		document.getElementById(obj).style.opacity = 1;
	}
				
}

function closeArticle(){
	document.getElementById('slideshowContent').style.visibility = 'hidden';
	document.getElementById('slideshowContent').innerHTML = '';
	document.getElementById('fadeBg').style.visibility = 'hidden';
	if(webkit == true){
		document.getElementById("slideshowContent").style.webkitTransform = 'scale(1.1) rotate(-5deg)';
	}
}

function openMenu(id){
	if(badBrowser == true){
		var exists = false;
		for(x in menus){
			if(menus[x] != id){
				document.getElementById(menus[x]+"Menu").style.display="none";
			}else {
				if(document.getElementById(menus[x]+"Menu").style.display=="block"){
					document.getElementById(menus[x]+"Menu").style.display="none";
				}else{
					document.getElementById(menus[x]+"Menu").style.display="block";
				}
				exists = true;
			}
		}
		if(exists == false){
			document.getElementById(id+"Menu").style.display="block";
			menus.push(id);
		}
	}
}

function closeAllMenus(){
	for(x in menus){
		document.getElementById(menus[x]+"Menu").style.display="none";
	}
}