$(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(); 
	    }, 7000); 
	};

	rotateSwitch(); 

	$(".image_reel a").hover(function() {
	    clearInterval(play); 
	}, function() {
	    rotateSwitch(); 
	});	

	$(".paging a").click(function() {
	    $active = $(this); 
	
	    clearInterval(play);
	    rotate(); 
	    rotateSwitch(); 
	    return false; 
	});
	
});