var TimeToFade = 1000.0;
var arrPromoImage = null;
var arrPromoId = null;
var arrPromoName = null;
var arrPromoUrl = null;
var arrPromoUrlTarget = null;
//new Array("PROMOS-myCBTS-Cisco.png", "PROMOS-myCBTS-cNotify.png", "PROMOS-myCBTS-MiDesk.png")
var arrPromoIndex = 0;
var arrPromoCurrIndex = 0;
var arrPromoMax = 0;
var timerPromo = null;

function doStartPromo(skipOnce) {
    if (!skipOnce) {
        doPromoChange(arrPromoIndex);
    }
    else {
        skipOnce = false;
    }

    timerPromo = setTimeout("doStartPromo(false)", 7000);
}


function doPromoUrl(index) {
    
    location.href = arrPromoUrl[index];
}

function doPromoChange(index) {

    var imageId = 'imgPromo';
  //  alert(index);
    //document.getElementById('divPromoImage').innerHTML = '<a target="' + arrPromoUrlTarget[index] +'" href="' + arrPromoUrl[index] + '"> <img onmouseover="doStopPromo()" onmouseout="doStartPromo(true)" alt="' + arrPromoName[index] + '"  src="/images/ImgHandler.ashx?id=' + arrPromoImage[index] + '" border="0" id="imgPromo" /></a>';
    document.getElementById('divPromoImage').innerHTML = "<div onmouseover='doStopPromo()' onmouseout='doStartPromo(true)' style='cursor:pointer' onclick='doPromoUrl(" + index + ")'>" + document.getElementById('divPromoImage'+ index).innerHTML  + "</div>";
    //var image = document.getElementById(imageId);
    //setOpacity('divPromoImage', 0);
    //image.style.visibility = 'visible';
    fadeIn('divPromoImage', 0);
    document.getElementById('divPromoNav').innerHTML = GetPromoNav(index + 1);
    arrPromoCurrIndex = index;
    arrPromoIndex = index + 1;
    if (arrPromoIndex >= arrPromoMax) {
        arrPromoIndex = 0;
    }

}

function doStopPromo() {

    if (timerPromo)
        clearTimeout(timerPromo);
}

function doGoToPromoArrow(index) {

    arrPromoIndex = arrPromoCurrIndex + index;
    //alert(arrPromoCurrIndex   + ' - ' + arrPromoIndex);
    if (arrPromoIndex < 0) {
        arrPromoIndex = arrPromoMax - 1;
    }
    else if (arrPromoIndex >= arrPromoMax) {
        arrPromoIndex = 0;
    }
    //alert(arrPromoCurrIndex   + ' - ' + arrPromoIndex);
    doStopPromo();
    doPromoChange(arrPromoIndex);
}

function GetPromoNav(index) {

    var nav = '';
    var a = 0;
    for (var i = 1; i <= arrPromoMax; i++) {
        a = i - 1;
        if (index == i) {
            nav += '<a class="selected" href="javascript:doGoToPromo(' + a + ')">' + i + '</a>';
        } else {
            nav += '<a href="javascript:doGoToPromo(' + a + ')">' + i + '</a>';
        }
    }
    nav = '<table align="right" border="0"><tr><td valign="middle" style="padding-top:0px"><span><a href="javascript:doGoToPromoArrow(-1)"><img src="/images/arrow-left-darkgray.gif"  border="0" alt="" /></a></td><td  valign="middle">' + nav + '</td><td style="padding-top:0px" valign="middle"><span><a href="javascript:doGoToPromoArrow(1)"><img src="/images/arrow-right-darkgray.gif"  border="0" alt="" /></a></td></tr></table>';
    return nav;
}

function setOpacity(obj, opacity) {
    opacity = (opacity == 100) ? 99.999 : opacity;

    // IE/Win
    obj.style.filter = "alpha(opacity:" + opacity + ")";

    // Safari<1.2, Konqueror
    obj.style.KHTMLOpacity = opacity / 100;

    // Older Mozilla and Firefox
    obj.style.MozOpacity = opacity / 100;

    // Safari 1.2, newer Firefox and Mozilla, CSS3
    obj.style.opacity = opacity / 100;
}

function fadeIn(objId, opacity) {
    if (document.getElementById) {
        obj = document.getElementById(objId);
        if (opacity <= 100) {
            setOpacity(obj, opacity);
            opacity += 10;
            window.setTimeout("fadeIn('" + objId + "'," + opacity + ")", 150);
        }
    }
}

function doGoToPromo(index) {
    doStopPromo();
    arrPromoIndex = index;
    doPromoChange(arrPromoIndex);
}