window.onload=Init;
function Init() {
    InitSlide();
    InitBanners();
} // Init

var ActiveBannerNumber=0;
var BannerCount=0;
function InitBanners() {
    var i=0;
    while ( document.getElementById('BrandingBanner'+i) ) {
        BannerCount+=1;
        var Element=document.getElementById('BrandingBanner'+i);
        if ( Element.style.display=='block' ) ActiveBannerNumber=i;
        i+=1;
    }
    if ( BannerCount>0 ) setTimeout("ShowNextBanner2()", 2000);
} // InitBanners

function ShowNextBanner2() {
    var Element=document.getElementById('BrandingBanner'+ActiveBannerNumber);
//    alert('ab: '+ActiveBannerNumber+'\n bc: '+BannerCount+'\n element: '+Element);
    if ( Element ) {
        Element.style.display='none';
        ActiveBannerNumber+=1;
        if ( (ActiveBannerNumber>=BannerCount) ) ActiveBannerNumber=0;
        Element=document.getElementById('BrandingBanner'+ActiveBannerNumber);
        Element.style.display='block';
    }
    setTimeout("ShowNextBanner2()", 7000);
} // ShowNextBanner2

function ShowNextBanner() {
    var Element=document.getElementById('BrandingBanner'+ActiveBannerNumber);
    if ( Element ) {
        opacity(Element.id, 60, 0, 1500);
        ActiveBannerNumber+=1;
        if ( !(ActiveBannerNumber<BannerCount) ) ActiveBannerNumber=0;
        Element=document.getElementById('BrandingBanner'+ActiveBannerNumber);
        Element.style.display='';
        opacity(Element.id, 60, 100, 1500);
    }
    setTimeout("ShowNextBanner()", 7000);
} // ShowNextBanner

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

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(var i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(var i = opacStart; i <= opacEnd; i++) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
} // opacity

//change the opacity for different browsers
function changeOpac(opacity, elementId) {
    var elementStyle = document.getElementById(elementId).style;
    if (typeof(elementStyle.opacity)!='undefined') elementStyle.opacity = (opacity / 100);
    if (typeof(elementStyle.MozOpacity)!='undefined') elementStyle.MozOpacity = (opacity / 100);
    if (typeof(elementStyle.KhtmlOpacity)!='undefined') elementStyle.KhtmlOpacity = (opacity / 100);
    if (typeof(elementStyle.filter)!='undefined') elementStyle.filter = "alpha(opacity=" + opacity + ")";
} // changeOpac

function blendimage(divid, imageid, imagefile, millisec) {
    //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;
} // blendimage