var left_marc;
var width_marc;
var ver;
$("document").ready(function() {

	$(".menuButton").bind('mouseover', function(){
		//alert('left_marc');
		$("#marcador").dequeue();
		$("#m_marc").dequeue();
		var margin = $(this).css('margin-left');
		margin = parseInt(margin.replace("px",""));
		var widtha = parseInt($(this).width());
		var widthTotal = widtha+(margin-6)+margin;
		var widthTotaldiv = widthTotal+12;
		var left = ($(this).position().left);
		//alert(left);
		$("#marcador").css('width','auto' );
		$("#marcador").animate({ left: left }, 500, "swing");
		//$("#marcador").animate({ left: "0" }, 500, "swing");
		$("#m_marc").animate({ width: widthTotal }, 500);
	});
	
	$(".menuButton span").bind('mouseover', function(){
		 $(this).stop();
		 $("#menu span").stop();
		 $(this).dequeue();
		 $("#menu span").dequeue();
		$(".menuSel").css('cursor','default');
		//$('#menu span').not(this).stop(true, true);
		$('#menu span').not(this).animate( { color: '#999999' }, 500);
		//$(this).stop(true, true);	
		$(this).animate( { color: '#FFFFFF' }, 1500); 
	});

	
	$("#menu").bind("mouseleave", function(){
		$("#marcador").stop();
		$("#m_marc").stop();
		$("#marcador").dequeue();
		$("#m_marc").dequeue();
		$("#marcador").animate({ left: left_marc }, 500, "swing");
		$("#m_marc").animate({ width: width_marc }, 500);
		
		$("#menu span").stop();
		$("#menu span").dequeue();
	
		//$('#menu span').stop(true, true);	
		$('#menu span').not('.menuSel').animate( { color: '#999999' }, 500); 
		$('.menuSel').stop(true, true);	
		$('.menuSel').animate( { color: '#FFFFFF' }, 1500); 
		if(ver == 0){
		$("#m_marc").stop();
		
		$("#m_marc").dequeue();
			$('#marcador img').fadeOut(100);
		}
	});
	
	$('#subMenuseldiv').corner('5px');
	$(".menuSub").bind("mouseover", function(){
	//$('a',this).stop(true, true);
		$('a',this).not('#subMenusel').animate({color: '#999999'}, 500);
	});
	$(".menuSub").bind("mouseleave", function(){
	$('a',this).stop(true, true);
		$('a',this).not('#subMenusel').animate({color: '#0072AB'}, 500);
	});

});