var plItems = false;
var itemClicked = false;
function initVideoPlayer() {
    if (document.getElementById("player-holder") == null) {
        return;
    }

    $("div#playlist").get(0).style.display = "block";
    plItems = $("div.items a");
    $("a.playlist-item").click(function(event) {
        updateVideoPreview(this, this.rel);
        return false;
    });

    $("a.next").click(function(event) {
        focusOnItem(1);
        return false;
    });

    $("a.prev").click(function(event) {
        focusOnItem(-1);
        return false;
    });

    updateVideoPreview(plItems.get(0), plItems.get(0).rel);
}
window.addOnLoadListener(initVideoPlayer);

function focusOnItem(dir) {

    var elem2 = null;
    var newIndex = 0;
    for (i = 0; i < plItems.length; i++) {
        var elem = plItems.get(i);
        if (itemClicked && elem.href == itemClicked.href) { 
            if (dir == 1  && i < (plItems.length - 1)) {
                elem2 = plItems.get(i+1);
                newIndex = i+1;
            } else if (dir == -1 && i > 0) {
                elem2 = plItems.get(i-1);
                newIndex = i-1;
            }
            break;
        }
    }

    if (elem2) {
        updateVideoPreview(elem2, elem2.rel);
        elem2.focus();
        elem2.blur();
    }
    elem2 = null;
}

function showVideoInfo(item) {
    $("div#player-info").get(0).innerHTML = "<img src=\""+item.getElementsByTagName("img")[0].src+"\" align=\"left\" alt=\"\" /><h3>"+item.title+"</h3><p class=\"date\">"+item.getElementsByTagName("span")[1].innerHTML+"</p><p class=\"descr\">"+item.getElementsByTagName("span")[2].innerHTML+"</p>";
    item.blur();
}

function updateVideoPreview(item, video) {
    if (itemClicked) {
        $(itemClicked).removeClass("active");
    }
    $(item).addClass("active");
    $("div#player-info").get(0).innerHTML = "<img src=\""+item.getElementsByTagName("img")[0].src+"\" align=\"left\" alt=\"\" /><h3>"+item.title+"</h3><p class=\"date\">"+item.getElementsByTagName("span")[2].innerHTML+"</p><p class=\"descr\">"+item.getElementsByTagName("span")[3].innerHTML+"</p>";
    $("a#player").get(0).getElementsByTagName("img")[0].src = (item.getElementsByTagName("img")[0].src).replace(/small/, "big");
    $("a#player").get(0).href = ($("a#player").get(0).href).replace(/video=\d*/, "video="+video);
    $("a#play_now_link").get(0).href = ($("a#player").get(0).href).replace(/video=\d*/, "video="+video);
    item.blur();
    itemClicked = item;
}