// JavaScript Document

$("#head").click(function(){
 $("#featured").animate({"left": "0px"},600, "swing");		 
  $("#arrowBox").animate({"top": "-200px"},200, "swing");
  $("#block1").animate({"left": "650px"},600, "swing");
  $("#block2").animate({"left": "1300px"},600, "swing");
  $("#block3").animate({"left": "1950px"},600, "swing");
  $("#block4").animate({"left": "2600px"},600, "swing");
  $("#block5").animate({"left": "3250px"},600, "swing");
});

$("#web").click(function(){
  $("#arrowBox").animate({"top": "130px"},200, "swing");
  $("#featured").animate({"left": "-650px"},600, "swing");		 
  $("#block1").animate({"left": "0px"},600, "swing");
  $("#block2").animate({"left": "650px"},600, "swing");
  $("#block3").animate({"left": "1300px"},600, "swing");
  $("#block4").animate({"left": "1950px"},600, "swing");
  $("#block5").animate({"left": "2600px"},600, "swing");
});


$("#iphone").click(function(){
  $("#arrowBox").animate({"top": "175px"},200, "swing");
  $("#featured").animate({"left": "-1300px"},600, "swing");
  $("#block1").animate({"left": "-650px"},600, "swing");
  $("#block2").animate({"left": "0px"},600, "swing");
  $("#block3").animate({"left": "650px"},600, "swing");
  $("#block4").animate({"left": "1300px"},600, "swing");
  $("#block5").animate({"left": "1950px"},600, "swing");
});
$("#print").click(function(){
  $("#arrowBox").animate({"top": "240px"},200, "swing");
  $("#featured").animate({"left": "-1950px"},200, "swing");
  $("#block1").animate({"left": "-1300px"},600, "swing");
  $("#block2").animate({"left": "-650px"},600, "swing");
  $("#block3").animate({"left": "0px"},600, "swing");
  $("#block4").animate({"left": "650px"},600, "swing");
  $("#block5").animate({"left": "1300px"},600, "swing");
});
$("#skitch").click(function(){
$("#featured").animate({"left": "-2600px"},600, "swing");
  $("#arrowBox").animate({"top": "310px"},200, "swing");		
  $("#block1").animate({"left": "-1950px"},600, "swing");
  $("#block2").animate({"left": "-1300px"},600, "swing");
  $("#block3").animate({"left": "-650px"},600, "swing");
  $("#block4").animate({"left": "0px"},600, "swing");
  $("#block5").animate({"left": "650px"},600, "swing");
});
$("#links").click(function(){
	$("#featured").animate({"left": "-3250px"},600, "swing");					   
  $("#arrowBox").animate({"top": "344px"},200, "swing");
  $("#block1").animate({"left": "-2600px"},600, "swing");
  $("#block2").animate({"left": "-1950px"},600, "swing");
  $("#block3").animate({"left": "-1300px"},600, "swing");
  $("#block4").animate({"left": "-650px"},600, "swing");
  $("#block5").animate({"left": "0px"},600, "swing");
});
function web()
{
   $("#arrowBox").animate({"top": "130px"},200, "swing");
  $("#featured").animate({"left": "-650px"},600, "swing");		 
  $("#block1").animate({"left": "0px"},600, "swing");
  $("#block2").animate({"left": "650px"},600, "swing");
  $("#block3").animate({"left": "1300px"},600, "swing");
  $("#block4").animate({"left": "1950px"},600, "swing");
  $("#block5").animate({"left": "2600px"},600, "swing");
}
function iphone()
{
  $("#arrowBox").animate({"top": "175px"},200, "swing");
  $("#featured").animate({"left": "-1300px"},600, "swing");
  $("#block1").animate({"left": "-650px"},600, "swing");
  $("#block2").animate({"left": "0px"},600, "swing");
  $("#block3").animate({"left": "650px"},600, "swing");
  $("#block4").animate({"left": "1300px"},600, "swing");
  $("#block5").animate({"left": "1950px"},600, "swing");
}
function graphic()
{
	$("#arrowBox").animate({"top": "220px"},200, "swing");
$("#featured").animate({"left": "-1950px"},200, "swing");
  $("#block1").animate({"left": "-1300px"},600, "swing");
  $("#block2").animate({"left": "-650px"},600, "swing");
  $("#block3").animate({"left": "0px"},600, "swing");
  $("#block4").animate({"left": "650px"},600, "swing");
  $("#block5").animate({"left": "1300px"},600, "swing");
}
function thoughts()
{
	$("#arrowBox").animate({"top": "310px"},200, "swing");
$("#featured").animate({"left": "-2600px"},600, "swing");		
  $("#block1").animate({"left": "-1950px"},600, "swing");
  $("#block2").animate({"left": "-1300px"},600, "swing");
  $("#block3").animate({"left": "-650px"},600, "swing");
  $("#block4").animate({"left": "0px"},600, "swing");
  $("#block5").animate({"left": "650px"},600, "swing");
}
function links()
{
	 $("#arrowBox").animate({"top": "344px"},200, "swing");
	$("#featured").animate({"left": "-3250px"},600, "swing");					   
  $("#block1").animate({"left": "-2600px"},600, "swing");
  $("#block2").animate({"left": "-1950px"},600, "swing");
  $("#block3").animate({"left": "-1300px"},600, "swing");
  $("#block4").animate({"left": "-650px"},600, "swing");
  $("#block5").animate({"left": "0px"},600, "swing");
}
$("#tab").click(function(){
if($("#tabCont").offset().top =="-200")
{
    $("#tabCont").animate({"top": "-1px"},600, "swing");
}
else
{
	$("#tabCont").animate({"top": "-200px"},600, "swing");
}
	
});

$('#tabCont').mouseleave(function() {
$("#tabCont").animate({"top": "-200px"},600, "swing");
});