var refreshIntervalId;
var animationTime = 500;
var transitionDelay = 6000;

    function theRotator() {
        $("#rotateImages div").css({opacity: 0});
        $("#rotateImages div:first").css({opacity: 1});
        $("#rotateLinks a:first").addClass("active").addClass("no_click");
        refreshIntervalId = setInterval("rotate()", transitionDelay);
    }

    function rotate() {
        var current = $("#rotateImages div.show") ? $("#rotateImages div.show") : $("#rotateImages div:first");
        var next = current.next().length ? current.next().hasClass("show") ? $("#rotateImages div:first") : current.next() : $("#rotateImages div:first");
		
        next.css({opacity: 0}).addClass("show").animate({opacity: 1}, animationTime);
		
        var currentLink = $(".active") ? $(".active") : $("#rotateLinks a:first");
        var nextLink = currentLink.next("#rotateLinks a").length ? currentLink.next().hasClass("active") ? $("#rotateLinks a:first") : currentLink.next("#rotateLinks a") : $("#rotateLinks a:first");
		
        nextLink.addClass("active").addClass("no_click");
        currentLink.removeClass("active").removeClass("no_click");
        current.animate({opacity: 0}, animationTime).removeClass("show");
    }

$(document).ready(function () {
	
	theRotator();
	
	$("#rotateLinks a").each(function (i) {
		$(this).click(function () {
			
			if (!$(this).hasClass("no_click")) {clearInterval(refreshIntervalId);
			
			var current = $("#rotateImages div.show") ? $("#rotateImages div.show") : $("#rotateImages div:first");
			
			var next = $("#rotateImages div:eq(" + i + ")");
			
			next.css({opacity: 0}).addClass("show").animate({opacity: 1}, animationTime);
			
			current.animate({opacity: 0}, animationTime).removeClass("show");$("#rotateLinks a").removeClass("active").removeClass("no_click");
			
			$(this).addClass("active").addClass("no_click");}
			
			return false;
			
		});
	});
});