//###################################
//  Config
//###################################
var timeoutM=10000;     //in ms
var opacityStepM=0.06; // css opacity
var fadeStepM=60;      // in ms

//###################################
// Config end
//###################################

var picsM = new Array();
var aM=0;

function startSlideShowM() {
    if(!document.getElementById){
        return false;
    }

    picsM = document.getElementById('bottombanner').getElementsByTagName('img');
    for(i=1; i<picsM.length; i++){
        picsM[i].OpacityCurrent = 0;
    }
    picsM[0].style.display = 'block';
    picsM[0].OpacityCurrent = 0.99;

    setTimeout(fadeM,timeout);
}

function fadeM(){
    OpacityPrev = picsM[aM].OpacityCurrent;
    key = picsM[aM+1]?aM+1:0;
    OpacityNext = picsM[key].OpacityCurrent;

    OpacityPrev-=opacityStep;
    OpacityNext+=opacityStep;

    picsM[key].style.display = 'block';
    picsM[aM].OpacityCurrent = OpacityPrev;
    picsM[key].OpacityCurrent = OpacityNext;

    transformImageM(picsM[aM]);
    transformImageM(picsM[key]);

    if(OpacityPrev<=0){
        picsM[aM].style.display = 'none';
        aM = key;
        setTimeout(fadeM,timeoutM);
    }
    else{
        setTimeout(fadeM,fadeStepM);
    }
    
    function transformImageM(obj){
        if(obj.OpacityCurrent>=1){
            return true;
        }

        obj.style.opacity = obj.OpacityCurrent;
        obj.style.filter = 'alpha(opacity=' + (obj.OpacityCurrent*100) + ')';
        obj.style.MozOpacity = obj.OpacityCurrent;
    }
}

if(window.addEventListener){
    window.addEventListener('load',startSlideShowM,false)
}
else{
    window.attachEvent('onload',startSlideShowM);
}