/***************************************
   *   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:videa.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:videa.ql.movedown(\''+video.vcode+'\');"></a>';
          else 
            str+='<a></a>';
          if(i!=0)
            str+='<a title="fel" href="javascript:videa.ql.moveup(\''+video.vcode+'\');"></a>';
          else 
            str+='<a></a>';
          str+='<a title="törlés" href="javascript:videa.ql.remove(\''+video.vcode+'\');"></a> '; 
        str+='</div>';
        str+='<div class="thumb thumb_playlist">';                   
        str+='<img src="'+video.stillUrls[0]+'">'; 
        str+='<a href="javascript:videa.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:videa.ql.toggleSave();" class="btn btn_playlist_save"></a>';
    str+='<a href="javascript:videa.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:videa.ql.clear();">Új gyorslista</a> | <a id="qlSaveLink" href="javascript:void(0)" onclick="javascript:videa.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:videa.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;
  }