var navegador = navigator.appName
  
  if (navegador == "Microsoft Internet Explorer")
  {
    jQuery(document).ready(function() {
      var num = ($('#mycarousel > li').length+1)*150;
      $('#mycarousel').css('width',num + 'px');
      
      $('#mycarousel > li > p').css({
        width     :"120px",
        opacity   :'0',
        //marginTop :'245px',
        display   :'block'
      });
      $('#mycarousel > li').css({
        width   :"140px",
        height  :"150px"
      });

      $('#mycarousel > li ').mouseleave(function()
      {
        $('#carrusel').stop().animate({
          width     :"910px"
        });
        var id   = $(this).attr('id');
        if (id && $('#'+id+' > p').css("opacity") > 0)
        {
          $('#'+id+' > p').stop().animate({
            width     :"120px",
            //marginTop :'245px',
            opacity   :'0'
          },'slow');
          $('#'+id+' > div').stop().animate({
            height    :"76px",
            marginTop : "71px",
            width     :"140px"
          },'slow');
          $(this).stop().animate({
            width   :"140px",
            height  :"150px"
          },'slow');
        }
      });
     
      $('#mycarousel > li > div').mouseenter(function()
      {
        var modo = $(this).parent().attr('rel');
        var id   = $(this).parent().attr('id');
        //<JOSE>
        var pos = $(this).parent().prevAll().length; //posicion en el array
        var des  = 5-(parseInt($('#mycarousel').css('margin-left'))-5)/150; //calculo del ultimo de los visibles en funcion del margin
        if(des == pos) ww = 972;
        else ww = 910;
        //</JOSE>
        if (id)
        {
          switch(modo)
          {
            case 'h':
              $('#carrusel').stop().animate({
                width     :ww+"px"
              });
              $(this).parent().stop().animate({
                width   :"210px",
                height  :"240px"
              });
              $(this).stop().animate({
                width   :"210px",
                marginTop: "36px",
                height  :"140px"
              });
              $('#'+id+' > p').stop().animate({
                //marginTop: "180px",
                width   :"190px",
                opacity :'0.5'
              });

            break;
            case 'v':
              $(this).parent().stop().animate({
                height  :"280px"
              });
              $(this).stop().animate({
                marginTop: "0px",
                height  :"200px"
              });
              $('#'+id+' > p').stop().animate({
                //marginTop: "208px",
                opacity :'0.5'
              });
            break;
          }
        }
      });

      $('#izq').click(function(){
        var des  = parseInt($('#mycarousel').css('margin-left'));
        if (des < 5 && !$('#mycarousel').is(":animated"))
        {
          des = des + 150*6;
          des = Math.min(des, 5);
          des = des + "px";
          $('#mycarousel').animate({marginLeft : des},500,'swing');
        }
      });
     
      $('#der').click(function(){
        var des  = parseInt($('#mycarousel').css('margin-left'));
        var len  = parseInt($('#mycarousel > li').length-1)*-150;
        var len2  = parseInt($('#mycarousel > li').length-6)*-150 + 5;
        if (des - 150 > len && !$('#mycarousel').is(":animated"))
        {
          des = des - 150*6;
		  des = Math.max(des, len2);
          des = des + "px";
          $('#mycarousel').animate({marginLeft : des},500,'swing');
        }
      });
    });
  }
  else
  {
    jQuery(document).ready(function() {
    
      var num = ($('#mycarousel > li').length+1)*150;
      $('#mycarousel').css('width',num + 'px');
      $('#mycarousel > li ').css({
        padding :"71px 5px",
        height  :"76px",
        width   :"140px",
        display :"block"
      })
      $('#mycarousel > li > p').css({
          width   :"120px",
          opacity :'0',
          marginTop:'145px'
      });

      $('#mycarousel > li').mouseleave(function()
      {
        $('#carrusel').stop().animate({
          width     :"910px"
        });
        var id   = $(this).attr('id');
        $('#'+id+' > p').stop().animate({
          width   :"120px",
          opacity :'0',
          marginTop:'145px'
        });
        $(this).stop().animate({
          padding :"71px 5px",
          height  :"76px",
          width   :"140px"
        });
      });
      
      $('#mycarousel > li > div').mouseenter(function(){
        var modo = $(this).parent().attr('rel');
        var id   = $(this).parent().attr('id');
        //<JOSE>
        var pos = $(this).parent().prevAll().length; //posicion en el array
        var des  = 5-(parseInt($('#mycarousel').css('margin-left'))-5)/150; //calculo del ultimo de los visibles en funcion del margin
        if(des == pos) ww = 972;
        else ww = 910;
        //</JOSE>
        switch(modo)
        {
          case 'h':
            $('#carrusel').stop().animate({
              width     :ww+"px"
            });
            $('#'+id+' > p').stop().animate({
              width   :"190px",
              opacity :'1'
            });
            $(this).parent().stop().animate({
              width   :"210px",
              padding :"36px 5px 50px 5px",
              height  :"140px"
            });
          break;
          case 'v':
            $('#'+id+' > p').stop().animate({
              opacity   :'1',
              width     :"120px",
              marginTop : "210px"
            });
            $(this).parent().stop().animate({
              padding :"0px 5px",
              height  :"218px"
            });
          break;
        }
      });
      $('#izq').click(function(){
        var des  = parseInt($('#mycarousel').css('margin-left'));
        if (des < 5 && !$('#mycarousel').is(":animated"))
        {
          des = des + 150*6;
          des = Math.min(des, 5);
          des = des + "px";
          $('#mycarousel').animate({marginLeft : des},500,'swing');
        }
      });
     
      $('#der').click(function(){
        var des  = parseInt($('#mycarousel').css('margin-left'));
        var len  = parseInt($('#mycarousel > li').length-1)*-150;
        var len2  = parseInt($('#mycarousel > li').length-6)*-150 + 5;
        if (des - 150 > len && !$('#mycarousel').is(":animated"))
        {
          des = des - 150*6;
		  des = Math.max(des, len2);
          des = des + "px";
          $('#mycarousel').animate({marginLeft : des},500,'swing');
        }
      });
    });
  }

  
  function desplaza(num)
  {
    var des  = 5 + (num-1) * -150;
    des += "px";
    $('#mycarousel').animate({marginLeft : des},500,'swing');
  }