var iCurrentVideo = 0;
var objLastActive = null;

/** 
 * Called whenever a video is changed. Alters the display to the intro or the correct details for the video.
 * @param iVideo - the 0-based index of the video being displayed. 0=intro.
 */
function OnVideoChange(iVideo)
{
    if(6 == iVideo)
        SetDisplayIntro();
    else
        SetDisplayDetails(iVideo);
}

/**
 * Sets up the display for the intro video.
 */
function SetDisplayIntro()
{
    document.getElementById("link0").className="hidden";
    document.getElementById("link1").className="hidden";
    document.getElementById("link2").className="hidden";
    document.getElementById("link3").className="hidden";
    document.getElementById("link4").className="hidden";
    document.getElementById("link5").className="hidden";
    document.getElementById("link6").className="hidden";
    document.getElementById("link7").className="hidden";
    document.getElementById("link8").className="hidden";	
    document.getElementById("textbox").className="hidden";
    document.getElementById("introbox").className="visible";
}

/**
 * Sets up the display for the current video.
 * @param iVideo - the 0-based index of the video being displayed. 0=video 1.
 */
function SetDisplayDetails(iVideo)
{
    //Hide the introbox and get rid of any current details
    document.getElementById("introbox").className="hidden";
    document.getElementById("addetailtitle").innerHTML = "";
    document.getElementById("addetailtext").innerHTML = "";
    document.getElementById("webaddress").innerHTML = "";

    if(iVideo >= arrInfo.videos.length)
        return;

    iCurrentVideo = iVideo;
    for(i=0; i<9; i++)
    {
        //Set the link
        var objLink = document.getElementById("link"+i);
        if(null != objLink)
        {
            objLink.className="visible";
            objLink.title = arrInfo.videos[iCurrentVideo].ads[i].linktitle;
        }

        //Set the image
        var objImg = document.getElementById("icon"+i);
        if(null != objImg)
        {
            if(null == arrInfo.videos[iCurrentVideo].ads[i].image || "" == arrInfo.videos[iCurrentVideo].ads[i].image)
            {
                objImg.className = "empty";
                objImg.src = "";
                objImg.alt = "";
            }
            else
            {
                objImg.className = "";
                objImg.src = arrInfo.videos[iCurrentVideo].ads[i].image;
                objImg.alt = arrInfo.videos[iCurrentVideo].ads[i].alttext;
            }
        }
    }
}

/**
 * Displays the details of a single item from the ad list.
 * @param - the 0-based index of the add to display.
 */
function ShowAdDetails(iAd)
{
    document.getElementById("textbox").className="visible";
    if(iAd >= arrInfo.videos[iCurrentVideo].ads.length)
        return;
        
    if(null != objLastActive)
        objLastActive.className = "";

    objLastActive = document.getElementById("link"+iAd);
    if(null != objLastActive)
        objLastActive.className = "active";
        
    document.getElementById("addetailtitle").innerHTML = arrInfo.videos[iCurrentVideo].ads[iAd].adtitle;
    document.getElementById("addetailtext").innerHTML = arrInfo.videos[iCurrentVideo].ads[iAd].adfulltext;
    document.getElementById("webaddress").title = arrInfo.videos[iCurrentVideo].ads[iAd].adlink;
    document.getElementById("webaddress").innerHTML = arrInfo.videos[iCurrentVideo].ads[iAd].adlinktext;
    document.getElementById("webaddress").href = arrInfo.videos[iCurrentVideo].ads[iAd].adlink;
}