// 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();};
addLoadEvent(function(){vkUI=new VideaKidsUI();});

function getPagerHTML(page,itemcount,itemperpage,actionFunctionName){
  if(!page) page=1;
  if(!itemcount) itemcount=0;
  if(!itemperpage) itemperpage=10;
  if(!actionFunctionName) actionFunctionName='changePage';
  
  var maxindex=Math.ceil(itemcount/itemperpage);
  var fromindex=(page>2)?page-2:1;
  var toindex=((fromindex+4)<maxindex)?fromindex+4:maxindex;
  
  var str='';
  str+='<div id="list_pager" class="greybox_pager">';
  
  if(page>1)
    str+='<a href="javascript:'+actionFunctionName+'('+(page-1)+')" title="előző"><img src="/_main/gfx/pager_p.jpg"/></a>';
    
  if(itemperpage<itemcount)
  for (var i=fromindex;i<=toindex;i++){
      str+='<a href="javascript:'+actionFunctionName+'('+i+')" title="'+i+'" class="greybox_page">';
      if(i==page)
        str+='<font color="#a21328">'+i+'</font></a>';
      else
        str+=i;
      str+='</a>';
  }  
  if(page<maxindex)
    str+='<a href="javascript:'+actionFunctionName+'('+(page+1)+')" title="következő"><img src="/_main/gfx/pager_n.jpg"/></a>';

  str+='</div>';
  str+='<span id="list_pagesize_label">Találatok száma egy oldalon: </span>';
  str+='<div id="list_pagesize">';
  var ipps=new Array(10,20,50,100);
  for(var i in ipps){
    if(i!=0) str+=' | ';
    if(ipps[i]==itemperpage)
      str+='<strong>'+ipps[i]+'</strong>';
    else
      str+='<a href="javascript:changeCount('+ipps[i]+')" title="'+ipps[i]+'">'+ipps[i]+'</a>';
  } 
  str+='</div>';
  return str;
}