$(document).ready(function(){

	var media_count = $("#showCase .media").length;
	$(".projectNav span.count span.total").text(media_count);

	$(".backForth a.back").click(function() {
		$(this).blur();
		$(".media:visible")
			.addClass('invisible')
			.prev(".media").removeClass('invisible');
		// setting the media count (eg. "2/6")
		var current_media = parseInt($(".projectNav span.count span.current").text());
		$(".projectNav span.count span.current").text(current_media-1)
		// enabling forth control
		$(".backForth a.forth").show();
		$(".backForth span.forth").hide();
		// if we're at the beginning back control needs to be disabled
		if($(".media:visible").prev(".media").length == 0) {
			$(".backForth a.back").hide();
			$(".backForth span.back").show();
		}
		return false;
	});
	
	$(".backForth a.forth").click(function() {
		$(this).blur();
		// if we're at the end we show the first media div next
		if($(".media:visible").next(".media").length == 0) {
			$(".media:visible").addClass('invisible');
			$(".media:first").removeClass('invisible');
			// setting the media count (eg. "2/6")
			$(".projectNav span.count span.current").text('1');
			// disabling back control
			$(".backForth a.back").hide();
			$(".backForth span.back").show();
		} else {
			$(".media:visible")
				.addClass('invisible')
				.next(".media").removeClass('invisible');
			// setting the media count (eg. "2/6")
			var current_media = parseInt($(".projectNav span.count span.current").text());
			$(".projectNav span.count span.current").text(current_media+1)
			// enabling back control
			$(".backForth a.back").show();
			$(".backForth span.back").hide();
		}
		return false;
	});


});