function info(num)
{
	$("#project_name, #services_two,#visit").fadeOut('fast',function(){
		setTimeout("setHtml("+num+")", 500);
	});
}

function setHtml(num)
{
	p = $(".work_one."+num).html();
	i = $(".work_two."+num).html();
	v = $(".visit_site."+num).html();
	
	$("#project_name").html(p).fadeIn('slow');
	$("#services_two").html(i).fadeIn('slow');
	if( v != '' ) $("#visit").attr('href',v).fadeIn('slow');
}


$(function(){

	$('.head').click(function(){
		id = $(this).attr('id');
		
		$(".sub:not('."+id+"')").slideUp();
		
		$('.'+id).slideToggle();
	});

	//validate the form
	$("#contact_form").validate();
	
	$('.contact_link').click(function(){
		$("#contact").click();
	});
	
	$("a.link").click(function(e){
		e.preventDefault();
		id = $(this).attr('id');
		
		$(".main, #shadow").fadeOut('fast');
		
		new_id = "#" + id + "_div";
		$(new_id).delay(600).fadeIn('slow');
	});
	
	var p_count = 1;


	$("#work").click(function(){
		div = ".piece." + p_count;
		div_class = "piece " + p_count;
		$(div).fadeIn();
		
		//fade in the info
		info(p_count);
		
		last_div = $("#p_holder div.piece:last").attr('class');
		first_div = $("#p_holder div.piece:first").attr('class');
		
		if( last_div != div_class ) $("#next").fadeIn();
		if( first_div != div_class ) $("#previous").fadeIn();
		
		$("#shadow").fadeIn(1500);
	});
	
	$("#next").click(function(){
		
		$("#shadow").fadeOut('fast');
	
		//piece
		p_count++;
		 
		div_class = "piece " + p_count;
		
		//fade in the info
		info(p_count);
		
		last_div = $("#p_holder div.piece:last").attr('class');
		first_div = $("#p_holder div.piece:first").attr('class');

		if( last_div == div_class ) $("#next").fadeOut();
		$("#previous").fadeIn();
		
		$("#p_holder").animate({
		    marginLeft: '-=730'
		  }, 1000, function() {
		    // Animation complete.
		  });

		  $("#shadow").fadeIn(1500);
		  		  
	});
	
	
	$("#previous").click(function(){
		 $("#shadow").fadeOut('fast');
		 
		 p_count--;
		 
		 //fade in the info
		 info(p_count);
		
		 div_class = "piece " + p_count;
		
		last_div = $("#p_holder div.piece:last").attr('class');
		first_div = $("#p_holder div.piece:first").attr('class');

		$("#next").fadeIn();
		if( first_div == div_class ) $("#previous").fadeOut();
		
		$("#p_holder").animate({
		    //left: '+=730',
		    marginLeft: '+=730'
		  }, 1000, function() {
		    // Animation complete.
		  });
		  
		  $("#shadow").fadeIn(1500);
		  		  
	});

	
	$("input, textarea").focus(function(){
		$(this).css('border','1px solid #333').css('background','url(images/white80.png) repeat');
	});
	
	$("input, textarea").blur(function(){
		$(this).css('border','1px solid #666').css('background','url(images/black20.png) repeat').css('color','#333');
	});
	
});