﻿function showAutoProject(container)
{
    if (container.is('.inhover'))
        return;
    else {
        var n = parseInt(container.find('.imgnav li.showing').text());

        if (n > container.find(".projectlist a").length - 1)
            n = 0;
        container.find('.imgnav li').eq(n).trigger('click');
    }
}

function initRotator(container)
{
    var count = container.find(" .projectlist a").length;
    if (count < 2)
    {
        container.find("div.imgnav").hide();
        return;
    }

    container.find(" .projectlist a:not(:first-child)").hide();
    container.find(" div.projectinfo").html(container.find(" .projectlist a:first-child").find("img").attr('alt'));
    container.find(" div.imgnav li").css({ "background": "url(/Template/VanDeHaar/BinaryResource/images/projectwavebg.png)" }).eq(0).css({ "background": "url(/Template/VanDeHaar/BinaryResource/images/projectwavebg2.png)" }).addClass('showing');
    container.find(" div.projectinfo").click(function() { window.open(container.find(" .projectlist a:first-child").attr('href'), "_blank") });

    container.find(" div.imgnav li").click(
        function()
        {
            var i = $(this).text() - 1;

            if (i >= count) return;
            container.find(" div.projectinfo").html(container.find(" .projectlist a").eq(i).find("img").attr('alt'));
            container.find(" div.projectinfo").unbind().click(function() { window.open(container.find(" .projectlist a").eq(i).attr('href'), "_blank") });

            var currentShowImage = container.find(" .projectlist a:visible");
            var nextShowImage = currentShowImage.parent().children().eq(i);

            currentShowImage.fadeOut(500);
            nextShowImage.fadeIn(500);

            $(this).css({ "background": "url(/Template/VanDeHaar/BinaryResource/images/projectwavebg2.png)" }).addClass('showing').siblings().css({ "background": "url(/Template/VanDeHaar/BinaryResource/images/projectwavebg.png)" }).removeClass('showing');
        }
    );
    container.hover(function() { $(this).addClass("inhover"); }, function() { $(this).removeClass('inhover'); });
    var projectCarouselInterval = parseInt($("#hidProjectCarouselInterval").val());
    setInterval(function() { showAutoProject(container) }, 5000);
}

jQuery(function() { $("div.projectimagerotator").each(function() { initRotator($(this)); }); });
