$(function() {

	$(".photo-row a").click( function() {
		MoveTo(this);
		return false;
	});

	$("#back, #next").click( function() {
		var direction = $(this).attr("id");
		Move(direction);
		return false;
	});

});

function GetProjectImage(img_id) {
	var src = $("#"+img_id).attr("href");
	var params = $("#"+img_id+" img").attr("alt").split("|");
	if( src ) {
		$("#img").attr("src", src);
		$("#desc em").html(params[0]);
		var new_width = (eval(params[1]) + 40);
		var new_height = params[2];
		var style = "width:"+new_width+"px; height:"+new_height+"px;";
		$("#photo-wrapper").attr("style", style);
	} else {
		return false;
	}
}

function MoveTo(info) {
	var id = $(info).attr("id");
	$(info).addClass("here");
	GetProjectImage(id);
	$(".photo-row a").not("#"+id).each(function() {
		$(this).removeClass("here");
	});
}

function Move(direction) {
	var curr = $(".photo-row .here");
	var back = $(curr).prev("a");
	var next = $(curr).next("a");

	if( (direction == "back" && curr.hasClass("first")) || (direction == "next" && curr.hasClass("last")) ) {
		return false;
	} else {
		if( direction == "back" ) {
			MoveTo(back);
		} else if( direction == "next" ) {
			MoveTo(next);
		} else {
			return false;
		}
	}
}