//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}

function blendimage(divid, imageid, imagefile, millisec) {
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //set the current image as background
    document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";

    //make image transparent
    changeOpac(0, imageid);

    //make new image
    document.getElementById(imageid).src = imagefile;

    //fade in image
    for(var i = 0; i <= 100; i++) {
        setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
        timer++;
    }
}

var p;
var s;

function blendimages() {
    blendimage('blenddiv','blendimage', Pic[curP],200);
    var rand_no = curP;
    while (rand_no == curP) {
        rand_no = Math.random();
        rand_no = rand_no * p;
        rand_no = Math.floor(rand_no);
    }
    curP = rand_no;
    s = setTimeout('blendimages()', 4000);
}

window.onload = function() {
    document.getElementById('blenddiv').style.backgroundImage = "url(" + Pic[curP] + ")";
    p = Pic.length;
    var preLoad = new Array();
    for (var i = 0; i < p; i++) {
        preLoad[i] = new Image();
        preLoad[i].src = Pic[i];
    }
    blendimages();
}