$(document).ready(function() {				   
	//Set Default State of each portfolio piece
	$(".paging").show();
	$(".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}, 200 );
	}; 

	//Rotation + Timing Event
	rotateSwitch = function(){ 
		play = setInterval(function(){ //Set timer
			$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
		}, 4000); //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
		}
	); 

	var curobj = null;
	var timer = null;
	$(".paging a").hover(function() {					  
		curobj = $(this);
		clearInterval(play); //Stop the rotation
		clearTimeout(timer);
		//Reset Timer
		timer = setTimeout(function(){
			$active = curobj;
			rotate(); //Trigger rotation immediately						
		},100);
			
		return false; //Prevent browser jump to link anchor																							
	}, function() {
		clearTimeout(timer);
		rotateSwitch(); //Resume rotation
	});
});

function switchHotSales(current){
	$(".HotDeals").removeClass("hotSalesBg");
	$(".NewRelease").removeClass("hotSalesBg");
	$(".ComingSoon").removeClass("hotSalesBg");
	$("#HotDeals").hide();
	$("#NewRelease").hide();
	$("#ComingSoon").hide();
	$("."+current).addClass("hotSalesBg");
	$("#"+current).show();
}

function switchTrack(f,i){
	i = parseInt(i);
	if(i){f.action = "/users/powerleveling_search.cfm";}
	else{f.action = "/users/order_detail.cfm";}
}