// Menu ----->

var selected = false;
var selectedSub = false;

function selectMenu(id) {
	if (selected != id) {
		if (selected) {
			unselectMenu(selected);
		}
		$(id).className = "selected";
		Element.display(id+'-sub');
		selected = id;
	}
	else {
		unselectMenu(id);
	}
}

function unselectMenu(id) {
	$(id).className = "";
	Element.hide(id+'-sub');
	selected = false;
}


// Project Slideshow ----->

function show_image(img) {
	Effect.Fade('project-image', {duration: 0.25, afterFinish: function() {
		$('project-image').src = proj_images[img].src;
		Effect.Appear('project-image', {duration: 0.25});
		}
	});
	selectedImg = "img_" + img;
	$("project-number").innerHTML = "[" + (img + 1) + "/" + proj_images.length + "]";
	$("project-title").innerHTML = proj_images[img].title;
}

function show_next() {
	var imgNum = selectedImg.substring(4);
	var next = parseInt(imgNum) + 1;
	next = (next < proj_images.length) ? next : 0;
	show_image(next);
}

function show_prev() {
	var imgNum = selectedImg.substring(4);
	var prev = parseInt(imgNum) - 1;
	prev = (prev >= 0) ? prev : (proj_images.length-1);
	show_image(prev);
}