var Img = new Array;
var max = 3;
var cImg = 1;
var Path = "";
var rnd = 0;
var fade_delay = 2000;

function Init() {
    changeOpac(0, "HdRight");
    for (n = 1; n <= max; n++) {
        Img[n] = "Head" + n + ".jpg";
    }
    rnd = Math.floor((Math.random() * max) + 1);
    LoadImage();
    setInterval("LoadImage()", 8000);
}

function LoadImage() {
    changeOpac(0, "HdRight");
    document.getElementById("HdRight").setAttribute("src", "Header/"+Img[rnd]);
    setTimeout("StartEffect()", 1000);
}

function StartEffect() {
    opacity("HdRight", 0, 100);
    rnd++;
    if (rnd > max) rnd = 1;
}

function opacity(id, opacStart, opacEnd) {
    var speed = Math.round(fade_delay / 100);
    var timer = 0;

    if (opacStart > opacEnd) {
        for (i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')", (timer * speed));
            timer++;
        }
    } else if (opacStart < opacEnd) {
        for (i = opacStart; i <= opacEnd; i++) {
            setTimeout("changeOpac(" + i + ",'" + id + "')", (timer * speed));
            timer++;
        }
    }
}
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 + ")";
}