$(document).ready(function() {

var activeColor = '#c9c9c9';
var inactiveColor = '#e6e6e6';

	$("a.portfolioBtn1").css('backgroundColor', activeColor);
	$("a.homeBtn").css('backgroundColor', activeColor);
	
	
$("a.portfolioBtn1").click(function() {
	$("#portfoliostrip").animate({left: "0px"});
	$(".buttons a").css('backgroundColor', inactiveColor);
	$("a.portfolioBtn").css('backgroundColor', activeColor);
	$(this).css('backgroundColor', activeColor);
});
$("a.portfolioBtn2").click(function() {
	$("#portfoliostrip").animate({left: "-730px"});
	$(".buttons a").css('backgroundColor', inactiveColor);
	$("a.portfolioBtn").css('backgroundColor', activeColor);
	$(this).css('backgroundColor', activeColor);
});
$("a.portfolioBtn3").click(function() {
	$("#portfoliostrip").animate({left: "-1460px"});
	$(".buttons a").css('backgroundColor', inactiveColor);
	$("a.portfolioBtn").css('backgroundColor', activeColor);
	$(this).css('backgroundColor', activeColor);
});
$("a.portfolioBtn4").click(function() {
	$("#portfoliostrip").animate({left: "-2190px"});
	$(".buttons a").css('backgroundColor', inactiveColor);
	$("a.portfolioBtn").css('backgroundColor', activeColor);
	$(this).css('backgroundColor', activeColor);
});
$("a.portfolioBtn5").click(function() {
	$("#portfoliostrip").animate({left: "-2920px"});
	$(".buttons a").css('backgroundColor', inactiveColor);
	$("a.portfolioBtn").css('backgroundColor', activeColor);
	$(this).css('backgroundColor', activeColor);
});
$("a.portfolioBtn6").click(function() {
	$("#portfoliostrip").animate({left: "-3650px"});
	$(".buttons a").css('backgroundColor', inactiveColor);
	$("a.portfolioBtn").css('backgroundColor', activeColor);
	$(this).css('backgroundColor', activeColor);
});
$("a.portfolioBtn7").click(function() {
	$("#portfoliostrip").animate({left: "-4380px"});
	$(".buttons a").css('backgroundColor', inactiveColor);
	$("a.portfolioBtn").css('backgroundColor', activeColor);
	$(this).css('backgroundColor', activeColor);
});
$("a.portfolioBtn8").click(function() {
	$("#portfoliostrip").animate({left: "-5110px"});
	$(".buttons a").css('backgroundColor', inactiveColor);
	$("a.portfolioBtn").css('backgroundColor', activeColor);
	$(this).css('backgroundColor', activeColor);
});
$("a.portfolioBtn9").click(function() {
	$("#portfoliostrip").animate({left: "-5840px"});
	$(".buttons a").css('backgroundColor', inactiveColor);
	$("a.portfolioBtn").css('backgroundColor', activeColor);
	$(this).css('backgroundColor', activeColor);
});


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