jQuery(function ($) {
    var
    slides = $('#billboard .slide'),
    curSlide = $('#billboard .slide.first'),
    timeout = null,
    buttonbar = $('<div class="buttonbar" />').append($('<div class="corner" />')).appendTo($('#billboard')),
    viewSlide = function(index) {
        if (index == slides.index(curSlide)) return;
        curSlide.fadeOut(1500);
        curSlide = $(slides.get(index)).fadeIn(1500);
        $(buttonbar.children('.slidebutton').removeClass('selected').get(index)).addClass('selected');
    },
    nextSlide = function() {
        var i = slides.index(curSlide) + 1;
        if (i >= slides.length) i = 0;
        viewSlide(i);
        timeout = setTimeout(nextSlide, 8000);
    };
    slides.each(function(index, slide) {
        $('<a href="#" class="slidebutton" />').text($(slide).children('.button_title').text()).click(function(e) {
            e.preventDefault();
            clearTimeout(timeout);
            viewSlide(index);
        }).appendTo(buttonbar);
    });
    $(buttonbar.children('.slidebutton').get(0)).addClass('selected');
    timeout = setTimeout(nextSlide, 10000);
    
    var nrt = $('#new_releases_teaser');
    if (readCookie('sp_product')) {
        nrt.children('.overlay').remove();
    } else {
        nrt.mouseenter(function() {
            if (!$.browser.msie) $(this).children('.overlay').fadeIn();
            else $(this).children('.overlay').show();
        }).mouseleave(function() {
            if (!$.browser.msie) $(this).children('.overlay').fadeOut();
            else $(this).children('.overlay').hide();
        });

        if ($.browser.msie && parseInt($.browser.version) <= 6) {
            nrt.children('.overlay').click(function() {
                location.href = $(this).children('a').attr('href');
            });
        }
    }
});

function loadNewReleases(path) {
    var $ = jQuery;
    $.getJSON(path, function (data) {
        for (var j, x, i = data.length; i; j = parseInt(Math.random() * i), x = data[--i], data[i] = data[j], data[j] = x);
        $.each(data, function (i, item) {
            if (i > 5) return;
            $('<a target="blank" class="album" />').attr('href', item.uri).addClass(i == 5 ? 'last' : '')
            .append($('<img />').attr('src', item.coverart).attr('alt', item.album))
            .append($('<span class="title" />').append($('<span />').text(item.album)))
            .append($('<span class="artist" />').text(item.artist))
            .appendTo('#new_releases_teaser');
        });
    }); 
}