$(document).ready(function() {
	$(".paging").show();
	$(".paging a:first").addClass("active");

	var imageWidth = $(".window").width();
	var imageSum = $(".image_reel img").size();
	var imageReelWidth = imageWidth * imageSum;
	
	$(".image_reel").css({'width' : imageReelWidth});
	
	rotate = function(){
	    var triggerID = $active.attr("rel") - 1; 
	    var image_reelPosition = triggerID * imageWidth; 	
	    $(".paging a").removeClass('active'); 
	    $active.addClass('active'); 	
	   
	    $(".image_reel").animate({
	        left: -image_reelPosition
	    }, 500 );
	
	}; 
	
	rotateSwitch = function(){
	    play = setInterval(function(){ 
	        $active = $('.paging a.active').next(); 
	        if ( $active.length === 0) {
	            $active = $('.paging a:first'); 
	        }
	        rotate(); 
	    }, 5000);
	};
	
	rotateSwitch(); 
	
	$(".image_reel a").hover(function() {
	    clearInterval(play); 
	}, function() {
	    rotateSwitch(); 
	});	
	
	$(".paging a").click(function() {
	    $active = $(this); 
	    clearInterval(play);
	  	 rotate(); 
	    //rotateSwitch(); 
	    return false; 
	});
});