var playTimeoutID;
var varSlideIndex;
var varSpeed;
var varSlideTotal;
var varLangID;

function showNextSlide(varSlideIndexIn) {
    varSlideIndex = varSlideIndexIn;
    showSlide();
    playTimeoutID = setTimeout("showNextSlide(" + (varSlideIndex + 1) + ")", varSpeed * 1000);
}

function showSlide() {
    if (varSlideIndex > varSlideTotal) {
        varSlideIndex = 1;
    }
    
    blendimage("imgRelaySlide", 500);

    //set the current image as background
    document.getElementById("divRelaySlide").style.backgroundImage = "url(" + document.getElementById("imgRelaySlide").src + ")";
    document.getElementById("divRelaySlide").style.backgroundRepeat = "no-repeat";
    document.getElementById("imgRelaySlide").src = "upload/images/slideshows/home/" + varLangID + "/image_" + varSlideIndex + ".jpg";
}

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

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

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

//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 startSlideShow(slideTotalIn, speedIn, langIDIn) {
    varSpeed = speedIn;
    varSlideTotal = slideTotalIn;
    varLangID = langIDIn;
    varSlideIndex = 1;
    document.getElementById("imgRelaySlide").src = "upload/images/slideshows/home/" + varLangID + "/image_" + varSlideIndex + ".jpg";
    showSlide();
    playTimeoutID = setTimeout("showNextSlide(" + (varSlideIndex + 1) + ")", varSpeed * 1000);
}