$j(function(){
    $j('a.topcat').click(function(){
        $j('.subcategories').hide();
        $j('.subcategories',$j(this).parent().parent()).show('fast');
    });

    loadSpotImages();
    setTimeout(swapImages, 500);
    setInterval(swapImages,5000)

})

var brands = new Array('fabi','barracuda','mare');
var images = null;
var counter = 0;

function loadSpotImages(){
    $j.ajax({
        type: "GET",
        url: "/list.php",
        dataType: "json",
        success: function(response){
            images=response;
        },
        error: function (){
        }
    });
}
function swapImages(){
//    var i = 0;
//    var src=null;
//    var rand = 0;
//    while(i<brands.length){
//        rand =getRandomInt(0,images[brands[i]].length-1);
//        src = images[brands[i]][rand];
//        $j('#'+brands[i]).html(rand);
//        loadProductImage(brands[i], src, rand);
//        i++;
//    }

    loadProductImage(brands[0], images[brands[0]][counter], counter);
    setTimeout(function(){loadProductImage(brands[1], images[brands[1]][counter], counter)},700);
    setTimeout(function(){loadProductImage(brands[2], images[brands[2]][counter], counter)},1400);

    if((counter+1)>=images[brands[0]].length){
        counter=0;
    }else{
        counter++;
    }
}
function loadProductImage(box, src, rand) {
    var img = new Image();
    src="/home_spots/"+src;//+"#"+Math.random()
    $j(img).attr('src', src);
    $j(img).css('display', 'none');
    $j(img).load( function () {
        $j('#'+box).html(this);
        $j(img).fadeIn(1000);
        $j('#'+box).removeClass("loading");
    }).error(function () {
        $j('#'+box).text('error loading image: '+src+'(rand:'+rand+')');
    });
}
function getRandomInt(min, max){
    return Math.floor(Math.random() * (max - min + 1)) + min;
}
function reloadSpotImages(){

}