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