(function($) {
    $.preLoadImages = function(imageList, callback){
        var pic = [],
        i,
        total,
        loaded = 0;
        if (typeof imageList != 'undefined') {
            if ($.isArray(imageList)) {
                total = imageList.length; // used later
                for (i = 0; i < total; i++) {
                    pic[i] = new Image();
                    pic[i].onload = function() {
                        loaded++; // should never hit a race condition due to JS's non-threaded nature
                        if (loaded == total) {
                            if ($.isFunction(callback)) {
                                callback();
                            }
                        }
                    };
                    pic[i].src = imageList[i];
                }
            } else {
                pic[0] = new Image();
                pic[0].onload = function() {
                    if ($.isFunction(callback)) {
                        callback();
                    }
                }
                pic[0].src = imageList;
            }
        }
        pic = undefined;
    };
})(jQuery);

function clockAnimation(){
    $('.head6').css('background-position','0px');
    $('.head6').animate({'zindex': '0'},8000,function(){
        $('.head6').css('background-position','-240px');
        setTimeout('clockAnimation()', 8000);
    })
}

function jukeAnimation(){
    $('.head4').css('background-position','0px');
    $('.head8').css('background-position','0px');
    $('.head4').animate({'zindex': '0'},1000,function(){
        $('.head4').css('background-position','-355px');
        $('.head8').css('background-position','-355px');
        setTimeout('jukeAnimation()', 1000);
    })
}

function headlightsAnimation(){
    $('.head2').css('background-position','0px');
    $('.head2').animate({'zindex': '0'},2000,function(){
        $('.head2').css('background-position','-240px');
        setTimeout('headlightsAnimation()', 2000);
    })
}

function neonAnimation(){
        $('.head3').css('background-position','-110px');
        $('.head2').animate({'zindex': '0'},300,function(){
            $('.head3').css('background-position','0px');
            $('.head2').animate({'zindex': '0'},50,function(){
                $('.head3').css('background-position','-110px');
            });
            $('.head2').animate({'zindex': '0'},50,function(){
                $('.head3').css('background-position','0px');
                setTimeout('neonAnimation()', 7000);
            });
        });
}

function startAnimations(){
        neonAnimation();
        headlightsAnimation();
        clockAnimation();
        jukeAnimation();

}

$(document).ready(function(){
        //$.preLoadImages(['i/head2x.jpg', 'i/head3x.jpg', 'i/head4x.jpg', 'i/head6x.jpg', 'i/head8x.jpg'],startAnimations);
        startAnimations();
});