﻿/* Add Video */
function callback_addVideo(res) {
    var elem = document.getElementById('PlayListDiv');
    if (elem) {
    var div;
    try {
        div = document.createElement('<div>');
    } catch (err) {
        div = document.createElement('div');
    }
    div.id = 'PlayListPosition_' + res.value.VideoPos;
    div.className = 'dvPlayListWhite';
    div.innerHTML = res.value.Html;
    elem.appendChild(div);
    //
    UpdateTabHeader();
    }
}
function PlayList_addVideo(id) {
    PlayListAjax.GetPlayListItem(id,callback_addVideo)
}
/*Move Video */
function callback_PlayListMoveVideo(res) {
   
        var _oldPosition = document.getElementById(("PlayListPosition_" + res.value.OldPos));
        var _newPosition = document.getElementById(("PlayListPosition_" + res.value.NewPos));

        if (_oldPosition && _newPosition) {
            var _tmpHtml = _oldPosition.innerHTML;
            var _cssOld = _oldPosition.className;
            _oldPosition.innerHTML = _newPosition.innerHTML;
            _newPosition.innerHTML = _tmpHtml;
            _oldPosition.className = _newPosition.className;
            _newPosition.className = _cssOld;
            
        }
}

function SwitchPositions(id, position) {
    var _oldPos = document.getElementById((id + position));
    var _newPos = document.getElementById((id + (position + 1)));

    if (_oldPos && _newPos) {
        var _tmpHtml1 = _oldPos.innerHTML;
        /*var _cssOld = _oldPos.className;*/
        _oldPos.innerHTML = _newPos.innerHTML;
        _newPos.innerHTML = _tmpHtml1;
        /*_oldPos.className = _newPos.className;
        _newPos.className = _cssOld;*/
    }
}
function RemoveItem(position) {
    var elem = document.getElementById('PlayListDiv');
    var _count = elem.childNodes.length;
    
    if (elem) {
        for (var i = position; i <= _count; i++) {
            SwitchPositions("PlayListPosition_", i);
        }

        var elem1 = document.getElementById(("PlayListPosition_" + _count));
        if (elem1 == null) {
            elem1 = document.getElementById(("PlayListPosition_" + (_count - 1)));
        }
        if (elem1) {
            elem.removeChild(elem1);
        }
    }
    
    UpdateTabHeader();
}
function PlayList_moveUp(position) {
    PlayListAjax.PlayListMoveUp(position, callback_PlayListMoveVideo);
}
function PlayList_moveDown(position) {
    PlayListAjax.PlayListMoveDown(position, callback_PlayListMoveVideo);
}
function GetDivPos(div, level) {
    var d = div;
    do {
        d = d.parentNode;
    } while (--level > 0);
    if (d) {
        var n = d.id.split('_');
        if (n.length > 1)
            return n[1];
    }
}

/* Remove Item */
function callback_RemoveItem(res) {
    RemoveItem(res.value); 
}
function PlayList_removeItem(position) {
   
    PlayListAjax.RemoveItemFromPlaylist(position, callback_RemoveItem);
}

function removeChildNodes(ctrl) {
    while (ctrl.childNodes[0]) {
        ctrl.removeChild(ctrl.childNodes[0]);
    }
}

/* Clear PlayList */
function ClearPlaylist() {
    var elem = document.getElementById('PlayListDiv');
    if (elem) {
        //elem.innerHTML = "";
        removeChildNodes(elem);
        PlayListAjax.ClearPlayList();
    }
    UpdateTabHeader();
}
/* AddAllVideo2PlayList */
function callback_AddAll2PlayList(res) {
    var _count = res.value.Count;
    var elem = document.getElementById('PlayListDiv');
    var _z = elem.childNodes.length;
    for (var i = 0; i < _count; i++, _z++) {
            var div;
            try {
                div = document.createElement('<div>');
            } catch (err) {
                div = document.createElement('div');
            }
            div.id = 'PlayListPosition_' + _z;
            div.className = 'dvPlayListWhite';
            div.innerHTML = res.value.PlayListItem[i];
            if (elem) {
                elem.appendChild(div);
            }
        }
        UpdateTabHeader();
}
function AddAllVideo2PlayList(data) {
    PlayListAjax.AddAllVideoList2PlayList(data, callback_AddAll2PlayList);
}
// Add Top 10 Two PlayList
function AddTop10TwoPlayList(data) {
    PlayListAjax.AddTop10TwoPlayList(data, callback_AddAll2PlayList);
}
// Add Kolter School
function KolterSchoolAdd2PlayList() {
    PlayListAjax.KolterSchoolAdd2PlayList(callback_AddAll2PlayList);
}
function UpdateTabHeader() {
    var _dvTabActualPlay = document.getElementById('dvTabActualPlay');
    var _dvTabPlayList = document.getElementById('dvTabPlayList');
    var _dvVideoDetailsCtrlCtrl = document.getElementById('dvVideoDetailsCtrlCtrl');
    var _dvPlaylistCtrl = document.getElementById('dvPlaylistCtrl');
    var elem = document.getElementById('PlayListDiv');
    //
    if (_dvTabActualPlay && _dvTabPlayList && _dvVideoDetailsCtrlCtrl && _dvPlaylistCtrl && elem) {
        _dvTabActualPlay.className = 'shortbr';
        var actPlay = document.getElementById('spanTabActualPlay');
        actPlay.innerHTML = 'Aktualnie grane';
        actPlay.className = 'shortbl';
        var plyLista = document.getElementById('spanTabPlayList');
        _dvTabPlayList.className = 'shortgr';
        plyLista.className = 'shortgl';
        plyLista.innerHTML = 'Playlista (' + elem.childNodes.length.toString() + ')';
        _dvVideoDetailsCtrlCtrl.style.display = 'none';
        _dvPlaylistCtrl.style.display = 'block';
    }
    
}
/* Save PlayList */
function ShowModalPopupAlert() {
    PlayListAjax.IsUserLogin(callback_PlayListAlert);
}
function callback_PlayListAlert(res) {
    var _dvAlert = document.getElementById('dvPlayListAlert');
    if (_dvAlert) {
        _dvAlert.innerHTML = res.value;
        var modalPopupBehaviorCtrl = $find('ctl00_OnlineTV_cphLeftBottom_ctl00_PlayLista_modPlayLista');
        if (modalPopupBehaviorCtrl) {
            HidePlayer();
            modalPopupBehaviorCtrl.show();
        }
    }
}
function HidePlayer() {
    var player = document.getElementById('PlayerSpan');
    if (player) {
        player.style.visibility = 'hidden';
    }
}
function ShowPlayer() {
    var player = document.getElementById('PlayerSpan');
    if (player) {
        player.style.visibility = 'visible';
    }
}
/*Load User PlayList*/
function LoadUserPlayList(){ 
    PlayListAjax.LoadUserVideoList(callback_LoadUserPlayList);
}
function callback_LoadUserPlayList(res) {
    if (res.value.Count) {
        var _count = res.value.Count;
        var elem = document.getElementById('PlayListDiv');
        elem.innerHTML = "";
        for (var i = 0, _z = 1; i < _count; i++, _z++) {
            var div;
            try {
                div = document.createElement('<div>');
            } catch (err) {
                div = document.createElement('div');
            }
            div.id = 'PlayListPosition_' + _z;
            div.className = 'dvPlayListWhite';
            div.innerHTML = res.value.PlayListItem[i];
            if (elem) {
                elem.appendChild(div);
            }
        }
        UpdateTabHeader();
    }
}
/* Tab */
function ChangeTabPlayList(tabIndex) {
    var _dvTabActualPlay = document.getElementById('dvTabActualPlay');
    var _dvTabPlayList = document.getElementById('dvTabPlayList');
    var _dvVideoDetailsCtrlCtrl = document.getElementById('dvVideoDetailsCtrlCtrl');
    var _dvPlaylistCtrl = document.getElementById('dvPlaylistCtrl');
    //
    if (_dvTabActualPlay && _dvTabPlayList && _dvVideoDetailsCtrlCtrl && _dvPlaylistCtrl) {
        switch (tabIndex.toString()) {
            case '0':
                _dvTabActualPlay.className = 'shortgr';
                document.getElementById('spanTabActualPlay').className = 'shortgl';
                _dvTabPlayList.className = 'shortbr';
                document.getElementById('spanTabPlayList').className = 'shortbl';
                //
                _dvVideoDetailsCtrlCtrl.style.display = 'block';
                _dvPlaylistCtrl.style.display = 'none';
                break;
            case '1':
                _dvTabActualPlay.className = 'shortbr';
                document.getElementById('spanTabActualPlay').className = 'shortbl';
                _dvTabPlayList.className = 'shortgr';
                document.getElementById('spanTabPlayList').className = 'shortgl';
                _dvVideoDetailsCtrlCtrl.style.display = 'none';
                _dvPlaylistCtrl.style.display = 'block';
                break;
            default:
                break;
        }
    }
}
/*MailToFriend*/
function MailToFriend(res) {
    document.location.href = res;
}
/*Video Details Voting*/
function VotingStar(val) {
    for (var i = 1; i <= val; i++) {
        var elem = document.getElementById(("VideoDetailsVoteStar_0" + i));
        if (elem) {
            elem.setAttribute("src", "/img/star_green.gif");
        }
    }
}
function VotingStarEmpty(val) {
    for (var i = 1; i <= 5; i++) {
        var elem = document.getElementById(("VideoDetailsVoteStar_0" + i));
        if (elem) {
            elem.setAttribute("src", "/img/star.gif");
        }
    }
}


function SaveVotingStar(val) {
    var elem = document.getElementById("VideoDetailsVideoId");
    VideoDetailsAjax.SaveVotingStar(parseInt(elem.getAttribute("value")), val, callback_SaveVotingStar);
}
function callback_SaveVotingStar(res) {
    var star = document.getElementById("VideoDetailsVoteStar");
    if (star) {
        star.innerHTML = "<span class=\"item\"><b> " + res.value + "/5</b></span>";
    }
    
}


