/***************************************
   *   SkinQuickList Extends QuickList   *
   ***************************************/
  window['videa']['classes']['SkinQuickList']=function(){
    var me=this;
    this.classname="SkinQuickList";
    var contdiv=null;
  }
  window['videa']['classes']['SkinQuickList'].inheritsFrom(window['videa']['classes']['QuickList']);

  window['videa']['classes']['SkinQuickList'].prototype.init=function(){
    var me=this;
    me.app_name = "Videa Kid";
    me.parent.init.call(me);
    me.listSaved.addhandler(me.onListSaved,me);
    me.quickListChanged.addhandler(me.showListItemsHTML,me);
    //alert("ezt kapd ki");    
  }
  
  window['videa']['classes']['SkinQuickList'].prototype.showQuickListBoxHTML=function(){
    var me=this;
    document.write('<div class="box box_playlist" id="QucikList">Töltés..</div>');
    contdiv=document.getElementById("QucikList");
    me.rendered=true;
    me.getVideosData();//{"_callback":me.showListItemsHTML});
  }
  
  window['videa']['classes']['SkinQuickList'].prototype.onListSaved=function(){
    var me=this;
    //me.toggleSave(true);
    alert("A listát sikeresen elmentetted.");
  }  
  
  window['videa']['classes']['SkinQuickList'].prototype.addThumbnail=function(div,vcode){
    var me=this;
    //div.className="play play_added";  
    var pn=div.parentNode;
    var newdiv=document.createElement("div");
    pn.insertBefore(newdiv,div.nextSibling);
    newdiv.innerHTML="Hozzáadva";
    newdiv.className="added";
    div.style.display="none";
    me.add(vcode);
  }

  window['videa']['classes']['SkinQuickList'].prototype.save=function(btn){
    var me=this;
    var name=btn.previousSibling.value;
    me.setName(name, false);
    //alert(getParentObjectByClassname(me,'PlayList'));
    window['videa']['classes']['PlayList'].prototype.save.call(this);
    //me.parent.save.call(this);
  }
  
  window['videa']['classes']['SkinQuickList'].prototype.toggleSave=function(forcehide){
    var me=this;
    if(me.order.length<1) return;
    var listname = prompt("Mi legyen a lista neve?", me.name);
    if(listname!=null){
      if(listname!=""){
        me.name=listname;
        window['videa']['classes']['PlayList'].prototype.save.call(this);
      }else{
        alert("Nem adtál meg nevett!");
      }
    }
    return;
  }
  
  window['videa']['classes']['SkinQuickList'].prototype.showListItemsHTML=function(){
    var me=this;
    var vcode=null;
    if(document.location.search.indexOf("play=1")>-1){
      var url=document.location.href.split("?");url=url[0];
      url=url.split("/");url=url[url.length-1];
      url=url.split("-");url=url[url.length-1];
      vcode=url;
    }
    //alert(vcode);
    var playscript="void(0)";
    if(me.order.length>0) playscript="javascript:ql.play('"+videos[me.order[0]].playUrl+"');"; 
    
    var str= '';
    str+='<div class="box_header"></div>';
    str+='<div class="box_body">';
    str+='<a href="javascript:'+playscript+'" class="btn btn_playlist_play"></a>';
    str+='<h1>Gyorslista</h1>';
    str+='<div class="playlist" id="playlist_scroller">';
    
    if(me.order.length==0){
      str+='<span class="playlist_empty_text">A <img src="/kid/gfx/fav_add.png" style="margin: 0pt 5px; position: relative; top: 8px;"/> '+
      'ikonnal tudsz videókat a gyorslistába rakni!'+
      '</span><br />'; 
    }else
      for(var i=0;i<me.order.length;i++){
        var video=videos[me.order[i]];
        
        str+='<div class="playlist_item';
          if(i==0) str+=' first';
          else if(i==me.order.length-1) str+=' last';
          
          if(vcode==video.vcode) str+=' playlist_item_selected';
          str+='"';
          
          if(vcode==video.vcode) str+=' id="current_video"';
          str+='>';
         
        str+='<div class="playlist_controls">';
          if(i<me.order.length-1) 
            str+='<a title="le" href="javascript:ql.movedown(\''+video.vcode+'\');"></a>';
          else 
            str+='<a></a>';
          if(i!=0)
            str+='<a title="fel" href="javascript:ql.moveup(\''+video.vcode+'\');"></a>';
          else 
            str+='<a></a>';
          str+='<a title="törlés" href="javascript:ql.remove(\''+video.vcode+'\');"></a> '; 
        str+='</div>';
        str+='<div class="thumb thumb_playlist">';                   
        str+='<img src="'+video.stillUrls[0]+'">'; 
        str+='<a href="javascript:ql.play(\''+video.playUrl+'\');">';
        str+='<h3>'+video.title+'</h3>';
        str+='</a>'; 
        str+='<em>Videó hossza: <b>'+video.getFormattedDuration()+'</b></em>';
        str+='</div>';
        str+='</div>';
        
        /*
        str+='<div class="playlist_item';
        if(vcode==video.vcode) str+=' playlist_item_selected';
        str+='"';
        if(vcode==video.vcode) str+=' id="current_video"';
        str+='>';         
        */
      }
    
    str+='</div>';
    str+='<a href="javascript:ql.toggleSave();" class="btn btn_playlist_save"></a>';
    str+='<a href="javascript:ql.clear();" class="btn btn_playlist_new"></a>';           
    str+='<div class="clear"></div>';
    str+='</div>';
    str+='<div class="box_footer"></div>';
           
    /*
    str+='</div>'+       
    '<div class="playlist_options">'+ 
    '<a href="javascript:ql.clear();">Új gyorslista</a> | <a id="qlSaveLink" href="javascript:void(0)" onclick="javascript:ql.toggleSave()">Mentés</a>'+ 
    '</div>'+ 
    '<div  id="saveDialod" style="display:none" class="playlist_save">'+ 
    'Add meg a gyorslista nevét: <input type="text" value="'+me.getName()+'"/><button value="d" onclick="javascript:ql.save(this);"></button>'+ 
    '</div>'+                  
    '</div>'+ 
    '<div class="box_footer"></div>';*/
    
    if(contdiv) contdiv.innerHTML=str;
    var psll=document.getElementById('playlist_scroller');
    var el=document.getElementById('current_video');
    if(el && psll)
      psll.scrollTop=el.offsetTop-psll.offsetTop;
  }

var ql=new window['videa']['classes']['SkinQuickList']();
ql.init();







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="/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="/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;
}