var idMain = 'videoMain';
var idThumbs = 'videoThumbsGroup';
var idThumbsWrapper = 'videoThumbsWrapper';
var idThumbsLeft = 'videoThumbsLeft';
var idThumbsRight = 'videoThumbsRight';
var idLabel = 'videoLabel';

var VtotalThumbs = 0;
var VcurrentPanel = 0;
var VtotalPanels = 0;
var VslidingPanels;

function VloadVideo(filepath, filename, label)
{
    document.getElementById(idLabel).innerHTML = label;

    var flashvars = {};
    var params = {};
    params.play = "true";
    params.loop = "false";
    params.menu = "false";
    params.quality = "high";
    params.allowFullScreen = "true";
    params.wmode = "transparent";
    params.allowscriptaccess = "sameDomain";
    params.base = filepath;
    var attributes = {};
    attributes.id = idMain;
    attributes.align = "middle";
    var path = filepath + filename;
    swfobject.embedSWF(path, idMain, "252", "225", "9.0.0", JSrelativePath + "resources/media/expressInstall.swf", flashvars, params, attributes);
}

function Vinitialize()
{    
    var thumbs = '';
    VtotalThumbs = Vvideos.videos.length;
    VcurrentPanel = Vvideos.current;
    VtotalPanels = Math.floor(VtotalThumbs / 3) + 1;

    if (VtotalThumbs < 1)
        return;

    VloadFrame(Vvideos.videos[VcurrentPanel].path, Vvideos.videos[VcurrentPanel].filename, Vvideos.frame, Vvideos.videos[VcurrentPanel].label);

    for (var i = 0; i < VtotalThumbs; i++)
    {
        if (i % 3 == 0)
        {
            if (i != 0)
                thumbs += '</div>';
            thumbs += '<div class="videoThumbsPanel">';
        }
        thumbs += '<a href="javascript:VloadVideo(\'' + Vvideos.videos[i].path + '\', \'' + Vvideos.videos[i].filename + '\', \'' + Vvideos.videos[i].label + '\')" class="link"><img src="' + Vvideos.videos[i].thumb + '" alt="" /></a>';
    }
    thumbs += '</div>';

    document.getElementById(idThumbs).innerHTML = thumbs;
    VslidingPanels = new Spry.Widget.SlidingPanels(idThumbsWrapper);
    VupdateControls();
}

function VloadFrame(filepath, filename, frame, label)
{
    document.getElementById(idLabel).innerHTML = label;
    document.getElementById(idMain).innerHTML = '<a href="javascript:VloadVideo(\'' + filepath + '\', \'' + filename + '\', \'' + label + '\')" class="link"><img src="' + frame + '" alt="" /></a>';
}

function VpreviousPanel()
{
    if (VcurrentPanel > 0)
        VcurrentPanel--;
    VupdateControls();
    VslidingPanels.showPreviousPanel();
}

function VnextPanel()
{
    if (VcurrentPanel < VtotalPanels)
        VcurrentPanel++;
    VupdateControls();
    VslidingPanels.showNextPanel();
}

function VupdateControls()
{
    if (VcurrentPanel == 0)
        document.getElementById(idThumbsLeft).innerHTML = '<img src="' + JSrelativePath + 'resources/images/v-thumb-left-inactive.jpg" alt="" />';
    else
        document.getElementById(idThumbsLeft).innerHTML = '<a href="javascript:VpreviousPanel()" class="link"><img src="' + JSrelativePath + 'resources/images/v-thumb-left.jpg" alt="" /></a>';

    if (VcurrentPanel == (VtotalPanels - 1))
        document.getElementById(idThumbsRight).innerHTML = '<img src="' + JSrelativePath + 'resources/images/v-thumb-right-inactive.jpg" alt="" />';
    else
        document.getElementById(idThumbsRight).innerHTML = '<a href="javascript:VnextPanel()" class="link"><img src="' + JSrelativePath + 'resources/images/v-thumb-right.jpg" alt="" /></a>';
}