$(document).ready(function(){

$(".mainBackground > div").hide();
$(".mainSlogan").show();


$("#about").click(function(event){
						   
	$(".mainBackground > div").hide("slow");

  	$(".verticalAbout").show("slow");
	$(".aboutBox").show("slow", function(){
      $(this).css('opacity','0.95');
    });
 });


$("#strat").click(function(event){

	$(".mainBackground > div").hide("slow");

  	$(".verticalStrat").show("slow");
	$(".stratBox").show("slow", function(){
      $(this).css('opacity','0.95');
    });
 });


$("#contact").click(function(event){

	$(".mainBackground > div").hide("slow");

  	$(".verticalContact").show("slow");
	$(".contactBox").show("slow", function(){
      $(this).css('opacity','0.95');
    });
 });

$("#work").click(function(event){
						   
	$(".mainBackground > div").hide("slow");
	
  	$(".verticalWork").show("slow");
	$(".portBox").show("slow", function(){
 //     $(this).css('opacity','0.95');
    });
 });


$(".logo").click(function(event){
	
$(".mainBackground > div").hide();
	$(".mainSlogan").show();
	
	
	});


$('.rollover').hover(function() { 
       var currentImg = $(this).attr('src'); 
       $(this).attr('src', $(this).attr('hover')); 
        $(this).attr('hover', currentImg); 
    }, function() { 
var currentImg = $(this).attr('src'); 
        $(this).attr('src', $(this).attr('hover')); 
        $(this).attr('hover', currentImg); 
   }); 

$(".portCopy").hide();
$("#port1").show();

$("#portImg1").click(function(event){
	$(".portCopy").hide();	
	$("#port1").show();

 });


$("#portImg2").click(function(event){
	$(".portCopy").hide();	
	$("#port2").show();

 });

$("#portImg3").click(function(event){
	$(".portCopy").hide();
	$("#port3").show();

 });

$("#portImg4").click(function(event){
	$(".portCopy").hide();	
	$("#port4").show();

 });

$("#portImg5").click(function(event){
	$(".portCopy").hide();	
	$("#port5").show();

 });

$("#portImg6").click(function(event){
	$(".portCopy").hide();	
	$("#port6").show();

 });

$(".texta").focus(function(event){
	$(".texta").css('border','2px solid #CCCCCC');						 
	$(this).css('border','2px solid #8cc63f');
	
 });

$(".contactBox > div").focus(function(event){
	$(".texta").css('border','2px solid #CCCCCC');						 
	
 });

$('#commentForm').ajaxForm(function() { 
				$(".formContainer").html("Thank You.<p>Your contact info has been submitted!</p>")
               
}); 


});// JavaScript Document