$("document").ready(function () {

	var SBCountImage = $("img.SlideBox-Image").length;

	if (SBCountImage>1)
	{
		for (var i = 1; i <= SBCountImage; i++)
		{
			$("#SlideBox-Page").append('<a href="javascript:(void);" rel="'+i+'" class="SlideBox-Button">'+i+'</a>' + "\n");
		}

		$(".SlideBox-Button:first").addClass("SlideBox-ButtonActive");
		$(".SlideBox-Image").css('display', 'none');
		$(".SlideBox-Image:first").fadeIn();

		rotate = function ()
		{	
			var ID = $active.attr("rel") - 1;

			$(".SlideBox-Button").removeClass("SlideBox-ButtonActive");
			$active.addClass("SlideBox-ButtonActive");

			$(".SlideBox-Image").fadeOut(2000);
			$(".SlideBox-Image:eq("+ID+")").fadeIn(2000);
		}; 

		rotateSwitch = function ()
		{		
			play = setInterval(function ()
			{
				$active = $("a.SlideBox-ButtonActive").next();

				if ($active.length === 0)
				{
					$active = $(".SlideBox-Button:first");
				}

				rotate();
			}, 3000);
		};

		rotateSwitch();

		$(".SlideBox-Button").mousemove(function () {
			clearInterval(play);
		}).mouseout(function () {
			rotateSwitch();
		});

		$(".SlideBox-Button").click(function() {	
			$active = $(this);

			clearInterval(play);
			rotate();
			rotateSwitch();
		});
	}
});
