// JavaScript Document
var vkUI;

function VideaKidsUI(){
  //settings
  var filterDelay=500;
  var submenuDelay=1000

  var me=this;
  var submenus=new Array();
  var filterTimeout=setTimeout("",0);

  var init=function(){
    var sm=document.getElementById('submenus');
    if (sm)
    for (var i=0; i<sm.childNodes.length; i++){
      if(sm.childNodes[i].className=='header_submenu')submenus.push({'node':sm.childNodes[i]});
    }
    if(document.getElementById('loader')){window.onresize=me.rePosFooter;me.rePosFooter(true);}
  }
  me.showMenu=function(id){
    for (var i=0; i<submenus.length; i++){
      if(submenus[i].timeout)submenus[i].timeout=clearTimeout(submenus[i].timeout);
      me.killMenu(i);
    }
    if(submenus[id].timeout)submenus[id].timeout=clearTimeout(submenus[id].timeout);  
    submenus[id].node.style.display='block';
  }
  me.hideMenu=function(id){    
    submenus[id].timeout=setTimeout('vkUI.killMenu('+id+')',submenuDelay);
  }
  me.killMenu=function(id){
    submenus[id].node.style.display='none';
  }
  me.toggleVideoDetails=function(){
    document.getElementById('video_more').className=document.getElementById('video_more').className=='video_rating'?'video_rating video_more':'video_rating';
  }
  me.showFilter=function(sID){
    var ddDiv=document.getElementById(sID).getElementsByTagName('div')[0];
    ddDiv.style.display='block';
    filterTimeout=clearTimeout(filterTimeout);
  }
  me.hideFilter=function(sID){
    filterTimeout=setTimeout("vkUI.killFilter('"+sID+"')",filterDelay);
  }
  me.updateFilter=function(oItem){    
    oItem.parentNode.parentNode.getElementsByTagName('a')[0].firstChild.nodeValue=oItem.firstChild.nodeValue;
    oItem.parentNode.parentNode.getElementsByTagName('input')[0].value=oItem.name;
    me.killFilter(oItem.parentNode.parentNode.id);
  }
  me.killFilter=function(sID){
    document.getElementById(sID).getElementsByTagName('div')[0].style.display='none';
  }
  me.selectThumb=function(oThumb){
    var tp=oThumb.parentNode;
    var thumbs=tp.getElementsByTagName('a');
    for (var i=0;i<thumbs.length;i++){
      thumbs[i].className='';
    }
    oThumb.className='thumbselector_selected';
    tp.getElementsByTagName('input')[0].value=oThumb.name;
  }
  me.rePosFooter=function(force) {
    var myWidth = 0, myHeight = 0;
    myHeight = (typeof( window.innerWidth ) == 'number' )?window.innerHeight:(document.body.clientHeight-22);   
    
    var reqHeight=myHeight-298;
    document.getElementById('loader').style.height=(reqHeight>200)?reqHeight+'px':'200px';
  }




  init();
}

window.onload=function(){vkUI=new VideaKidsUI();};