$(document).ready(function(){
	
	// Contact Form //
    $(".contact form").submit(function() {
       
       error = false;
       $(".required").each(function(i) {
          if ($(this).attr("name") == 'message') {
              if ($(this).val() == '') {
                  error = true;
                  $(this).addClass("error");
              } else {
                  $(this).removeClass("error");
              }
          } else if ($(this).val() == $(this).attr("name")) {
                    error = true;
                    $(this).addClass("error");
                } else if($(this).val() == '') {
                    error = true;
                    $(this).addClass("error");
                } else {
                    $(this).removeClass("error");
                }
       });
        
        if ( error ) {
            return false;
        } else {
            $(this).hide('200');
            $("#msg").html("").append('<br /><img src="/wp-content/themes/seolab/images/loading.gif" />').show();
            
            $.post("/wp-content/themes/seolab/email.php", {
                name: $('#name').val(),
                email: $('#email').val(),
                company: $('#web').val(),
                message: $('#message').val(),
                submit: "true"
            }, function(data) {
                $("#msg").hide().html(data).show("100");
            });
            return false;
        }
        
    });
    
    $(".contact form input, .contact form textarea").focus(function() {
        if($(this).val() == $(this).attr("rel")) {
            $(this).val("");
        }
    }).blur(function() {
        if ($(this).val() == '') {
            $(this).val($(this).attr("rel"));
        }
    });
    
    $(".contact .form_back").live("click", function() {
        $(".contact #msg").hide();
        $(".contact form").show("300");
        return false;
    });
    
	//Show the paging and activate its first link
	$(".paging").show();
	$(".paging a:first").addClass("active");

	//Get size of the image, how many images there are, then determin the size of the image reel.
	var imageWidth = $(".window").width();
	var imageSum = $(".image").size();
	var imageReelWidth = imageWidth * imageSum;

	//Adjust the image reel to its new size
	$(".image_reel").css({'width' : imageReelWidth});
	
	//Paging  and Slider Function
	rotate = function(){
    var triggerID = $active.attr("rel") - 1; //Get number of times to slide
    var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide

    $(".paging a").removeClass('active'); //Remove all active class
    $active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)

    //Slider Animation
    $(".image_reel").animate({
        left: -image_reelPosition
    }, 500 );

};
  
//Rotation  and Timing Event
rotateSwitch = function(){
    play = setInterval(function(){ //Set timer - this will repeat itself every 7 seconds
        $active = $('.paging a.active').next('.paging a'); //Move to the next paging
        if ( $active.length === 0) { //If paging reaches the end...
            $active = $('.paging a:first'); //go back to first
        }
        rotate(); //Trigger the paging and slider function
		 
    }, 6000); //Timer speed in milliseconds (7 seconds)
};

rotateSwitch(); //Run function on launch  
	
});

/* Slider */
    

          		

    
    	
    /* Fine Slider */