// used by pages that have tabs - relevent to this web app only
var _categoryId = 0;
var _statusId = 0;

//------------------------------------------------------------------------
//general
//------------------------------------------------------------------------
function setActiveTab(type){    
    //set the tab that was clicked to clicked state  
    var li = document.getElementById("li" + type);
    li.className = "active";
}
function resetTabs(){
    var tabs = document.getElementsByTagName("li");
    for (var i=0; i < tabs.length; i++)
    {
        tabs[i].className = "inactive";
    }           
}

//------------------------------------------------------------------------
//my media code
//------------------------------------------------------------------------
function getMedia(type){
    //reset all tabs to unclicked state
    resetTabs();
    
    setActiveTab(type);
    //set public var used for filtering
    _type = type; 
    filter();    
}

function filter(){
    showLoader('loadergif', 'media_list');
    _categoryId = document.forms[0].cmbCategories[document.forms[0].cmbCategories.selectedIndex].value;
    _statusId = document.forms[0].cmbStatus[document.forms[0].cmbStatus.selectedIndex].value;
    if (document.forms[0].cmbClients){
        _clientId = document.forms[0].cmbClients[document.forms[0].cmbClients.selectedIndex].value;  
    }
    
    if (_type == "Uploads"){
        getMediaFromWs("All", _categoryId, 1, _profileType, _clientId);
    }
    else{
        getMediaFromWs(_type, _categoryId, _statusId, _profileType, _clientId);
    }
}

function initlist(){
    setActiveTab("All");
    getMediaFromWs("All", 0, 0, _profileType, _clientId);
}
//------------------------------------------------------------------------
//all media code
//------------------------------------------------------------------------
function getAllMedia(type){
    //reset all tabs to unclicked state
    resetTabs();
    
    setActiveTab(type);
    //set public var used for filtering
    _type = type; 
    filterAll();    
    
    var play_all_video = document.getElementById("play_all_video");
    var play_all_audio = document.getElementById("play_all_audio");
    
    switch (type) {
        case "All":
            play_all_video.style.display = "block";
            play_all_audio.style.display = "block";
            break;
        case "Video":
            play_all_video.style.display = "block";
            play_all_audio.style.display = "none";
            break;
        case "Audio":
            play_all_audio.style.display = "block";
            play_all_video.style.display = "none";
            break;
        default:
            play_all_video.style.display = "none";
            play_all_audio.style.display = "none";
            break;
    }
}

function filterAll(){
    showLoader('loadergif', 'media_grid');
    _categoryId = document.forms[0].cmbCategories[document.forms[0].cmbCategories.selectedIndex].value;
    getMediaGridFromWs(_type, _categoryId);
}

function initlistAll(type, catId){    
    resetTabs();
    setActiveTab(type);
    getMediaGridFromWs(type, catId);
}
//------------------------------------------------------------------------
//media player page
//------------------------------------------------------------------------        

function getDetails(type){
    resetTabs();
    setActiveTab(type);
     
    var divAbout = document.getElementById('media_details_about'); 
    var divAdmin = document.getElementById('media_details_admin'); 
    var divDetails = document.getElementById('media_details_details'); 
    var divPlaylist = document.getElementById('media_details_playlist'); 
    
    switch (type) {
        case "About":           
            divAbout.style.display = 'block';
            divDetails.style.display = 'none';
            divAdmin.style.display = 'none';
            divPlaylist.style.display = 'none';
            break;
        case "Details":           
            divAbout.style.display = 'none';
            divDetails.style.display = 'block';
            divAdmin.style.display = 'none';
            divPlaylist.style.display = 'none';
            break;
        case "Playlist":
            divPlaylist.style.display = 'block';
            divAbout.style.display = 'none';
            divDetails.style.display = 'none';
            divAdmin.style.display = 'none';
            break;
        case "Admin":           
            divAbout.style.display = 'none';
            divDetails.style.display = 'none';
            divPlaylist.style.display = 'none';
            divAdmin.style.display = 'block';
            break;
    }
}