/* This code allows us to swap videos in and out */



var vidtext = new Array();
var nowPlayingText = 'Now Playing';
currvid = 0;

function oddvid(num) {
    return '<div class="container_12">' +
//'<div class="grid_4"><br clear="all" /></div>' +
  '<div class="grid_4 leftthumb">' +
    //'<img src="/images/videos/6594026.jpg" id="videothumb' + num + '" class="videothumb" />' +
    '<img src="/images/videos/' + vid[num][0] + '.jpg" id="videothumb' + num + '" class="videothumb" />' +
  '</div>';
}
function evenvid(num) {
    return '<div class="grid_4">' +
    //'<img src="/images/videos/9501834.jpg" id="videothumb' + num + '" class="videothumb" />' +
    '<img src="/images/videos/' + vid[num][0] + '.jpg" id="videothumb' + num + '" class="videothumb" />' +
  '</div>' +
  '</div>';
}

videossection = '<div class="container_12">' +
/*  '<div class="grid_4">' +
  '<br clear="all" />' +
  '</div>' +*/
  '<div class="grid_8 dottedtop">' +
    '<h2>Videos</h2>' +
  '</div>' +
'</div>';

window.onload = function () {
    // just skip if this isn't really a video page
    if (typeof numvids == 'undefined') {
        return;
    }

    /* make the block of thumbnails */
    var tex = '';
    for (var vidnum = 1; vidnum <= numvids; vidnum++) {
        if (vidnum % 2 == 1) {
            tex += oddvid(vidnum);
        } else { tex += evenvid(vidnum); }
    }
    if (numvids % 2 == 1) { tex += '<div class="grid_4"><br clear="all" /></div></div>'; }
    
    $('#thumbcontainer').append(videossection)
    $('#thumbcontainer').append(tex)

    // Swap around the text
    for (var vidnum = 1; vidnum <= numvids; vidnum++) {
        vidtext[vidnum] = vid[vidnum][1];
        $('#videothumb' + vidnum).after('<p class="undervideotext">' + vidtext[vidnum] + '</p>');
        $('#videothumb' + vidnum).click(playVidFunc(vidnum));
    }
    setMainVid(firstvid); // firstvid should be set in the script
}

function vidnum2html(vidnum) {
    if (vid[vidnum][0].length == 11) { // In here, we assume it's a youtube video
        return '<object width="620" height="376" id="bigvid' + vidnum + '>' +
            '<param name="movie" value="http://www.youtube.com/v/' + vid[vidnum][0] +
            '%26hl=en_US%26fs=1%26hd=1%26showinfo=0%26enablejsapi=1%26version=3%26cc_load_policy=0"></param>' +
            '<param name="allowFullScreen" value="true"></param>' +
            '<param name="allowscriptaccess" value="always"></param>' +
            '<param name="enablejsapi" value="1"></param>' +
            '<param name="showinfo" value="0"></param>' +
            '<param name="cc_load_policy" value="0"></param>' +
            '<embed src="http://www.youtube.com/v/' + vid[vidnum][0] +
            '%26hl=en_US%26fs=1%26hd=1%26showinfo=0%26enablejsapi=1%26version=3%26cc_load_policy=0" type="application/x-shockwave-flash" allowscriptaccess="always" cc_load_policy="0" allowfullscreen="true" width="620" height="376" showinfo="0"></embed>' +
            '</object>';
    }
    else { // This is a vimeo video
        return '<object width="620" height="376">' +
          '<param name="allowfullscreen" value="true" />' +
          '<param name="allowscriptaccess" value="always" />' +
          '<param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=' + vid[vidnum][0] +
          '&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" />' +
          '<embed src="http://vimeo.com/moogaloop.swf?clip_id=' + vid[vidnum][0] +
          '&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="620" height="376"></embed>' +
        '</object>';
    }

}


function setMainVid(newvid) {
    // only if the video has changed
    if (newvid != currvid) {
        // Reset the name of the video below
        if (newvid > 0) {
            $('#videothumb' + currvid + "+.undervideotext").removeClass('nowplayingvid').text(vidtext[currvid]);
        }
        currvid = newvid;
        $('#videopane').empty();
        $('#videopane').append(vidnum2html(currvid));
        //$('#videopane').append('<p>dfhgkfgjsghj</p>');
        $('#videopane').append('<p class="mainvideotitle">' + vidtext[currvid] + '</p>');

        $('#videothumb' + currvid + '+p').addClass('nowplayingvid').text('Now Playing');
    }
}

function playVidFunc(vidnum) {
    return function (event) { setMainVid(vidnum) };
}