$(document).ready(function() {
	
	var width = $("#change a").width();
	var count = $("#change a").length;
	$("#change").css('width',(width+5)*count);
	
	var speed = 400;
	
	$("#project_wrap").mouseenter(function() {
		
    	$("#project_menu").fadeTo(speed, 1);
    	$("#project_menu").dequeue();
  	});
  	
  	$("#project_wrap").mouseleave(function() {
  		
    	$("#project_menu").fadeTo(speed, 0);
    	$("#project_menu").dequeue();
  	});
  	
	$("#change a").click(function() {
		var object = $(this);
		changeproject(object);  			
	});			
	
	changeproject = function(object){
		$("#change a").removeClass('active');
		$(object).addClass('active');
		var triggerID = "#"+$(object).attr("rel");
		$("#projects").find("*").fadeTo(speed, 0);
		$("#projects").find("div").css('display', "none");
		$("#projects").find(triggerID).css('display', "block");
		$("#projects").find(triggerID).fadeTo(speed, 1);
	}; 
	
	
	setup = function(){
		$("#project_menu").css('display', "block");
		$("#project_menu").fadeTo(1, 0);
		$("#projects").find("div").fadeTo(1, 0);
		$("#projects").find("div").css('display', "none");
		$("#projects div:first").css('display', "block");
		$("#projects div:first").fadeTo(1, 1);
	}; 	
	
	setup();
	
	$("#project_menu #back").click (function() {			
		var num = $("#change a.active").prev();
		if ( num.length == 0) {
			num = $('#change a:last');
		}
		changeproject(num);
	});		
	
	$("#project_menu #forward").click (function() {
		var num = $("#change a.active").next();
		if ( num.length == 0) {
			num = $('#change a:first');
		}
		changeproject(num);
	});		
});