var TimeToFade = 1000.0;
var nowArryName="one";
var imgJson={"one":{"a":"Images/feat1.jpg","b":"Images/feat2.jpg","c":"Images/feat3.jpg"},"two":{"a":"Images/feat4.jpg","b":"Images/feat5.jpg","c":"Images/feat6.jpg"},"three":{"a":"Images/feat7.jpg","b":"Images/feat8.jpg","c":"Images/feat9.jpg"}};
var hrefJson = { "one": { "a": "TumblebooksTV.aspx", "b": "tvdashboard.aspx", "c": "interactiveworkout.aspx" }, "two": { "a": "#", "b": "DemoStation.aspx", "c": "GameA.aspx" }, "three": { "a": "GameB.aspx", "b": "threescreens.aspx", "c": "http://www.es3.tv"} };

function fadeAutoImg() {
    switch(nowArryName)
    {
    case "one":
      setTimeout("fadeImg('two')", 5000);
      break;
    case "two":
      setTimeout("fadeImg('three')", 5000);
      break;
    case "three":
      setTimeout("fadeImg('one')", 5000);
      break;
    default:
        setTimeout("fadeImg('one')", 5000);
    }
}


function fadeImg(group) {
    if (nowArryName != group) {
        changeImage(document.getElementById(nowArryName), "Images/dot_off.jpg");
        changeImage(document.getElementById(group), "Images/dot_on.jpg");
        nowArryName = group;
        fade("imgLeft", "a");
        fade("imgCenter", "b");
        fade("imgRight", "c");
    }
}

function fade(eid,type) {
    var element = document.getElementById(eid);
    if (element == null)
        return;


    if (element.FadeState == null) {
        if (element.style.opacity == null || element.style.opacity == ''
       || element.style.opacity == '1')
            element.FadeState = 2;
        else
            element.FadeState = -2;
    }

    if (element.FadeState == 1 || element.FadeState == -1) {
        element.FadeState = element.FadeState == 1 ? -1 : 1;
        element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft;
        changeImage(element, imgJson[nowArryName][type], hrefJson[nowArryName][type]);
    }
    else {
        element.FadeState = element.FadeState == 2 ? -1 : 1;
        element.FadeTimeLeft = TimeToFade;
        setTimeout("animateFade(" + new Date().getTime() + ",'" + eid + "','" + type + "')", 33);
    }
}

function animateFade(lastTick, eid, type) {
    var curTick = new Date().getTime();
    var elapsedTicks = curTick - lastTick;

    var element = document.getElementById(eid);

    if (element.FadeTimeLeft <= elapsedTicks) {
        element.style.opacity = element.FadeState == 1 ? '1' : '0';

        if (isIE6) {
            if (element.filters.alpha == undefined) {
                element.style.filter += 'alpha(opacity = ' + (element.FadeState == 1 ? '100' : '0') + ')';
            }
            else {
                element.filters.alpha.opacity = element.FadeState == 1 ? 100 : 0;
            }
        }
        else {
            element.style.filter = 'alpha(opacity = ' + (element.FadeState == 1 ? '100' : '0') + ')';
        }
        
        element.FadeState = element.FadeState == 1 ? 2 : -2;

        if (element.FadeState == -2) {
            changeImage(element, imgJson[nowArryName][type],hrefJson[nowArryName][type]);
            fade(eid);
        }
        return;
    }

    element.FadeTimeLeft -= elapsedTicks;
    var newOpVal = element.FadeTimeLeft / TimeToFade;
    if (element.FadeState == 1)
        newOpVal = 1 - newOpVal;

    element.style.opacity = newOpVal;

    if (isIE6) {
        if (element.filters.alpha == undefined) {
            element.style.filter += 'alpha(opacity = ' + (newOpVal * 100) + ')';
        }
        else {
            element.filters.alpha.opacity = newOpVal * 100;
        }
    }
    else {
        element.style.filter = 'alpha(opacity = ' + (newOpVal * 100) + ')';
    }

    setTimeout("animateFade(" + curTick + ",'" + eid + "','" + type + "')", 33);
}

function changeImage(target, targetImg, href) {
    if (targetImg != undefined) {
    
        if(href)
        {
            target.setAttribute("href", href);
        }
    
        if (isIE6 && target.src.toLowerCase().lastIndexOf("x.gif") != -1) {
            if (target.getAttribute("source") != targetImg) {
                target.setAttribute("source", targetImg);
                target.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = targetImg;
            }
        }
        else {
            if (target.src != targetImg) {
                target.src = targetImg;
            }
        }
    }
}

function fadeClick(target) {
    var href = target.getAttribute("href");
    if (href) {
        if (href.lastIndexOf("www.es3.tv") != -1)
            openWin(href, 800, 800);
        else 
            window.location = href;
    }
}

function openWin(url, w, h) {
    var ranNum = parseInt(Math.random() * 255);

    var l = screen.width / 2 - w / 2;
    var t = screen.height / 2 - h / 2;

    if (typeof myWindow == "object") {
        myWindow.close();
    }
    myWindow = window.open(url, 'admintronwin' + ranNum, 'top=' + t + ',left=' + l + ',height=' + h + ',width=' + w + ',noresize,scrollbars=yes,status=yes');
}