var currbgimage = 0;
var welcome = false;

function changeImages() {
    if (loadedimages != 10) {
        setTimeout(changeImages, 500);
        return false;
    }
    
    diva = $('bga');
    divb = $('bgb');
    imga = $('bgimage1');
    imgb = $('bgimage2');

    currbgimage++;
    if (currbgimage >= 10) {
        currbgimage=0;
    }
    
    if (currbgimage % 2 == 0) {
        //imga.src = "./bgimages/"+currbgimage+".jpg";
        imga.src = bgndimages[currbgimage].src;
        resizeImage(imga);
        diva.appear({ duration: 1.0});
        divb.fade({ duration: 1.0});
    } else {
       //imgb.src = "./bgimages/"+currbgimage+".jpg";
        imgb.src = bgndimages[currbgimage].src;
        resizeImage(imgb);
        diva.fade({ duration: 1.0 });
        divb.appear({ duration: 1.0});
    }    
    
    setTimeout(changeImages, 5000);
}

function resizeImage(i) {
    /*var w = i.offsetWidth;
    var h = i.offsetHeight;
    var r = w / h;
    var a = 1076 / w;
    var nw = 0;
    var nh = 0;
    nw = w * a;
    nh = h * a;
    i.style.width = nw + "px";
    i.style.height = nh + "px";
    */
    i.style.width = "1076px";
    i.style.height = "807px";
    
}

var loadedimages = 0;
var bgndimages = new Array();

function initBGChanger() {
    welcome = true; 
    
    $('content').hide();
    var i = 0;
    for (i = 0; i < 10; i++) {
        bgndimages[i] = new Image();
        bgndimages[i].onload = function() { loadedimages++; };
        bgndimages[i].src = "./bgimages/" + (i+1) + ".jpg";
    }
    setTimeout(changeImages, 500);

}