// JavaScript Document
var changePane;
$(document).ready(function() {
	$(".portfolio_nav").mouseover(function() {
		var $img = $(this).find("img");
		var imgSrc = $img.attr("src");
		$img.attr("src", imgSrc.replace("Out", "Over"));
	}); // .portfolio_nav.mouseover
	$(".portfolio_nav").mouseout(function() {
		var $img = $(this).find("img");
		var imgSrc = $img.attr("src");
		$img.attr("src", imgSrc.replace("Over", "Out"));
	}); // .portfolio_nav.mouseout
	
	var $preview_panes = $(".preview_pane");
	var currentPane = 0;
	var portfolio_t;
	changePane = function(dir) {
		
		$preview_panes.hide();
		currentPane = currentPane + dir;
		if (currentPane === $preview_panes.length) { currentPane = 0; }
		else if (currentPane < 0) { currentPane = $preview_panes.length - 1; }
		$preview_panes.eq(currentPane).show();
		portfolio_t = setTimeout("changePane(1)", 3000);
	}; // changePane
	$("#portfolio_prev").click(function() {
		clearTimeout(portfolio_t);
		changePane(-1);
	}); // #portfolio_prev.click
	$("#portfolio_next").click(function() {
		clearTimeout(portfolio_t);
		changePane(1);
	}); // #portfolio_next.click
	
	changePane(currentPane);
}); // document.ready