function setActive(clicked){
	//take away all hovers
	for(var x = 1; x <= 3; x++){
		var elem = '.slide' + x + ' img';
		var currSrc = $(elem).attr('src');
		var check = currSrc.substr((currSrc.length - 10), currSrc.length);
		check = check.substr(0, check.length-4);
		
		//check if _hover exists in the source
		if(check == '_hover'){
			var newSrc = currSrc.substr(0, (currSrc.length - 10)) + currSrc.substr((currSrc.length - 4), currSrc.length);
			$(elem).attr('src', newSrc);
		}
	}
	
	//add _hover to the clicked element
	var clicked = clicked + ' img';
	var newSrc = $(clicked).attr('src');
	newSrc = newSrc.substr(0, newSrc.length-4) + '_hover' + newSrc.substr(newSrc.length-4, newSrc.length);
	//alert(newSrc);
	$(clicked).attr('src', newSrc);
}

var curSlide = 1;
function beforeScroll(){
	if(curSlide > 3)
		curSlide = 1;
	
	setActive('.slide' + curSlide);
	curSlide++;
}

$(document).ready(function() {	
	$('#slider-cont').cycle({ 
		startingSlide:		0 ,
		fx:				'fade', 
		timeout:			6000 ,
		speed:			'slow',
		before:			beforeScroll
	});
	
	/*	I wrote some rockin menu slider code, but client changed their mind. Sad, really.
		This code will now sit here commented out. Never living up to its full potential.
		
	$('.slide1').click(function(){
		$('#slider-cont').cycle(0);
		$('#slider-cont').cycle('pause');
		setActive('.slide1');
	});
	
	$('.slide2').click(function(){
		$('#slider-cont').cycle(1);
		$('#slider-cont').cycle('pause');
		setActive('.slide2');
	});
	
	$('.slide3').click(function(){
		$('#slider-cont').cycle(2);
		$('#slider-cont').cycle('pause');
		setActive('.slide3');
	});*/
	
	/* ----- CHANGING CURRENT IMG SRC ON MENU Y'ALL ------ */
	var normSrc = $('.current img').attr("src");
	var ext = normSrc.substr((normSrc.length - 4), normSrc.length);
	var hovSrc = normSrc.substr(0, (normSrc.length - 4)) + "_hover" + ext;
	$('.current img').attr("src", hovSrc);
	
	
	/* ----- HOVER STATE, code from AP like woah --- */
	$('.hoverState').hover(
		function(){	//over
			var normSrc = $(this).attr("src");
			var ext = normSrc.substr((normSrc.length - 4), normSrc.length);
			var hovSrc = normSrc.substr(0, (normSrc.length - 4)) + "_hover" + ext;
			$(this).attr("src", hovSrc);
		},
		function(){	//out
			var hovSrc = $(this).attr("src");
			var ext = hovSrc.substr((hovSrc.length - 4), hovSrc.length);
			var normSrc = hovSrc.substr(0, (hovSrc.length - 10)) + ext;
			$(this).attr("src", normSrc);
			
			
		}
	);	
	
	
	
	/* --- VALIDATION --- */
	$('#theForm').validate();
	
});