jQuery.preloadImages = function() {
    for (var i = 0; i < arguments.length; i++) {
        jQuery("<img>").attr("src", arguments[i]);
    }
}

var currentPhoto = 2;
var maxFrames = 4;
var intervalId;
var currentSlide = 0;
var slides = new Array();


function setImageCycleInterval() {
    if (intervalId != null)
        window.clearInterval(intervalId);

    intervalId = window.setInterval("setImageCycle();", 5000);
}



function onAfter() {

    var index = 0;
    var s = '';
    var i;

    $('#hero-image img').each(

       function() {
           index++;
           if ($(this).css("display") != 'none') {
           
               $("#hero_but_1").attr("src", "/resources/img/home/hero_cycle_1_off.gif");
               $("#hero_but_2").attr("src", "/resources/img/home/hero_cycle_2_off.gif");
               $("#hero_but_3").attr("src", "/resources/img/home/hero_cycle_3_off.gif");
               $("#hero_but_4").attr("src", "/resources/img/home/hero_cycle_4_off.gif");

               var currentButton = "#hero_but_" + index;
               var imgSrc = "/resources/img/home/hero_cycle_" + index + "_on.gif"

               $(currentButton).attr("src", imgSrc);

           }
       }
    )
    //alert(index);

    
}

$(document).ready(function() {

    $('#hero-image').before().cycle({
        fx: 'fade',
        speed: 'slow',
        timeout: 5000,
        pager: '#hero-image-cycler',
        after: function(event) { onAfter() }, //onAfter(slides[event.src]); },
        // callback fn that creates a thumbnail to use as pager anchor
        pagerAnchorBuilder: function(idx, slide) {
            //slides[idx] = slide.src;
            //alert(slides.length);
            idx = idx + 1;
            var cls = idx == 1 ? "pager-button-first" : "pager-button";
            return '<div class="' + cls + '"><img id="hero_but_' + idx + '" src="/resources/img/home/hero_cycle_' + idx + '_off.gif" width="35" height="12" /></div>';
        }
    });

    //setImageCycleInterval();

    //navigation
    $("#members-collapsed").click(function(event) {
        $("#members-collapsed").toggle("fast");
        $("#members-expanded").toggle("fast");
    });

    $("#members-expanded").click(function(event) {
        $("#members-expanded").toggle("fast");
        $("#members-collapsed").toggle("fast");
    });

    $("#brokers-collapsed").click(function(event) {
        $("#brokers-collapsed").toggle("fast");
        $("#brokers-expanded").toggle("fast");
    });

    $("#brokers-expanded").click(function(event) {
        $("#brokers-expanded").toggle("fast");
        $("#brokers-collapsed").toggle("fast");
    });

    $("#pros-collapsed").click(function(event) {
        $("#pros-collapsed").toggle("fast");
        $("#pros-expanded").toggle("fast");
    });

    $("#pros-expanded").click(function(event) {
        $("#pros-expanded").toggle("fast");
        $("#pros-collapsed").toggle("fast");
    });

    $("#employers-collapsed").click(function(event) {
        $("#employers-collapsed").toggle("fast");
        $("#employers-expanded").toggle("fast");
    });

    $("#employers-expanded").click(function(event) {
        $("#employers-expanded").toggle("fast");
        $("#employers-collapsed").toggle("fast");
    });



    //hero cycler
    $("#hero_but_1").attr("src", "/resources/img/home/hero_cycle_1_on.gif");

    //    for (var i = 1; i <= maxFrames; i++) {
    //        alert("#hero_but_" + i);
    //
    //    }

    //    $("#hero_but_1").click(function(event) {
    //        setImageCycleInterval();
    //        heroSrcSwap(1);
    //    });

    //    $("#hero_but_2").click(function(event) {
    //        setImageCycleInterval();
    //        heroSrcSwap(2);
    //    });

    //    $("#hero_but_3").click(function(event) {
    //        setImageCycleInterval();
    //        heroSrcSwap(3);
    //    });

    //    $("#hero_but_4").click(function(event) {
    //        setImageCycleInterval();
    //        heroSrcSwap(4);
    //    });




    setScrolls();

});


function setScrolls() {
    //news scroller
    $("#news-scroller").jScrollPane({ scrollbarWidth: 10, showArrows: true });
}

function toggleNews(id) {
    $("#" + id).toggle("fast");
    setScrolls();
}

function heroSrcSwap(img) {
    alert(img.id);
    //$('#hero-image').cycle('stop');

    $("#hero_but_1").attr("src", "/resources/img/home/hero_cycle_1_off.gif");
    $("#hero_but_2").attr("src", "/resources/img/home/hero_cycle_2_off.gif");
    $("#hero_but_3").attr("src", "/resources/img/home/hero_cycle_3_off.gif");
    $("#hero_but_4").attr("src", "/resources/img/home/hero_cycle_4_off.gif");
    //alert("#hero_but_" + index);
    var img = "#hero_but_" + index;

    if (img.attr("src") != undefined) {
        var imgSrc = img.attr("src");
        img.attr("src", imgSrc.replace(/_off/, '_on'));
    }

}