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