function loadUI() {
	
	setOpacities();
	
	var logo = document.getElementById("logoHover");
	logo.setAttribute("style", "opacity: 0.1;")
	if (logo.style.setAttribute) { //For IE
		logo.style.setAttribute("filter", "alpha(opacity=10);");
	}
	
	//if (document.getElementById('rightStrip')) { fadeRight("rightStrip"); }
	//fadeLeft("leftStrip");
	Effect.Appear("navContent");
}

function setOpacities() {
	var elems = document.getElementsByClassName("jsFade");

	for (var i=0; i<elems.length; i++) {
		var oe = elems[i];
		oe.setAttribute("style", "opacity: 0.6;")
		if (oe.style.setAttribute) { //For IE
			oe.style.setAttribute("filter", "alpha(opacity=60);");
		}
	}	
}

function loadPage() {
	Effect.Appear("content");	
}

var page = "";

function openPage(id) {
	page = id;
	
	Effect.BlindDown("pageLoading", { duration: 0.1 });
	var req = "";
	
	var xmlHTTP = new XMLHttpRequest();
	xmlHTTP.open("POST", "/" + id + ".php", true);
	
	if (id != "") {
		sendPostReq(xmlHTTP, req);
	}
	//document.getElementById("fullScreen").innerHTML = loading;
	//Effect.Appear("fullScreen", { duration: 0.3 });
	
	xmlHTTP.onreadystatechange = function(){
		if (xmlHTTP.readyState == 4) {
			document.getElementById("content").innerHTML = xmlHTTP.responseText;
			loadPage();
			return true;	
		}
	};
}

function sendPostReq(xmlHTTP, req) {
	xmlHTTP.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	xmlHTTP.setRequestHeader("Content-length", req.length);
	xmlHTTP.setRequestHeader("Connection", "close");
	xmlHTTP.send(req);	
}


function morphNav(fade) {
	if (fade) {
		$('navLinks').morph('width:300px');
		var t = setTimeout("$('navLinks').morph('opacity:1')", 1000);
	}
	else {
		document.getElementById('navLinks').style.width = "321px";
		document.getElementById('navLinks').style.opacity = 1;
		document.getElementById('navLinks').style.display = true;
	}
}

if (page == "") {
	loadPage();	
}

var projectID = 0;
function loadPortfolio() {
	var url = document.location.href;
	var id = url.substr(url.indexOf('#')+1);
	//alert(id);
	if (id.length > 1 && !isNaN(id)) {
		prev = projectID;
		showFullView(id);
	}
	else {
		projectID = 0;
		//closeFullView();	
	}
}

function run() {
	if (prev != projectID) {
		var url = document.location.href;
		var newID = url.substr(url.indexOf('#')+1);	
		
		if (newID != projectID && newID.length > 1) {
			showFullView(newID);	
		}
	}
	return setTimeout(run(), 500);	
}

loadUI(); // Take care of fade links, show the content, etc.
loadPortfolio();

//Event.observe(window, 'load', function() { loadPortfolio() });
//Event.observe(window, 'unload', function() { closePage() });