(function($) {
	$(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
		});
		var $active;
		rotate = function() {
			var triggerID = $active.attr("rel") - 1;
			var image_reelPosition = triggerID * imageWidth;
			$(".paging a").removeClass('active');
			$active.addClass('active');
			$(".image_reel").stop(true).animate( {
				left: -image_reelPosition
			}, 500);
		};
		rotateSwitch = function() {
			play = setInterval(function() {
				$active = $('.paging a.active').next();
				if ($active.length === 0)
				{
					$active = $('.paging a:first');
				}
				rotate();
			}, 4000);
		};
		rotateSwitch();
		$(".image_reel a").hover(function() {
			clearInterval(play);
		}, function() {
			rotateSwitch();
		});
		$(".paging a").click(function() {
			$active = $(this);
			clearInterval(play);
			rotate();
			rotateSwitch();
			return false;
		});
	});
})(jQuery);