var currentImg = 0;
var folderImg = 'pic';


(function($) {
    var cache = [];
    // Arguments are image paths relative to the current page.
    $.preLoadImages = function() {
        var args_len = arguments.length;
        for (var i = args_len; i--;) {
            var cacheImage = document.createElement('img');
            //console.log(arguments[i]);
            cacheImage.src = arguments[i];
            //console.log(arguments[i]);
            cache.push(cacheImage);
        }
    }
})(jQuery)

function applyResize(){
    $('#bg img').each(function(){
        var imgWidth = $(this).css('width');
        var imgHeight = $(this).css('height');
        if(imgHeight>= imgWidth){
           
        }else{
            var newWidth = window.innerWidth/3;
            $(this).css('width',newWidth).css('height','auto');
        }
    });
}

function positionFooter(){
    if($(document.body).height() < $(window).height()){
        $("#pageFooterOuter").css({
            position: "absolute",
            top:($(window).scrollTop()+$(window).height()-$("#pageFooterOuter").height())+"px"
        })
    }
}

function bgAnimation(){
    var maxindex = bg.length-1;
    var img;
    if(currentImg == maxindex){
        img = bg[0];
        currentImg = 0;
    }else{
        currentImg++;
        img = bg[currentImg];        
    }
    //console.log(img);
    //console.log(currentImg);
    var cssrepeat = "transparent url(pic/"+img+") top center repeat-x";
    var cssnorepeat = 'transparent url(pic/'+img+') top center no-repeat';
    //$('#fadingbg').css('background',cssrepeat);
    //$('#mainbg').css('background',cssrepeat);
    

   $('#fadingbg').fadeTo(1000, 0.01,function(){
       $('#fadingbg')            
            .css('background',cssrepeat)
            .fadeTo(1000,'0.3');
   });
          
    $('#mainbg').fadeTo(1000, 0.01,function(){
       $('#mainbg')
            .css('background',cssnorepeat)
            .fadeTo(1000,'1');
   });
    
    //console.log('----------------------');

}
$().ready(function(){
    positionFooter();   

    $(window)
    .scroll(positionFooter)
    .resize(positionFooter)   

    for(pic in bg){
        var url = webpath + bg[pic];
        $.preLoadImages(url);
    }
    
    $('#fadingbg').fadeTo('10', '0.3').css('z-index','400');
    $('#mainbg').fadeTo('15','1').css('z-index','500');
    $('#header').css('z-index','1000');
    setInterval(bgAnimation, 6000);
});