/* DISEÑO WEB: http://www.tripulacionweb.com */

/* -----------------------
     MENÚ FLOTANTE
	 ----------------------- */
   
   var menu = "#floatMenu";
   var menuYloc = null;
   var contenedor = "#contenedor";

function anchoPantalla() {
	var ancho = $(window).width();
	if(ancho < 990) {
		$(menu).addClass("chico");
	} else {
		$(menu).removeClass("chico");
	} 
} 

$(function() {
   menuYloc = parseInt($(menu).css("top").substring(0,$(menu).css("top").indexOf("px"))); 
   anchoPantalla();
}); 

$(window).resize(function() {
	anchoPantalla();
}); 

$(window).scroll(function() {
 
  var offset = $(document).scrollTop();
  var offset_px = offset + "px";
  var diferencia = offset - menuYloc;
  var avance = diferencia + $(menu).height();

if($("body").height() > $(menu).height()) {


   if(avance > $(contenedor).height()) {
	   posicion_inferior = menuYloc + ($(contenedor).height() - $(menu).height());
      $(menu).css("top",(posicion_inferior + "px")); 
   } 

   else if(offset > menuYloc) {
      $(menu).css("top",offset_px);
   } 

   else {
	  $(menu).css("top",menuYloc);
   } 
   
} else {
   $(menu).css("top",menuYloc);	
}
   
}); 


/*
var name = "#floatMenu";
var menuYloc = null;
$(document).ready(function() {
menuYloc = parseInt($(name).css("top").substring(0,$(name).css("top").indexOf("px"))); // <-- Ubicación del menú en Y (ubicación natural), (250px, en style.css) 
  
  $(window).scroll(function () { 
  riel = (($("#contenedor").height() + menuYloc) - $(name).height()); // <-- El área donde podrá andar nuestro menú floante
     
	 var offset = menuYloc+$(document).scrollTop()+"px"; // <-- Distancia entre el scroll y el inicio del documento (en px)
	 var offset2 = menuYloc+$(document).scrollTop(); // <-- Distancia entre el scroll y el inicio del documento (en int)
	
	 // Si la distancia "top" de nuestro menú es menor que la altura del riel, entonces movemos.
     if(offset2 < riel) {
       $(name).animate({top:offset},{duration:500,queue:false}); // <-- Movemos el menú (la misma distancia que movimos el scroll)
     } // if
	 
  }); // window.scroll

  
}); // document.ready

*/