// JavaScript Document
var currentVtrTabMenuIndex=1;
var $currentVtrTabMenuItem=null;

$(document).ready(function($){

   /*$(".mis-servicios .step1 .right a").bind("click",function(){
       
       var rel = $(this).attr("rel");
       $(".step2 #tipo").attr("value",rel);
       $(".mis-servicios .step1").fadeOut();
       $(".mis-servicios .step2").fadeIn();
       if(rel=='paga-tu-cuenta' || rel=='oferta-personalizada' )
       {
                 
       }
       $(".step2 > div").css('display','none');
       $(".step2 .opcion-"+rel).css('display','block');
       
       $(".step2 a.volver").bind("click",function(){ 
           $(".mis-servicios .step1").fadeIn();
           $(".mis-servicios .step2").fadeOut();
           return false;
       });
       
       return false;
   });*/


      /*** BEGIN TABS ***/
      $currentVtrTabMenuItem =  $(".block-productos .tab-menu li:first-child");
      currentVtrTabMenuIndex = 1;
      $(".block-productos .tab-menu a").bind("click",function(){
        var rel = $(this).attr("rel");
        
        $(".block-productos .tab-menu .current").removeClass("current");
        $(this).parent().addClass("current");
        $(".block-productos .tab-content .current").removeClass("current");
        $(".block-productos .tab-content ."+rel).addClass("current");
        $currentVtrTabMenuItem =  $(this).parent();
        currentVtrTabMenuIndex = parseInt(rel.split("-")[1]);
        updateVtrTabMenuArrows();
        
       return false;
     });
     
     function updateVtrTabMenuArrows()
     {
        var len = $(".block-productos .tab-menu .menu-item").size();
        switch(currentVtrTabMenuIndex)
        {
          case 1:
            $(".block-productos .tab-menu-flechas .l-arrow").addClass("l-arrow-disabled");            
            
          break;
          case len:
            $(".block-productos .tab-menu-flechas .r-arrow").addClass("r-arrow-disabled");
          break;
          default:
            $(".block-productos .tab-menu-flechas .l-arrow").removeClass("l-arrow-disabled");          
            $(".block-productos .tab-menu-flechas .r-arrow").removeClass("r-arrow-disabled");
          break;
        }               
     }
    $(".block-productos .tab-menu-flechas .l-arrow a").bind("click",function(){
        if($(this).parent().is(".l-arrow-disabled") ) return false;
        $currentVtrTabMenuItem.removeClass("current");
        --currentVtrTabMenuIndex;
        $currentVtrTabMenuItem = $(".block-productos .tab-menu .item-"+currentVtrTabMenuIndex);
        $currentVtrTabMenuItem.addClass("current");
        $(".block-productos .tab-content .current").removeClass("current");
        $(".block-productos .tab-content .item-"+currentVtrTabMenuIndex).addClass("current");
        updateVtrTabMenuArrows();
        return false;
    }); 
    $(".block-productos .tab-menu-flechas .r-arrow a").bind("click",function(){
        if($(this).parent().is(".r-arrow-disabled") ) return false;
        $currentVtrTabMenuItem.removeClass("current");
        ++currentVtrTabMenuIndex;
        $currentVtrTabMenuItem = $(".block-productos .tab-menu .item-"+currentVtrTabMenuIndex);
        $currentVtrTabMenuItem.addClass("current");
        $(".block-productos .tab-content .current").removeClass("current");
        $(".block-productos .tab-content .item-"+currentVtrTabMenuIndex).addClass("current");
        updateVtrTabMenuArrows();
        return false;
    });    
    /*** END TABS ***/
    /**** OTROS TABS **/
      $currentVtrTabMenuItemSide =  $(".mis-servicios .tab-menu li:first-child");
      currentVtrTabMenuIndexSide = 1;
      $(".mis-servicios .tab-menu a").bind("click",function(){
        var rel = $(this).attr("rel");        
        $(".mis-servicios .tab-menu .current").removeClass("current");
        $(this).parent().addClass("current");
        $(".mis-servicios .bg .current").removeClass("current");
        $(".mis-servicios .bg ."+rel).addClass("current");
        $currentVtrTabMenuItemSide =  $(this).parent();
        currentVtrTabMenuIndexSide = parseInt(rel.split("-")[1]);        
        
       return false;
     });
    /*** END OTROS **/
    
     
     
     /*** BEGIN SLIDE SERVICIOS ***/
     $(".mask-servicios ul").width( $(".mask-servicios ul li").size()* $(".mask-servicios ul li:first-child").outerWidth()  );
     
     $(".servicios-menu-flechas .l-arrow a").bind("click",
        function(){
          var windw = 4;
          var len = $(".mask-servicios ul li").size();
          var views = Math.ceil( len/windw );
          if( $(this).parent().is(".r-arrow-disabled") ) return false;
          if(!$(".mask-servicios ul").attr("current")) $(".mask-servicios ul").attr("current",1);
          var current = parseInt($(".mask-servicios ul").attr("current")); 
          if(current - 1 >= 1)
          {          
           $(".mask-servicios ul").stop().animate({left:- ($(".mask-servicios ul li:first-child").outerWidth()*( windw*(current-2) )  ) },1000);
           $(".mask-servicios ul").attr("current",--current);          
          }
                              
          if( current==views ) $(".servicios-menu-flechas .r-arrow").addClass("r-arrow-disabled");
          else $(".servicios-menu-flechas .r-arrow").removeClass("r-arrow-disabled");          
          if( current==1 )  $(".servicios-menu-flechas .l-arrow").addClass("l-arrow-disabled");
          else $(".servicios-menu-flechas .l-arrow").removeClass("l-arrow-disabled");  
          return false; 
        }
     );
     $(".servicios-menu-flechas .r-arrow a").bind("click",
        function(){
          var windw = 4;
          var len = $(".mask-servicios ul li").size();
          var views = Math.ceil( len/windw );
          if( $(this).parent().is(".r-arrow-disabled") ) return false;
          if(!$(".mask-servicios ul").attr("current")) $(".mask-servicios ul").attr("current",1);
          var current = parseInt($(".mask-servicios ul").attr("current")); 
          if(current + 1 <= views)
          {          
           $(".mask-servicios ul").stop().animate({left:- ($(".mask-servicios ul li:first-child").outerWidth()*( windw*(current) )  ) },1000);
           $(".mask-servicios ul").attr("current",++current);           
          }
          if( current==views ) $(this).parent().addClass("r-arrow-disabled");
          else $(this).parent().removeClass("r-arrow-disabled");          
          if( current==1 )  $(".servicios-menu-flechas .l-arrow").addClass("l-arrow-disabled");
          else $(".servicios-menu-flechas .l-arrow").removeClass("l-arrow-disabled");  
          return false;     
        }
     );
     
     
     
     /*** END SLIDE SERVICIOS ***/
     
     /*** BEGIN SLIDE NOTICIAS ***/
     $(".mask-noticias ul").width( $(".mask-noticias ul li").size()* $(".mask-noticias ul li:first-child").outerWidth()  );
     
     $(".noticias-menu-flechas .l-arrow a").bind("click",
        function(){
          var windw = 1;
          var len = $(".mask-noticias ul li").size();
          var views = Math.ceil( len/windw );
          if( $(this).parent().is(".r-arrow-disabled") ) return false;
          if(!$(".mask-noticias ul").attr("current")) $(".mask-noticias ul").attr("current",1);
          var current = parseInt($(".mask-noticias ul").attr("current")); 
          if(current - 1 >= 1)
          {          
           $(".mask-noticias ul").stop().animate({left:- ($(".mask-noticias ul li:first-child").outerWidth()*( windw*(current-2) )  ) },1000);
           $(".mask-noticias ul").attr("current",--current);          
          }
                              
          if( current==views ) $(".noticias-menu-flechas .r-arrow").addClass("r-arrow-disabled");
          else $(".noticias-menu-flechas .r-arrow").removeClass("r-arrow-disabled");          
          if( current==1 )  $(".noticias-menu-flechas .l-arrow").addClass("l-arrow-disabled");
          else $(".noticias-menu-flechas .l-arrow").removeClass("l-arrow-disabled");  
          return false; 
        }
     );
     $(".noticias-menu-flechas .r-arrow a").bind("click",
        function(){
          var windw = 1;
          var len = $(".mask-noticias ul li").size();
          var views = Math.ceil( len/windw );
          if( $(this).parent().is(".r-arrow-disabled") ) return false;
          if(!$(".mask-noticias ul").attr("current")) $(".mask-noticias ul").attr("current",1);
          var current = parseInt($(".mask-noticias ul").attr("current")); 
          
          
          if(current + 1 <= views)
          {          
           $(".mask-noticias ul").stop().animate({left:- ($(".mask-noticias ul li:first-child").outerWidth()*( windw*(current) )  ) },1000);
           $(".mask-noticias ul").attr("current",++current);           
          }
          if( current==views ) $(this).parent().addClass("r-arrow-disabled");
          else $(this).parent().removeClass("r-arrow-disabled");          
          if( current==1 )  $(".noticias-menu-flechas .l-arrow").addClass("l-arrow-disabled");
          else $(".noticias-menu-flechas .l-arrow").removeClass("l-arrow-disabled");  
          return false;     
        }
     );
     /*** END SLIDE NOTICIAS ***/
     
     
     
     
      /*** BEGIN SLIDE NOTICIAS ***/
     $(".mask-concursos ul").width( $(".mask-concursos ul li").size()* $(".mask-concursos ul li:first-child").outerWidth()  );
     
     $(".concursos-menu-flechas .l-arrow a").bind("click",
        function(){
          var windw = 1;
          var len = $(".mask-concursos ul li").size();
          var views = Math.ceil( len/windw );
          if( $(this).parent().is(".r-arrow-disabled") ) return false;
          if(!$(".mask-concursos ul").attr("current")) $(".mask-concursos ul").attr("current",1);
          var current = parseInt($(".mask-concursos ul").attr("current")); 
          if(current - 1 >= 1)
          {          
           $(".mask-concursos ul").stop().animate({left:- ($(".mask-concursos ul li:first-child").outerWidth()*( windw*(current-2) )  ) },1000);
           $(".mask-concursos ul").attr("current",--current);          
          }
                              
          if( current==views ) $(".concursos-menu-flechas .r-arrow").addClass("r-arrow-disabled");
          else $(".concursos-menu-flechas .r-arrow").removeClass("r-arrow-disabled");          
          if( current==1 )  $(".concursos-menu-flechas .l-arrow").addClass("l-arrow-disabled");
          else $(".concursos-menu-flechas .l-arrow").removeClass("l-arrow-disabled");  
          return false; 
        }
     );
     $(".concursos-menu-flechas .r-arrow a").bind("click",
        function(){
          var windw = 1;
          var len = $(".mask-concursos ul li").size();
          var views = Math.ceil( len/windw );
          if( $(this).parent().is(".r-arrow-disabled") ) return false;
          if(!$(".mask-concursos ul").attr("current")) $(".mask-concursos ul").attr("current",1);
          var current = parseInt($(".mask-concursos ul").attr("current")); 
          
          
          if(current + 1 <= views)
          {          
           $(".mask-concursos ul").stop().animate({left:- ($(".mask-concursos ul li:first-child").outerWidth()*( windw*(current) )  ) },1000);
           $(".mask-concursos ul").attr("current",++current);           
          }
          if( current==views ) $(this).parent().addClass("r-arrow-disabled");
          else $(this).parent().removeClass("r-arrow-disabled");          
          if( current==1 )  $(".concursos-menu-flechas .l-arrow").addClass("l-arrow-disabled");
          else $(".concursos-menu-flechas .l-arrow").removeClass("l-arrow-disabled");  
          return false;     
        }
     );
     /*** END SLIDE NOTICIAS ***/
     
     
     /*** BEGIN SLIDE SEÑALES ***/
     $(".mask-senales ul").width( $(".mask-senales ul li").size()* $(".mask-senales ul li:first-child").outerWidth()  );     
     $(".senales .left").bind("click",
        function(){
          var windw = 2;
          var len = $(".mask-senales ul li").size();
          var views = Math.ceil( len/windw );
          
          if(!$(".mask-senales ul").attr("current")) $(".mask-senales ul").attr("current",1);
          var current = parseInt($(".mask-senales ul").attr("current"));
          if(current == 1) return false; 
          if(current - 1 >= 1)
          {          
            var anchoTotal = 0;
            $(".mask-senales ul li").each( function(index,obj){
                if(index  < (current-2)*windw )
                {
                   anchoTotal += $(this).outerWidth();
                }
                
            } );
           $(".mask-senales ul").stop().animate({left:- ( anchoTotal  ) },1000);
           $(".mask-senales ul").attr("current",--current);          
          }
          clearTimeout(senalesAnimationTimeout);
          senalesAnimationTimeout = setTimeout("animateSenales();",senalesAnimationBaseTime);                            
          return false; 
        }
     );
     $(".senales .right").bind("click",
        function(){
          var windw = 2;
          var len = $(".mask-senales ul li").size();
          var views = Math.ceil( len/windw );
          
          if(!$(".mask-senales ul").attr("current")) $(".mask-senales ul").attr("current",1);
          var current = parseInt($(".mask-senales ul").attr("current")); 
          if(current == len - windw) return false; 
          if(current + 1 <= views)
          {          
            
            var anchoTotal = 0;
            $(".mask-senales ul li").each( function(index,obj){
                if(index +1 <= current*windw )
                {
                   anchoTotal += $(this).outerWidth();
                }
            } );
          }
          else
          {
              anchoTotal= 0;
              current = 0;          
          }                  
          $(".mask-senales ul").stop().animate({left:- ( anchoTotal) },1000);
          $(".mask-senales ul").attr("current",++current);
          
           clearTimeout(senalesAnimationTimeout);
           senalesAnimationTimeout = setTimeout("animateSenales();",senalesAnimationBaseTime);           
          
          return false;     
        }
     );
     
     
     /*** END SLIDE señales      ***/

     
     
     /*** BEGIN SLIDE ONDEMMAND ***/
     $(".mask-ondemand ul").width( $(".mask-ondemand ul li").size()* $(".mask-ondemand ul li:first-child").outerWidth()  );     
     $(".ondemand .left").bind("click",
        function(){
          var windw = 2;
          var len = $(".mask-ondemand ul li").size();
          var views = Math.ceil( len/windw );
          
          if(!$(".mask-ondemand ul").attr("current")) $(".mask-ondemand ul").attr("current",1);
          var current = parseInt($(".mask-ondemand ul").attr("current"));
          if(current == 1) return false; 
          if(current - 1 >= 1)
          {          
            var anchoTotal = 0;
            $(".mask-ondemand ul li").each( function(index,obj){
                if(index  < (current-2)*windw )
                {
                   anchoTotal += $(this).outerWidth();
                }
                
            } );
           $(".mask-ondemand ul").stop().animate({left:- ( anchoTotal  ) },1000);
           $(".mask-ondemand ul").attr("current",--current);          
          }
          clearTimeout(onDemmandAnimationTimeout);
          onDemmandAnimationTimeout = setTimeout("animateOnDemand();",onDemmandAnimationBaseTime);                            
          return false; 
        }
     );
     $(".ondemand .right").bind("click",
        function(){
          var windw = 2;
          var len = $(".mask-ondemand ul li").size();
          var views = Math.ceil( len/windw );
          
          if(!$(".mask-ondemand ul").attr("current")) $(".mask-ondemand ul").attr("current",1);
          var current = parseInt($(".mask-ondemand ul").attr("current")); 
          if(current == len - windw) return false; 
          if(current + 1 <= views)
          {          
            
            var anchoTotal = 0;
            $(".mask-ondemand ul li").each( function(index,obj){
                if(index +1 <= current*windw )
                {
                   anchoTotal += $(this).outerWidth();
                }
            } );
          }
          else
          {
              anchoTotal= 0;
              current = 0;          
          }                  
          $(".mask-ondemand ul").stop().animate({left:- ( anchoTotal) },1000);
          $(".mask-ondemand ul").attr("current",++current);
          
           clearTimeout(onDemmandAnimationTimeout);
           onDemmandAnimationTimeout = setTimeout("animateOnDemand();",onDemmandAnimationBaseTime);           
          
          return false;     
        }
     );
     
     
     /*** END SLIDE ONDEMMAND ***/
     
    
       
});
function animateOnDemand()
{
  var windw = 2;
  var len = $(".mask-ondemand ul li").size();
  var views = Math.ceil( len/windw );
  
  if(!$(".mask-ondemand ul").attr("current")) $(".mask-ondemand ul").attr("current",1);
  var current = parseInt($(".mask-ondemand ul").attr("current"));
  if(current == len - windw) return false; 
  if(current + 1 <= views)
  {          
    
    var anchoTotal = 0;
    $(".mask-ondemand ul li").each( function(index,obj){
        if(index +1 <= current*windw )
        {
           anchoTotal += $(this).outerWidth();
        }      
    } );
  }
  else
    {
        anchoTotal= 0;
        current = 0;          
    }
  $(".mask-ondemand ul").stop().animate({left:- ( anchoTotal) },1000);
  $(".mask-ondemand ul").attr("current",++current);           
  onDemmandAnimationTimeout = setTimeout("animateOnDemand();",onDemmandAnimationBaseTime);         
}
var iter = 1;
function animateSenales()
{
  
  
  var windw = 2;
  var len = $(".mask-senales ul li").size();
  var views = Math.ceil( len/windw );
  
  if(!$(".mask-senales ul").attr("current")) $(".mask-senales ul").attr("current",1);
  var current = parseInt($(".mask-senales ul").attr("current"));
  
  if(current + 1 <= views)
  {          
    
    var anchoTotal = 0;
    $(".mask-senales ul li").each( function(index,obj){
        if(index +1 <= current*windw )
        {
           anchoTotal += $(this).outerWidth();
        }      
    } );
  }
  else
    {
        anchoTotal= 0;
        current = 0;          
    }
  $(".mask-senales ul").stop().animate({left:- ( anchoTotal) },1000);
  $(".mask-senales ul").attr("current",++current);           
  senalesAnimationTimeout = setTimeout("animateSenales();",senalesAnimationBaseTime);         
}
     
onDemmandAnimationTimeout = setTimeout("animateOnDemand();",10000);
var onDemmandAnimationBaseTime = 10000;      
var onDemmandAnimationTimeout; 

senalesAnimationTimeout = setTimeout("animateSenales();",7500);
var senalesAnimationBaseTime = 7500;      
var senalesAnimationTimeout;