// alert("Margins should be fixed.");

$(function() {
    var cnav_buttons = [];
     $("#sponsors_carousel li a:has(img)")
        .each(function(i) {
            $(this).data('cnav_id',i);
        });
     $("#sponsors_carousel_container").append('<span class="sponsors_pause_icon"></span>');
     $('<div/>').attr("id","sponsors_nav")
        .append('<a class="sponsors_navbtn carousel_prev" href="#">&laquo; Previous</a> ')
        .append('<a class="sponsors_navbtn carousel_next" href="#">Next &raquo;</a>')
        .append('<div class="clear"></div>')
        .appendTo("#sponsors_list");
     $('<div/>').attr("id","carousel_cnav").appendTo("#sponsors_list");
     $("#sponsors_carousel li a:has(img)").clone(true)
        .attr({"href":"#","target":""})
        .each(function(i) {
            var j = $(this).data('cnav_id');
            $(this).addClass("carousel_navbtn cnav" + j);
            cnav_buttons[i]=".cnav" + j;
        })
        .find("img")
            .each(function(i) {
                var small_src = $(this).attr("longdesc");
                $(this).attr("src",small_src);
            })
            .css({
                "width":"auto",
                "height":"auto"
            })
        .end()
        .appendTo("#carousel_cnav");

    $("#sponsors_carousel_container").css("margin-top","25px");
    $("#sponsors_carousel li").css("margin","0");

    $("#sponsors_carousel").jCarouselLite({
        btnNext: ".carousel_next",
        btnPrev: ".carousel_prev",
        auto: 2500,
        speed: 1500,
        visible: 1,
        circular: true,
        pauseOnHover: true,
        pauseElements: [".sponsors_pause_icon"],
        btnGo: cnav_buttons,
        afterEnd: function(curr) {
                $(".carousel_navbtn").removeClass("current_slide");
                var cnav_class = ".cnav"+$(curr).find("a").has("img").data('cnav_id');
                $(cnav_class).addClass("current_slide");
            }
    });
});