var array_players=Array();  
    var array_radio_players=Array();
    var tv = true;
    var actual_array=Array();
    var name_botonera = "#botonera-tv";
    function playPlayer(index) {
        array_players[index].sendEvent('PLAY');
    }

    $(document).ready(function() {
        var n = $("#botonera-tv div a").size();
        var nRadio = $("#botonera-radio div a").size();
        var actual = 0;
        array_players.push(ply1);
        array_players.push(ply2);
        //array_players.push(ply3);
        //array_players.push(ply4);
        array_radio_players.push(ply11);
        array_radio_players.push(ply12);
        array_radio_players.push(ply13);
        actual_array.push(array_players);
        actual_array.push(array_radio_players);
        //tabs-videos
        
        $(".contenido-tab").hide();
        $("#main-tab div:first a").addClass("active");//.show();
        $(".contenido-tab:first").show();
        //tabs canales
        $("#botonera-tv div a:eq("+actual+")").addClass("active");
        //$("#botonera-tv div a:eq("+actual+")").css({"margin-left":"-10px"});
        $(".listado-tab").hide();
        $("#tab"+(actual+1)).show();
        //tabs botoneras
        $(".solapa a:eq(0)").addClass("active");
        $("#zapping-tab #botonera-tv").hide();
        $("#zapping-tab #botonera-radio").hide();
        $("#zapping-tab div:first").show();
         //Click Tabs Events
        $(".solapa a").click(function()
        {
            $(".solapa a").removeClass("active");
            $(this).addClass("active");
            var activeBotonera = $(this).attr("rel");
            $("#zapping-tab #botonera-tv").hide();
            $("#zapping-tab #botonera-radio").hide();
            $(activeBotonera).show();
             stopPlayer(actual);
             if($("#botonera-radio").is(":visible"))
             
             {
                tv = false;
                name_botonera = "#botonera-radio";
                var tab_name = "#tab1";
             } else {
                 tv = true;
                 name_botonera = "#botonera-tv";
                 var tab_name = "#tab";
             }

             actual = 0;
             $(".listado-tab").hide();
             $(tab_name+(actual+1)).show();
             //tabs canales
             $(name_botonera+" div a:eq("+actual+")").addClass("active");
             //$(name_botonera+" div a:eq("+actual+")").css({"margin-left":"-10px"});
         });

         $("#main-tab div a").click(function()
         {
            $("#main-tab div a").removeClass("active");
            $(this).addClass("active");
            $(".contenido-tab").hide();
            var activeTab = $(this).attr("rel");
            $(activeTab).fadeIn();
            return false;
         });

          //$("#botonera-tv div a").bind("click",function(){
          $("#zapping-tab div div a").bind("click",function() {
              var botones = $("#zapping-tab "+name_botonera+" div a");
              //hide channels content
              $(".listado-tab").css("display","none");
              //active channel
              //$("#zapping-tab div div a").css({"margin-left":"0px"});
              $("#zapping-tab div div a").removeClass('active');
              var $square = $(this);
              $square.addClass("active");//.animate({ marginLeft: marginLess}, 200, function() { 
                 //$(this).animate({  marginLeft: '-=15px' }, 200);
              //});
              //show channel
              var activeChannel = $(this).attr("rel");
              $(activeChannel).css("display","block");
              if(tv)
                array_players[actual].sendEvent('STOP');
              else
                array_radio_players[actual].sendEvent('STOP');
             // stopPlayer();
              //update actual
              //$('#botonera-tv .tvboton a').each(function(i) {
               $('div .tvboton a').each(function(i) {
                   if($(this).hasClass("active"))  {
                       actual = i;
                       tv = true;
                       return false;
                   }
               });


               $('div .tvradio a').each(function(i) {
                   if($(this).hasClass("active"))  {
                       actual = i;
                       tv = false;
                       return false;
                   } 
               });  


               //play
             if(array_players[actual].view) {
              if(tv)
                array_players[actual].sendEvent('PLAY');
              else
                array_radio_players[actual].sendEvent('PLAY');

             }
          });


      $(".arrowright").click(function(){
        //  $('#botonera div a:first').before($('#botonera li:last'));
       //  $("#botonera div a:eq(3)").append("<span> - Active!</span>");
       // console.log(aa);
          // $("#zapping-tab div div a").css({"margin-left":"0px"});
           $("#zapping-tab div div a").removeClass('active');
           //    alert( array_players[actual].getConfig().file)
          //if(array_players[actual].state!="Stopped" || array_players[actual].state!="Closed") {


           var thisN;
             if(tv)  {
               array_players[actual].sendEvent('STOP');
               thisN = n;
               var tab_name = "#tab";
             }

               else {
                array_radio_players[actual].sendEvent('STOP');
                thisN = nRadio;
                var tab_name = "#tab1";
               }
             // array_players[actual].controller.setStop();
         // }
           //array_players[actual].controller.setStop();
           var i = actual+1;
           actual = i;
             if(i+1 > thisN) {
                $("#zapping-tab "+name_botonera+" div a:eq(0)").addClass("active");//.animate({ marginLeft: marginLess}, 200, function() {
                 //    $("#zapping-tab "+name_botonera+" div a:eq("+(n-1)+")").css({  marginLeft: "0px" });
                // });
                 i = 0;
                 actual = i;
             }
             else {
                $("#botonera-tv div a:eq("+i+")").addClass("active");//.animate({ marginLeft: marginMore }, 200, function() {
                 /*
                $("#zapping-tab div div a:eq("+i+")").addClass("active").animate({ marginLeft: marginLess }, 200, function() {
                    $("#zapping-tab div div a:eq("+(i-1)+")").css({  marginLeft: "0px" });             
                });   
                 */   

                // $("#zapping-tab "+name_botonera+" div a:eq("+i+")").addClass("active").animate({ marginLeft: marginLess }, 200, function() { 
               //     $("#zapping-tab "+name_botonera+" div a:eq("+(i-1)+")").css({  marginLeft: "0px" });  
               // });                                                                                       
             }                                                                                              
             //show channel 
             $(".listado-tab").css("display","none");   
             //$("#tab"+(i+1)).css("display","block");  

             $(tab_name+(i+1)).css("display","block");  

             //if(array_players[actual].view)  {        
             if(array_players[actual].view) {           
                if(tv){                                 
                    //var stt = array_players[actual].controller.view;
                    array_players[actual].sendEvent('PLAY');          
                    //setTimeout(playPlayer(actual), 1500);           
                }                                                     
                else                                                  
                    array_radio_players[actual].sendEvent('PLAY');    
             //}                                                      
             }   
             return false; 

      });   

       $(".arrowleft").click(function(){  
            //$("#zapping-tab div div a").css("marginLeft","0px");    
            $("#zapping-tab div div a").removeClass('active');    
            var thisN;     
             if(tv)  {        
               array_players[actual].sendEvent('STOP'); 
               thisN = n;    
               var tab_name = "#tab";  
             }  
               else {  
                array_radio_players[actual].sendEvent('STOP');  
                thisN = nRadio;  
                var tab_name = "#tab1";  
               }       
               
            var i = actual-1;   
            actual = i;                                   
                           
            if(i < 0) {  
                i = n-1;     
                actual = i; 
                $("#zapping-tab "+name_botonera+" div a:eq("+i+")").addClass("active");//.animate({ marginLeft: marginLess }, 200, function() { 
                 
            }   
            else { 
                $("#zapping-tab "+name_botonera+" div a:eq("+i+")").addClass("active");//.animate({ marginLeft: marginLess }, 200, function() { 
                                 
                //   $("#zapping-tab "+name_botonera+" div a:eq("+(i+1)+")").css({  marginLeft: "0px" });      
                 
               // });        
                //$("#zapping-tab div div a:eq("+i+")").addClass("active").animate({ marginLeft: marginLess}, 200);  
              
            }    
             //show channel 
             $(".listado-tab").css("display","none"); 
              $(tab_name+(i+1)).css("display","block");
              if(array_players[actual].view) { 
               if(tv) 
                array_players[actual].sendEvent('PLAY'); 
               else     
                array_radio_players[actual].sendEvent('PLAY');  
              }   
      });
      /****carrusel*****/          

      $("#marcadores").mouseover(function() {   
        $("#box_marcadores").slideDown("fast");   
        return false; 
      });  

      
       //jQuery('#mycarousel').jcarousel();
       jQuery('#mycarousel-sidebar').jcarousel({
            visible: 1,
            scroll: 1,
            auto: 3,
            wrap: 'last'          
        });
      
        jQuery('#second-carousel').jcarousel({visible:6,scroll:1,wrap:'last'});
      });