$(document).ready(function() {


	$("a.portfolioBtn1").css('backgroundColor', '#cfcfcf');
	$("a.portfolioBtn").css('backgroundColor', '#cfcfcf');
	
	
$("a.portfolioBtn1").click(function() {
	$("#portfoliostrip").animate({left: "0px"});
	$(".itemDescription").toggle();
	$(".itemDescription").slideDown();
	$(".buttons a").css('backgroundColor', '#e6e6e6');
	$("a.portfolioBtn").css('backgroundColor', '#cfcfcf');
	$(this).css('backgroundColor', '#cfcfcf');
});
$("a.portfolioBtn2").click(function() {
	$("#portfoliostrip").animate({left: "-730px"});
	$(".itemDescription").toggle();
	$(".itemDescription").slideDown();
	$(".buttons a").css('backgroundColor', '#e6e6e6');
	$("a.portfolioBtn").css('backgroundColor', '#cfcfcf');
	$(this).css('backgroundColor', '#cfcfcf');
});
$("a.portfolioBtn3").click(function() {
	$("#portfoliostrip").animate({left: "-1460px"});
	$(".itemDescription").toggle();
	$(".itemDescription").slideDown();
	$(".buttons a").css('backgroundColor', '#e6e6e6');
	$("a.portfolioBtn").css('backgroundColor', '#cfcfcf');
	$(this).css('backgroundColor', '#cfcfcf');
});
$("a.portfolioBtn4").click(function() {
	$("#portfoliostrip").animate({left: "-2190px"});
	$(".itemDescription").toggle();
	$(".itemDescription").slideDown();
	$(".buttons a").css('backgroundColor', '#e6e6e6');
	$("a.portfolioBtn").css('backgroundColor', '#cfcfcf');
	$(this).css('backgroundColor', '#cfcfcf');
});
$("a.portfolioBtn5").click(function() {
	$("#portfoliostrip").animate({left: "-2920px"});
	$(".itemDescription").toggle();
	$(".itemDescription").slideDown();
	$(".buttons a").css('backgroundColor', '#e6e6e6');
	$("a.portfolioBtn").css('backgroundColor', '#cfcfcf');
	$(this).css('backgroundColor', '#cfcfcf');
});
$("a.portfolioBtn6").click(function() {
	$("#portfoliostrip").animate({left: "-3650px"});
	$(".itemDescription").toggle();
	$(".itemDescription").slideDown();
	$(".buttons a").css('backgroundColor', '#e6e6e6');
	$("a.portfolioBtn").css('backgroundColor', '#cfcfcf');
	$(this).css('backgroundColor', '#cfcfcf');
});


$("a.portfolioBtn").click(function() {
	$("#contact").hide();
	$("#about").hide();
	$("#portfolio").fadeIn();
	$(".buttons .left").fadeIn();
	$(".buttons a").css('backgroundColor', '#e6e6e6');
	$("a.portfolioBtn").css('backgroundColor', '#cfcfcf');
	$("a.portfolioBtn1").css('backgroundColor', '#cfcfcf');
	$(this).css('backgroundColor', '#cfcfcf');
	$("#portfoliostrip").animate({left: "0px"});
});
$("a.aboutBtn").click(function() {
	$("#contact").hide();
	$("#portfolio").hide();
	$("#about").fadeIn();
	$(".buttons .left").fadeOut();
	$(".buttons a").css('backgroundColor', '#e6e6e6');
	$(this).css('backgroundColor', '#cfcfcf');
	$("#portfoliostrip").animate({left: "0px"});
});
$("a.contactBtn").click(function() {
	$("#about").hide();
	$("#portfolio").hide();
	$("#contact").fadeIn();
	$(".buttons .left").fadeOut();
	$(".buttons a").css('backgroundColor', '#e6e6e6');
	$(this).css('backgroundColor', '#cfcfcf');
	$("#portfoliostrip").animate({left: "0px"});
});
});

function submitContact()
{
	var name = $('#name').val();
	var email = $('#email').val();
	var website = $('#website').val();
	var message = $('#message').val();
	
	$.post(
		"/contact.php",
		{
			name: name,
			email: email,
			website: website,
			message: message
		},
		function(value)
		{
			$('#contact_form').slideUp('slow', function()
			{
				$('#contact_success').html(value).slideDown('slow');
			});			
			
		}
	);
}