//* Load parts
var date = new Date();
var tick = date.getTime();
document.write("<script type='text/javascript' src='../jscript/Thumbnails.js?tick="+tick+"'></script>");

// RUN FIRST
var isIphone = (navigator.userAgent.toLowerCase().indexOf("iphone") != -1);
var isIpad = (navigator.userAgent.toLowerCase().indexOf("ipad") != -1);

if(isIphone)
{
    document.write('<meta name="viewport" content="initial-scale=0.66, width=480" />');
}
document.write('<link rel="stylesheet" type="text/css" href="../css/Night.css" />');

if (document.images) 
{
    var imgsrc = new Array();
    if( isIphone)
    {
        imgsrc[0] = "l1_n_a_iphone.jpg";
        imgsrc[1] = "l1_n_b_iphone.jpg";
        imgsrc[2] = "l2_n_a_iphone.jpg";
        imgsrc[3] = "l2_n_b_iphone.jpg";
        imgsrc[4] = "l3_n_a_iphone.jpg";
        imgsrc[5] = "l3_n_b_iphone.jpg";
        imgsrc[6] = "l4_n_a_iphone.jpg";
        imgsrc[7] = "l4_n_b_iphone.jpg";
    } else {
        imgsrc[0] = "l1_n_a.jpg";
        imgsrc[1] = "l1_n_b.jpg";
        imgsrc[2] = "l2_n_a.jpg";
        imgsrc[3] = "l2_n_b.jpg";
        imgsrc[4] = "l3_n_a.jpg";
        imgsrc[5] = "l3_n_b.jpg";
        imgsrc[6] = "l4_n_a.jpg";
        imgsrc[7] = "l4_n_b.jpg";
        imgsrc[8] = "l5_n_a.jpg";
        imgsrc[9] = "l5_n_b.jpg";
        imgsrc[10] = "p_d_a.png";
        imgsrc[11] = "p_d_b.png";
        imgsrc[12] = "n_d_a.png";
        imgsrc[13] = "n_d_b.png";
        imgsrc[14] = "p_n_a.png";
        imgsrc[15] = "p_n_b.png";
        imgsrc[16] = "n_n_a.png";
        imgsrc[17] = "n_n_b.png";
    }
    
    for( var i=0; i < imgsrc.length; i++)
    {
        try 
        {
            this["img"+i] = new Image();
            this["img"+i].src = "../images/"+imgsrc[i];
        } 
        catch (err)
        {
            //alert("err");
        }
    }
}


window.onresize = OnResize;

// Declarations
var baseColor = "#000000";

var currentVideo = -1;

var selected=-1;

var video, videoInfo, videoInfoLeft, videoInfoRight, movPlayer;
var links;
var link1, link2, link3, link4, link5;
var link1_selected, link2_selected, link3_selected, link4_selected, link5_selected;
var shutter1, shutter2, shutter3, shutter4, shutter5;
var items1, items2, items3, items4, items5;
var headerRight;
var showDaylightVersion, showNightVersion;

var ch1 = 0;
var ch2 = 0;
var ch3 = 0;
var ch4 = 0;
var ch5 = 0;

var wh1 = -1;
var wh2 = -1;
var wh3 = -1;
var wh4 = -1;
var wh5 = -1;

function Start()
{
    //* fill objects for open/close
    video = document.getElementById("video");
    videoInfo = document.getElementById("videoInfo");
    videoInfoLeft = document.getElementById("videoInfoLeft");
    videoInfoRight = document.getElementById("videoInfoRight");
    movPlayer = document.getElementById("movPlayer");
    links = document.getElementById("links");
    link1  = document.getElementById("link1");
    link2  = document.getElementById("link2");
    link3  = document.getElementById("link3");
    link4  = document.getElementById("link4");
    link5  = document.getElementById("link5");
    link1_selected = document.getElementById("link1_selected");
    link2_selected = document.getElementById("link2_selected");
    link3_selected = document.getElementById("link3_selected");
    link4_selected = document.getElementById("link4_selected");
    link5_selected = document.getElementById("link5_selected");
    shutter1 = document.getElementById("shutter1");
    shutter2 = document.getElementById("shutter2");
    shutter3 = document.getElementById("shutter3");
    shutter4 = document.getElementById("shutter4");
    shutter5 = document.getElementById("shutter5");
    items1 = document.getElementById("items1");
    items2 = document.getElementById("items2");
    items3 = document.getElementById("items3");
    items4 = document.getElementById("items4");
    items5 = document.getElementById("items5");
    headerRight = document.getElementById("headerRight");
    showDaylightVersion = document.getElementById("showDaylightVersion");
    showNightVersion = document.getElementById("showNightVersion");
    
    showDaylightVersion.style.display = "inline";
   
    var i = setInterval("Update();", 20);
}
function Update()
{
    if (links.style.display != "none")
    {
        var ready = true;
        for(var i=5; i>0 ; i--)
        {
            var ch = this["ch"+i];
            var wh = Math.max(0,this["wh"+i]);
            if ( wh != ch)
            {
                
                var h = (ch+wh)/2;
                if( h>wh)
                {
                    h = Math.floor(h);
                } 
                else if( h < wh)
                {
                    h = Math.ceil(h);
                } 
                this["ch"+i] = h;
                try { 
                    this["shutter"+i].style.height = h+"px";
                } catch (err) {}
            }
        }
    }
}
function Select(index)
{
    selected = -1;
    for(var i=1; i< 6; i++)
    {
        if(index != i)
        {
            RollOut(i);
            this["wh"+i] = -1;
        } else {
            if( this["wh"+i] == -1)
            {
                selected=index;
                RollOver(i);
                this["wh"+i] = this["items"+i].clientHeight;
            } else {
                RollOut(i);
                this["wh"+i] = -1;
            }
        }
    }  
}
function RollOver(i)
{
    try {
        if ( isIphone)
        {
            this["link"+i+"_ip"].style.display = "none";
            this["link"+i+"_ip_selected"].style.display = "block";
        } else {
            this["link"+i].style.display = "none";
            this["link"+i+"_selected"].style.display = "block";
        }
    } catch (err) {}
}
function RollOut(i)
{
    if( i != selected)
    {
        try {
            if ( isIphone)
            {
                this["link"+i+"_ip"].style.display = "block";
                this["link"+i+"_ip_selected"].style.display = "none";
            } else {
                this["link"+i].style.display = "block";
                this["link"+i+"_selected"].style.display = "none";
            }
        } catch (err) {}
    }
}

function OnResize()
{
    for( var i = 1; i <6; i++)
    {
        try
        {
            if( this["wh"+i] != -1 )
            {
                this["wh"+i] = this["items"+i].clientHeight;
            }
        } catch (error) {}
    }
}
function ShowNightVersion()
{
    baseColor = "#000000";
    showDaylightVersion.style.display= "inline";
    showNightVersion.style.display= "none";
    var i,a,s;
    a=document.getElementsByTagName('link');
    for(i=0;i<a.length;i++) {
        s=a[i];
        if( s.href.indexOf("Daylight.css") != -1)
        {
            s.href = s.href.replace("Daylight.css", "Night.css");
        }
    }
}
function ShowDaylightVersion()
{
    baseColor = "#ffffff";
    showDaylightVersion.style.display= "none";
    showNightVersion.style.display= "inline";
    var i,a,s;
    a=document.getElementsByTagName('link');
    for(i=0;i<a.length;i++) {
        s=a[i];
        if( s.href.indexOf("Night.css") != -1)
        {
            s.href = s.href.replace("Night.css", "Daylight.css");
        }
    }
}
function ShowNextVideo()
{
    ShowVideo(currentVideo+1);
}
function ShowPreviousVideo()
{
    ShowVideo(currentVideo-1);
}
function ShowVideo(i)
{
    if ( isIphone)
    {
        headerRight.className="headerRightVideo";
    }
    //* show the movei and hide the links
    links.style.display ="none";
    video.style.display ="block";
    //* validate index
    i = i % arr_titles.length;
    if ( i < 0)
    {
        i += arr_titles.length;
    }
    currentVideo = i;
    //* read info fo movie
    var thumbURL = arr_thumbnails[i];
    var movURL = arr_videos[i];
    var movWidth = Number(arr_widths[i]);
    var movHeight = Number(arr_heights[i]);
    var movInfo = "&nbsp;" + arr_titles[i] + " | " + arr_directors[i] + " | " + arr_companies[i] + "&nbsp;";
    
    videoInfo.style.width = "800px";
    
    //* fill details
    videoInfoLeft.innerHTML = movInfo;
    //* determine and set width for details bar
    var w = Number(videoInfoLeft.clientWidth)+10+Number(videoInfoRight.clientWidth);

    w = Math.max(w,movWidth);
    videoInfo.style.width = w+"px";
    
    //* try to get rid of current content
    try{
        movPlayer.removeChild(movPlayer.firstChild);
    } catch (err){}
    //* insert new movie
    var theMov = "";
    /*if( isIphone )
    {
        theMov = QT_GenerateOBJECTText_XHTML(thumbURL, movWidth, movHeight, '','href', movURL, 'target', 'myself', 'scale','aspect','bgcolor', baseColor);
    }
    else
    {
        theMov = QT_GenerateOBJECTText_XHTML(movURL, movWidth, movHeight+16, '', 'scale','aspect','bgcolor', baseColor);
    }*/
    theMov = GetMovHtml(thumbURL, movURL, movWidth, movHeight);
    
    //* resize player's div
    movPlayer.style.display = "block";
    movPlayer.style.width = movWidth+"px";
    movPlayer.innerHTML=theMov;
    
    try{
        window.frames["googleFrame"].location = movURL+".html";
    } catch (error) {alert(error);}
}
function GetMovHtml(preview, video, videoWidth, videoHeight)
{
    var qt = "<object classid=\"clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B\" codebase=\"http://www.apple.com/qtactivex/qtplugin.cab\" ";
    if(isIphone || isIpad)
    {
        qt += "width=\""+videoWidth+"\" height=\""+videoHeight+"\" >";
        qt += "<param name=\"src\" value=\""+ preview +"\" />";
        qt += "<param name=\"href\" value=\""+ video +"\" />";
        qt += "<param name=\"target\" value=\"myself\" />";
        qt += "<param name=\"controller\" value=\"false\" />";
        qt += "<param name=\"autoplay\" value=\"false\" />";
    } else {
        qt += "width=\""+videoWidth+"\" height=\""+(videoHeight+16)+"\" >";
        qt += "<param name=\"src\" value=\""+ video +"\" />";
        qt += "<param name=\"controller\" value=\"true\" />";
        qt += "<param name=\"autoplay\" value=\"true\" />";
    }
    qt += "<param name=\"bgcolor\" value=\"#000000\" ";
    qt += "<param name=\"scale\" value=\"aspect\" />";
    qt += "<embed type=\"video/mp4\" pluginspage=\"http://www.apple.com/quicktime/download/\" ";
    if(isIphone || isIpad)
    {
        qt += "width=\""+videoWidth+"\" height=\""+videoHeight+"\" ";
        qt += "src=\"" + preview + "\" ";
        qt += "href=\"" + video + "\" ";
        qt += "target=\"myself\" controller=\"false\" autoplay=\"false\" ";
    } else {
        qt += "width=\""+videoWidth+"\" height=\""+(videoHeight+16)+"\" ";
        qt += "src=\"" + video + "\" ";
        qt += "controller=\"true\" autoplay=\"true\" ";
    }
    qt += "bgcolor=\"#000000\" scale=\"aspect\">";
    qt += "</embed></object>";
    return qt;
}


function HideVideo()
{
    if ( isIphone)
    {
        headerRight.className="headerRight";
    }
    movPlayer.style.display = "none";
    if(currentVideo == -1)
    {
        currentVideo = 0;
    }
    var i = currentVideo;
    var thumbURL = arr_thumbnails[i];
    var movWidth = Number(arr_widths[i]);
    var movHeight = Number(arr_heights[i]);
    //* try to get rid of current content
    try{
        movPlayer.removeChild(movPlayer.firstChild);
    } catch (err){}
    
    /*var theMov = "";
    theMov = QT_GenerateOBJECTText_XHTML(thumbURL, movWidth, movHeight+16, '', 'scale','aspect','bgcolor', baseColor);
    movPlayer.innerHTML=theMov;*/
    links.style.display ="block";
    video.style.display ="none";
}
function GoToHome()
{
    if (video.style.display == "block")
    {
        HideVideo();
    }
    else
    {
        document.location = "http://www.danielbronks.com/";
    }
}