﻿var VideoPlayer = {
    divOut: null,
    videos: new Array(),
    Play: function(objA) {
        var video = VideoPlayer.videos[parseInt(objA.id.split('_')[1])];
        var divView = VideoPlayer.divOut.getElementsByTagName("div")[1];
        var divPlayer = divView.getElementsByTagName("div")[0];
        divPlayer.innerHTML = video;
        var iframe = divPlayer.getElementsByTagName("iframe")[0];
        iframe.style.width = "555px";
        iframe.style.height = "310px";
        if (iframe.src.indexOf('?') != -1) {
            iframe.src = iframe.src + '&autoplay=1';
        } else { iframe.src += '?autoplay=1'; }
    },
    ImageReset: function(objA) {
        var lis = VideoPlayer.divOut.getElementsByTagName('li');
        for (var i = 0; i < lis.length; ++i) {
            lis[i].removeAttribute("class");
        }
        objA.parentNode.className = "selected";
    },
    Init: function() {
        var div = document.getElementById("listVideo");
        VideoPlayer.divOut = div.parentNode;
        var a = VideoPlayer.divOut.getElementsByTagName("div")[3].getElementsByTagName("a");
        hiddens = div.getElementsByTagName("input");
        for (var i = 0; i < hiddens.length; ++i) {
            VideoPlayer.videos.push(hiddens[i].value);
            a[i].id = "~$$$$a_" + i;
            a[i].onclick = function() {
                VideoPlayer.Play(this);
                VideoPlayer.ImageReset(this);
                this.blur();
            }
        }
        VideoPlayer.divOut.getElementsByTagName('li')[0].className = "selected";
        var divView = VideoPlayer.divOut.getElementsByTagName("div")[1].getElementsByTagName("div")[0];
        var iframe = divView.getElementsByTagName("iframe")[0];
        iframe.style.width = "555px";
        iframe.style.height = "310px";
        if (iframe.src.indexOf('?') != -1) {
            iframe.src = iframe.src + '&autoplay=1';
        } else { iframe.src += '?autoplay=1'; }
    }
}
VideoPlayer.Init();
