if (!window['videa']) window['videa']={'name':'videa'};
if (!window['videa']['classes']) window['videa']['classes']={};

  /*******************
   *   KidVideoList  *
   *******************/
  if (!window['videa']['classes']['KidVideoList'])
  window['videa']['classes']['KidVideoList']=function(){
    var me = this;
    var meclasspro = me.constructor.prototype;
    me.classname = "KidVideoList";
    me.contdiv = null;

    meclasspro.init = function(params) {
      var caller = this;
      caller.contdiv = document.getElementById('videolistcontainer');
      //caller.contdiv.innerHTML=' ';
      me.parent.init.call(caller, params);
      caller.refreshHtmlList();
    }

    meclasspro.refreshHtmlList=function(){
      window.scrollTo(0, 0);
      var caller=this;
      var ret=me.parent.refreshHtmlList.call(caller);
      if(ret.isCached){
        var toIndex=ret.toIndex;
        var fromIndex=ret.fromIndex;

        var output="";
        output+=caller.getFilterHtml();
        output+='<div class="box box_thumblist">';
        output+='<div class="box_header"></div>';
        output+='<div class="box_body">';

        for(var i=fromIndex;i<=toIndex;i++){
          var v=caller.videos[i];
          if (v.own == 1) {
            output+='<div class="thumb thumb_listitem thumb_editplaylist">';
          } else {
            output+='<div class="thumb thumb_listitem v'+v.chid+'">';
          }
          output+='<div class="thumb_icon">';
          if (v.uploadStatus == 3 && (v.mode == 0 || v.mode == 1)) {
            output+='<a href="'+v.getPlayUrl()+'"><img src="'+v.getDefaultThumbnailUrl()+'"></a>';
          } else {
            output+='<a href="javascript:void(0)"><img src="'+v.getDefaultThumbnailUrl()+'"></a>';
          }
          output+='</div>';
          output+='<div class="thumb_desc">';
          output+='<div class="thumb_desc_txt">';
          if (v.uploadStatus == 3 && (v.mode == 0 || v.mode == 1)) {
            output+='<h3><a href="'+v.getPlayUrl()+'">'+v.title+'</a> ('+v.getFormattedDuration()+')</h3> ';
          } else {
            output+='<h3><a href="javascript:void(0)">'+v.title+'</a> ('+v.getFormattedDuration()+')</h3> ';
          }
          output+='<div id="shortDesc_'+v.vcode+'">';
          output+=v.getShortDescription(60);
          if (v.getFullDescription().length != v.getShortDescription(60).length) {
            output+='<a class="more" href="javascript:toggleFullView(\'shortDesc_'+v.vcode+'\', true)">tovább</a>';
          }
          output+='</div>';
          output+='<div style="display:none" id="longDesc_'+v.vcode+'">';
          output+=v.description;
          output+=' <a class="less" href="javascript:toggleFullView(\'longDesc_'+v.vcode+'\', false)">vissza</a>';
          output+='</div>';
          output+='<b class="thumb_tags" id="shortTags_'+v.vcode+'"> ';
          output+='Cimkék: ';
          var tags = v.getShortTagsArray(30);
          for (var j=0; j<tags.length; j++) {
            if (j!=0) {
              output+=', ';
            }
            output+='<a href="'+v.getTagUrl(j)+'" title="'+tags[j].tag+'">'+tags[j].tag+'</a>';
          }
          if (tags.length < v.tags.length) {
            output+=' ... <a class="more" style="font-weight: normal" href="javascript:toggleFullView(\'shortTags_'+v.vcode+'\', true)">tovább</a>';
          }
          output+='</b>';
          output+='<b class="thumb_tags" style="display:none" id="allTags_'+v.vcode+'"> ';
          output+='Cimkék: ';
          for (var j=0; j<v.tags.length; j++) {
            if (j!=0) {
              output+=', ';
            }
            output+='<a href="'+v.getTagUrl(j)+'" title="'+v.tags[j].tag+'">'+v.tags[j].tag+'</a>';
          }
          output+=' <a class="less" style="font-weight: normal" href="javascript:toggleFullView(\'allTags_'+v.vcode+'\', false)">vissza</a>';
          output+='</b>';
          output+='<em class="thumb_sentby">Beküldte: <a href="'+v.getUploaderUrl()+'">'+v.getUploaderName()+'</a></em>';
          output+='</div>';
          if (v.own == 1 && (v.mode == 0 || v.mode == 1 || v.mode == 200 || v.mode == 201 || v.uploadStatus == 0 || v.uploadStatus == 4) && (caller.searchParams.method == 110 || caller.searchParams.method == 13)) {
            output += '<div class="thumb_edit">';
            if (v.uploadStatus == 3) {
              output += '<a class="btn btn_video_details" href="/video_adatai/'+v.vcode+'"></a>';
            } else {
              output += '<a class="btn btn_video_details" style="visibility: hidden;" href="/video_adatai/'+v.vcode+'"></a>';
            }
            output += '<a class="btn btn_video_del" href="javascript:deleteVideo(\''+v.vcode+'\')"></a>';
            if (caller.searchParams.method == 13 && (v.mode == 200 || v.mode == 201)) {
              output += '<a class="btn btn_video_approve" href="javascript:approveVideo(\''+v.vcode+'\')"></a>';
            }
            output += '</div>';
          }
          output+='</div>';
          output+='<div class="thumb_details">';
          if (v.uploadStatus == 3 && (v.mode == 0 || v.mode == 1)) {
            output+='<a href="javascript:void(0)" onclick="javascript:videa.currentlist.toogleVideoToQuickList(this,\''+v.vcode+'\')" class="video_rating_options video_rating_add">Hozzáadás a gyorslistához!</a>';
            output+='<div class="video_rating_small"><div class="video_rating_stars rating_is_'+v.getStarsCount(caller.searchParams.interval)+'"></div>';
            output+='<b>'+v.getRoundedAvg(caller.searchParams.interval)+'</b></div>';
            output+='<span>Nézettség:</span> '+v.getFormattedViews(caller.searchParams.interval);
          } else {
            output+='<div style="font-weight:bold; margin-top: 10px; margin-bottom: 30px; color: white; background-color: #FF6D3D; padding: 10px 2px; text-align: center;">';
            switch (v.uploadStatus) {
              case 0: output+='feltöltés sikertelen'; break;
              case 1: output+='átalakításra vár'; break;
              case 2: output+='átalakítás alatt'; break;
              case 3: output+='átalakítás alatt'; break;
              //case 3: output+='jóváhagyásra vár'; break;
              case 4: output+='átalakítás sikertelen'; break;
            }
            output+='</div>';
          }
          output+='</div>';
          //hogy nyuljon a div
          output+='<div class="clear"></div>';
          output+='</div>';
        }
        if (caller.totalhits == 0) {
          output += "<div style=\"padding: 0 20px; color: #ff6d3d; font-weight: bold; font-size: 18px;\">Nincs találat</div>";
        } else {
          var cpjsfuncname="videa.currentlist.changePage";
          output+=videa.skin.getPagerHTML(caller.searchParams.page, caller.totalhits, caller.searchParams.count,cpjsfuncname);
        }
        output+='<div class="clear"></div>';
        output+='</div>';
        output+='<div class="box_footer"></div>';
        output+='</div>';

        caller.contdiv.innerHTML=output;
      }
    }

    meclasspro.toogleVideoToQuickList=function(aTag,vcode){
      if(aTag.innerHTML=='Törlés a gyorslistából!'){
        aTag.innerHTML='Hozzáadás a gyorslistához!';
        aTag.className="video_rating_options video_rating_add";
        videa.ql.remove(vcode);
      }else{
        aTag.innerHTML='Törlés a gyorslistából!';
        aTag.className="video_rating_options video_rating_del";
        videa.ql.add(vcode);
      }
    }

    meclasspro.getFilterHtml = function() {
      var caller = this;
      var output = '';
      output += '<div class="box">';
      output += '<div class="box_header"></div>';
      output += '<div class="box_body">';
      output += '<h1>' + caller.searchParams.title + ' (' + caller.totalhits + ' videó)</h1>';
      var filtersDisplayed = 0;
      for (var i=0; i<caller.filters.length; i++) {
        var filter = caller.filters[i];
        if (filter.name == "intervals" && caller.searchParams.sort != 1 && caller.searchParams.sort != 2) continue;
        if (filter.values.length > 0) {
          output += '<div class="filter_dropdown';
          if (filtersDisplayed != 0) output += ' filter_tab_' + filtersDisplayed;
          output += '" id="filter_' + filter.name + '" >';
          output += '<input type="hidden" name="filter_when">';
          output += '<a href="javascript:void(0)" id="" onmouseout="vkUI.hideFilter(\'filter_' + filter.name + '\')" onclick="vkUI.showFilter(\'filter_' + filter.name + '\');" class="filter_dropdown_selected">';
          output += filter.values[filter.selectedIndex].label;
          output += '</a>';
          output += '<div class="filter_dropdown_list">';
          filtersDisplayed++;
          for (var j=0; j<filter.values.length; j++) {
            //output += '<a name="2" href="#" onclick="vkUI.updateFilter(this)" onmouseout="vkUI.hideFilter(\'filter_' + filter.name + '\')" onmouseover="vkUI.showFilter(\'filter_' + filter.name + '\')">';
            output += '<a name="2" href="#" onclick=\'videa.currentlist.changeFilter({"name":"' + filter.name + '","value":"' + filter.values[j].value + '"})\' onmouseout="vkUI.hideFilter(\'filter_' + filter.name + '\')" onmouseover="vkUI.showFilter(\'filter_' + filter.name + '\')">';
            output += filter.values[j].label;
            output += '</a>';
          }
          output += '</div>';
          output += '</div>';
        }
      }
      output += 'Mutasd: ';
      output += '<div class="clear"></div>';
      output += '</div>';
      output += '<div class="box_footer"></div>';
      output += '</div>';
      return output;
    }
  }
  window['videa']['classes']['KidVideoList'].inheritsFrom(window['videa']['classes']['VideoList']);