$(document).ready(function() {

	//Navigation
	$("#logo a").click(function() {
		$("#work_wrap").animate({left: "960" }, 500, function() { $(this).empty(); });
		$("#content").animate({top: "0" }, 500);
		return false;
	});
	$("#menu li a.who").click(function() {
		$("#work_wrap").animate({left: "960" }, 500, function() { $(this).empty(); });
		$("#content").animate({top: "-330" }, 500);
		return false;
	});
	$("#menu li a.what").click(function() {
		$("#work_wrap").animate({left: "960" }, 500, function() { $(this).empty(); });
		$("#content").animate({top: "330" }, 500);
		return false;
	});
	$("#menu li a.new").click(function() {
		$("#work_wrap").animate({left: "960" }, 500, function() { $(this).empty(); });
		$("#content").animate({top: "-660" }, 500);
		return false;
	});
	$("#menu li a.clients").click(function() {
		$("#work_wrap").animate({left: "960" }, 500, function() { $(this).empty(); });
		$("#content").animate({top: "-990" }, 500);
		return false;
	});
	
	$('#grid').children().hover(function() { 
    	$(this).siblings().stop().fadeTo(500,0.5);
    }, function() { 
    	$(this).siblings().stop().fadeTo(200,1); 
  	});
	
	//Work Buttons
	$("#grid li a").click(function() {
		
		var toLoad = '/work/' + $(this).attr('class')+ '.php';
		
        $('#work_wrap').load(toLoad,'', function() { $(this).animate({left: "0" }, 500); })
    	return false;
    
	});
	
	//Client Buttons
	$("#clients li a").click(function() {
		
		var clientsToLoad = $(this).attr('href');
		
        $('#work_wrap').load(clientsToLoad,'', function() { $(this).animate({left: "0" }, 500); })
    	return false;
    
	});

	
});