jQuery.noConflict();
jQuery(document).ready(function($){
	
	f = $("#fadeButtonHQ");
	h = $("html.trim");
	a = $("aside");
	
	$(".navButtonHQ").click(function(){
	  if ( h.css("margin-left") == "0px" ){
	    h.stop(true, true).animate({marginLeft: '250px'});
	  	a.stop(true, true).animate({marginleft: '0px'});
	  } 
	  else {
        f.stop(true, true).fadeIn();
  		h.stop(true, true).animate({marginLeft: '0px'});
  		a.stop(true, true).animate({marginLeft: '-250px'});
	}});
		  	
	a.mouseleave(function() {
		f.fadeIn();
	  	h.animate({marginLeft: '0px'} );
	  	a.animate({marginLeft: '-250px'} );
	});
});

