$(document).ready(function(){
   $("#lang a").bind("mouseover",function(){
      var pos = {eng:54,spa:36,por:18};
      $("#lang").css("background-position","0px -"+pos[this.className]+"px");
   });
   $("#lang a").bind("mouseout",function(){
      $("#lang").css("background-position","0px 0px");
   });

   $("#toolbar-login .searchimage").bind("mouseover",function(){
      $(this).addClass("searchimage-hover");
   });
   $("#toolbar-login .searchimage").bind("mouseout",function(){
      $(this).removeClass("searchimage-hover");
   });

   /* SERVICIOS */
   $("dl.categorias dt").click(function(){
      $(".servicio").hide();
   });
   $("dl.categorias").accordion({header: "dt",
				alwaysOpen: false,
				active: false
					});
   $("dl.categorias li,dl.categorias dt").bind("mouseover",function(){
      $(this).addClass("hover");
   });
   $("dl.categorias li,dl.categorias dt").bind("mouseout",function(){
      $(this).removeClass("hover");
   });

   /* SLIDER */
   $(".slider").each(function(){
    
      var content = $(".n"+$(this).attr("rel"));
      if(content.attr("scrollHeight") > content.height()){
         $(this).slider({axis: 'vertical',
			animate:false,
			change: function(e,ui){ sliderChange(e,ui,this) },
			slide: function(e,ui){ sliderSlide(e,ui,this) } });
         var h = $(this).height();
         $(this).find(".ui-slider-handle").height(h*h/content.attr("scrollHeight"));
      } else {
         $(this).parent().parent().hide();
      }
   });
   $(".slider").slider("moveTo","0");
   $(".ui-slider-handle").bind("mouseover", function(){ $(this).addClass("active") });
   $(".ui-slider-handle").bind("mousedown", function(){ $(this).addClass("active2") });
   $(".ui-slider-handle").bind("mouseout", function(){ $(this).removeClass("active") });
   $(document).bind("mouseup", function(){ $(".ui-slider-handle").removeClass("active2") });

   $(".slider-up,.slider-down").bind("mouseover", function(){ $(this).addClass("arrow-active") });
   $(".slider-up,.slider-down").bind("mouseout", function(){ $(this).removeClass("arrow-active") });
   $(".slider-up").bind("click", function(){
      var content = $(".n"+$(this).attr("rel"));
      var maxScroll = content.attr("scrollHeight") - content.height();
      $(this).parent().find(".slider").slider("moveTo","-="+(40/(maxScroll/100)));
   });
   $(".slider-down").bind("click", function(){
      var content = $(".n"+$(this).attr("rel"));
      var maxScroll = content.attr("scrollHeight") - content.height();
      $(this).parent().find(".slider").slider("moveTo","+="+(40/(maxScroll/100)));
   });

});

/* SERVICIOS */
function mostrarServicio(id){
   $(".servicio").hide();
   $(".servicio"+id).show();
}

/* SLIDER */
function sliderChange(e, ui, el)
{
  var content = $(".n"+$(el).attr("rel"));
  var maxScroll = content.attr("scrollHeight") - content.height();
  content.animate({scrollTop: ui.value * (maxScroll / 100) }, 100);
  //content.attr({scrollTop: ui.value * (maxScroll / 100) });
}

function sliderSlide(e, ui, el)
{
  var content = $(".n"+$(el).attr("rel"));
  var maxScroll = content.attr("scrollHeight") - content.height();
  content.attr({scrollTop: ui.value * (maxScroll / 100) });
}

function sumate(){
   document.getElementById("sumate").submit();
}
function openSubmenu(id){
   if(document.getElementById("submenu_"+id).style.display == "block"){
      document.getElementById("submenu_"+id).style.display = "none";
   } else {
      document.getElementById("submenu_"+id).style.display = "block";
   }
}