$(document).ready(function() {
						
	
	$('.error').hide();

	$("#contactLink").click(function(){
		if ($("#contactForm").is(":hidden")){
			$("#contactForm").slideDown("slow", function(){
			
			});
		}
		else{
			$("#contactForm").slideUp("slow", function(){
				
			});
		}
	});
	
	$("#sendMail").click(function(){
	
		$('.error').hide();  
		var name = $("#name").val();  
		if (name == "")
		{  
			$("#name_error").show();  
			$("#name").focus();  
			return false;  
		}
		
		$('.error').hide();  
		var mail = $("#mail").val();  
		if (mail == "")
		{  
			$("#mail_error").show();  
			$("#mail").focus();  
			return false;  
		}
		
		$('.error').hide();  
		var message = $("#message").val();  
		if (message == "")
		{  
			$("#message_error").show();  
			$("#message").focus();  
			return false;  
		}
		
		var dataString = 'name='+ name + '&mail='+ mail + '&message=' + message;

  		$.ajax({
    		type: "POST",
    		url: "http://www.solar-logix.com/wordpress/",
    		data: dataString,
    		success: function(){
    			closeForm();
    			}
			});
		return false;
	});


//Slider
						   
	//Set Default State of each portfolio piece
	$(".paging").hide();
	$(".paging a:first").addClass("active");
		
	//Get size of images, how many there are, then determin the size of the image reel.
	var imageWidth = $(".window").width();
	var imageSum = $(".image_reel img").size();
	var imageReelWidth = imageWidth * imageSum;
	
	//Adjust the image reel to its new size
	$(".image_reel").css({'width' : imageReelWidth});
	
	//Paging + 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
		}, 900 );
		
	}; 
	
	//Rotation + Timing Event
	rotateSwitch = function(){		
		play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
			$active = $('.paging a.active').next();
			if ( $active.length === 0) { //If paging reaches the end...
				$active = $('.paging a:first'); //go back to first
			}
			rotate(); //Trigger the paging and slider function
		}, 7000); //Timer speed in milliseconds (3 seconds)
	};
	
	rotateSwitch(); //Run function on launch
	
	//On Hover
	$(".image_reel a").hover(function() {
		clearInterval(play); //Stop the rotation
	}, function() {
		rotateSwitch(); //Resume rotation
	});	
	
	//On Click
	$(".paging a").click(function() {	
		$active = $(this); //Activate the clicked paging
		//Reset Timer
		clearInterval(play); //Stop the rotation
		rotate(); //Trigger rotation immediately
		rotateSwitch(); // Resume rotation
		return false; //Prevent browser jump to link anchor
	});	
	


	
});


function closeForm(){
	$("#messageSent").show("slow");
	setTimeout('$("#messageSent").hide();$("#contactForm").slideUp("slow"); $("#name").val(""); $("#mail").val(""); $("#message").val("")', 2000);
}