$(document).ready(function () {    


 // $( ".filmlinks span:first a"  ).trigger( "click" );


$('li.clicbtn').on('click', function(){
   var target = $(this).attr('rel');
   $("."+target).show().siblings("div").hide();
   $( "."+target+" span:first"  ).addClass( "active" );
   setTimeout(function(){
 $( "."+target+" span:first"  ).trigger( "click" );
}, 200);

   
    $('li.clicbtn').removeClass('active');
        $(this).addClass('active');
       // $(".hostsframe iframe").attr('src','dadazda.dazd')
   //$(".hostsframe").hide();
   //$( target+"span:first" ).trigger( "click" );
});
$('span.clichost').on('click', function(){
    $('span.clichost').removeClass('active');
        $(this).addClass('active');
   //$(".hostsframe").hide();
   //$( target+"span:first" ).trigger( "click" );
});
var vostfrlen = $(".blocvostfr li").length
var vflen = $(".blocfr li").length
if ( (vostfrlen>vflen) || (vostfrlen==vflen) ) {
  $( ".blocvostfr li.clicbtn:last"  ).addClass( "active" );
  $( ".blocvostfr li.clicbtn:last"  ).trigger( "click" );
 var target = $(".blocvostfr li.clicbtn:last").attr('rel');
   setTimeout(function(){
 $( "."+target+" span:first"  ).trigger( "click" );
}, 200);

}else {
  $( ".blocfr li.clicbtn:last"  ).addClass( "active" );
  $( ".blocfr li.clicbtn:last"  ).trigger( "click" );
 var target = $(".blocfr li.clicbtn:last").attr('rel');
   setTimeout(function(){
 $( "."+target+" span:first"  ).trigger( "click" );
}, 200);


}


 $(".t-b-recent").click(function(){
    $(".block-inside").slideToggle(200);
     $('.t-b-recent .fa').toggleClass('fa-arrow-circle-down').toggleClass('fa-arrow-circle-up');
     $('.t-b-recent').toggleClass('opened').toggleClass('closed');
  });

  
/*
  $(".hostsview").hide();

    $(".tog").click(function () {    
        $(".hostsview").hide();
        $("." + $(this).data('id')).toggle("slow");
        console.log("ddd",$(this).data('id'))
        //$("." + $(this).data('my')).toggle("slow");
    });

$('li.clicbtn').on('click', function(){
   var target = $(this).attr('rel');
   $("."+target).show().siblings("div").hide();
   $( "."+target+" span:first"  ).addClass( "active" );
    $('li.clicbtn').removeClass('active');
        $(this).addClass('active');
   //$(".hostsframe").hide();
   //$( target+"span:first" ).trigger( "click" );
});

$('span.clichost').on('click', function(){
   var target = $(this).attr('rel');
   $("#"+target).show().siblings("div").hide();
});


 $('.clichost').click(function() { // when a .myDiv is clicked
    $('.clichost').not(this).removeClass('active')
    $(this).addClass('active')
  })

 $(".t-b-recent").click(function(){
    $(".block-inside").slideToggle(200);
     $('.t-b-recent .fa').toggleClass('fa-arrow-circle-down').toggleClass('fa-arrow-circle-up');
     $('.t-b-recent').toggleClass('opened').toggleClass('closed');
  });
 */
});