var cajaOpen = false; 

function traerLeft(mostrar){

	if (mostrar){
	
		
		if($('#cuerpoSitio').offset().left - $("#cajaMenu").width() > 0){
			
			return $('#cuerpoSitio').offset().left - $("#cajaMenu").width();

		}else{
			
			return 0;
		}
	
	} else {

		return -168;
	}

}

// on load
$(document).ready(function(){

	$("#cajaMenu").animate({
			"top":	$(window).scrollTop() + 150
		}, 1000 );
	
	$('#botonMenu .off').fadeTo(1500,0);
	
	
	// onClick
	
	$('#botonMenu').click(function() {
		
		$('#botonMenu .off').stop()
		
		if(cajaOpen){

			$('#botonMenu .off').fadeTo(1500,0);
			$('#cajaMenu').animate({"left": traerLeft(false)	}, 500 );
			cajaOpen = false;
		
		}else{

			$('#botonMenu .off').fadeTo(1500,100);
			$('#cajaMenu').animate({"left":	traerLeft(true)	}	, 500 );
			cajaOpen = true;
		}
	});

});

// onResize
$(window).resize(function() {
	
	if(cajaOpen){

		$('#botonMenu .off').stop().fadeTo(1500,100);
		$("#cajaMenu").stop().animate({"left": traerLeft(true)	}, 500 );

	}else{

		$('#botonMenu .off').stop().fadeTo(1500,0);
		$("#cajaMenu").stop().animate({"left": traerLeft(false) }, 500 );
	}
});

// onScroll
$(window).scroll(function () {
	
	if(cajaOpen){
		
		$('#botonMenu .off').stop().fadeTo(1500,100);
		$("#cajaMenu").stop().animate({
			
			"left":	traerLeft(true),
			"top":	$(window).scrollTop() + 150
		
		}, 500 );

	}else{

		$('#botonMenu .off').stop().fadeTo(1500,0);
		$("#cajaMenu").stop().animate({
			"left":	traerLeft(false),
			"top":	$(window).scrollTop() + 150
		}, 500 );
	}
});