window.onload = function () {
	var container = (document.getElementById('recent_projects') ? document.getElementById('recent_projects') : (document.getElementById('overview_projects') ? document.getElementById('overview_projects') : false));
	
	if (container) {
		var elements = container.getElementsByTagName('a');
		for (i = 0; i < elements.length; i++) {
			//elements[i].parentNode.className = "project";
			elements[i].onmousemove = function () { this.parentNode.className = this.parentNode.className.replace(" highlighted", ""); this.parentNode.className += " highlighted"; };
			elements[i].onmouseout = function () { this.parentNode.className = this.parentNode.className.replace(" highlighted", ""); };
		}
	}
	
	if (document.getElementById('main_image')) {
		tmpImage = document.createElement('img');
		tmpImage.style.display = "none";
		document.getElementById('content_container').appendChild(tmpImage);
		baseLocation = document.getElementById('main_image').src.substring(0, document.getElementById('main_image').src.length - 4) + "/";
	}
};

function changeProjectBackground(location) {
	currentItem = 1;
	if (timeout != null) {
		window.clearTimeout(timeout);
		timeout = null;
	}
	
	document.getElementById('main_image').src = location;
	document.getElementById('main_image').style.visibility = "hidden";
	document.getElementById('main_image').onload = function () { document.getElementById('main_image').style.visibility = "visible"; };
}

var currentItem = 1;
var timeout = null;
var baseLocation = "";

function startSlideshow() {
	currentItem = 1;
	document.getElementById('main_image').onload = slideImageLoaded;
	
	slideShowNextImage();
}

function slideShowNextImage() {
	var count = document.getElementById('content_container').getElementsByTagName('div')[1].getElementsByTagName('img').length;
	if (currentItem > count) {		
		if (timeout != null) {
			window.clearTimeout(timeout);
			timeout = null;
		}
		
		currentItem = 1;
		document.getElementById('main_image').src = baseLocation.substring(0, baseLocation.length - 1) + ".jpg";
		document.getElementById('main_image').style.visibility = "visible";
		document.getElementById('main_image').onload = null;		
	} else {
		currentItem++;
		var tmpRootLocation = baseLocation.split("/");
		var RootLocation = "";
		for (var i = 0; i < tmpRootLocation.length - 2; i++) {
			RootLocation += tmpRootLocation[i] + "/";
		}
		document.getElementById('main_image').src = (baseLocation + currentItem + ".jpg");
		document.getElementById('main_image').style.visibility = "hidden";
	}
}

function slideImageLoaded() {
	timeout = window.setTimeout(slideShowNextImage, 2500);
	document.getElementById('main_image').style.visibility = "visible";
}