jQuery.noConflict();
jQuery(document).ready(function(jQuery){
	
	f = jQuery("#fadeButtonHQ");
	h = jQuery("html.trim");
	a = jQuery("aside");
	
	
	jQuery("html").animate({marginLeft: '250px'}).delay(2000).animate({marginLeft: '0px'});
	a.animate({marginleft: '0px'}).delay(2000).animate({marginLeft: '-250px'});
	jQuery("#fadeButtonHQ").delay(2900).fadeOut(250).fadeIn(250).fadeOut(250).fadeIn(250);
	
	jQuery(".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'} );
	});
});