// JScript File

var thumbnailPath = "../thumbnails/";
var videoPath = "../videos/";

function ShowCategory(i)
{
    HideAll();
    try
    {
        document.getElementById("cell_"+i+"_0").style.display = "block";
        document.getElementById("cell_"+i+"_1").style.display = "block";
        document.getElementById("thumbnail").style.display = "block";
        document.getElementById("movie").style.display = "block";
    } catch (e) {}
}
function HideAll()
{
    for(var i=0; i<categories.length; i++)
    {
        document.getElementById("cell_"+i+"_0").style.display = "none";
        document.getElementById("cell_"+i+"_1").style.display = "none";
    }
    document.getElementById("thumbnail").style.display = "none";
    document.getElementById("agent_0").style.display = "none";
    document.getElementById("agent_1").style.display = "none";
    document.getElementById("cv_0").style.display = "none";
    document.getElementById("cv_1").style.display = "none";
    document.getElementById("movie").style.display = "none";
    var l = window.frames["movieFrame"].location+"";
    if ( l.indexOf("blank.html") == -1 )
    {
        window.frames["movieFrame"].location = "blank.html";
    }
}
function ShowAgent()
{
    HideAll();
    document.getElementById("agent_0").style.display = "block";
    document.getElementById("agent_1").style.display = "block";
}
function ShowCV()
{
    HideAll();
    document.getElementById("cv_0").style.display = "block";
    document.getElementById("cv_1").style.display = "block";
}


function DrawShowreelLinks()
{
    var links = "";
    for(var i = 0; i< categories.length; i++)
    {
        var cat = categories[i];
        var link = "<li class=\"submenu\"><a href=\"javascript:ShowCategory('"+i+"')\">- "+cat.name+"</a></li>";
        links += link;
    }
    document.write(links);
}
function DrawWorksLinks()
{
    var emptyThumbnail = "../thumbnails/empty.png";
    var style = " style=\"display:block;\" ";
    for(var i = 0; i< categories.length; i++)
    {
        var cat = categories[i];
        var n = cat.works.length;
        var col1 = "<div class=\"links\" id=\"cell_"+i+"_0\" "+style+"><ul>";
        var col2 = "<div class=\"links\" id=\"cell_"+i+"_1\" "+style+"><ul>";
        style = "";
        for(var j=0; j<cat.works.length; j++)
        {
            var work = cat.works[j];
            var video = videoPath+work.video+".html";
            var thumbnail = thumbnailPath+work.thumbnail;
            var htmlText = work.htmlText;
            
            var str = "<li><a href=\""+video+"\" target=\"movieFrame\" ";
            str += "onMouseOver=\"document.images['tnail'].src='"+thumbnail+"';\" ";
            str += "onMouseOut=\"document.images['tnail'].src='"+emptyThumbnail+"';\">";
            str += htmlText;
            str += "</a></li><li>&nbsp;</li>";
            if ( j < n/2)
            {
                col1 += str;
            } else {
                col2 += str;
            }
        }
        if( n==0 )
        {
            col1 += "<li>&nbsp;</li>";
            col2 += "<li>&nbsp;</li>";
        } else if( n==1 ) {
            col2 += "<li>&nbsp;</li>";
        }
        col1 += "</ul></div>";
        col2 += "</ul></div>";
        document.write(col1);
        document.write(col2);
    }
}