$(document).ready(function () {  
	if (document.getElementById("menubanner")) 
	{
		var top = $('#menubanner').offset().top - parseFloat($('#menubanner').css('marginTop').replace(/auto/, 0));
		var footertop = $('#footer').offset().top - parseFloat($('#footer').css('marginTop').replace(/auto/, 0)) - 895;

		$(window).scroll(function (event) {
		    // what the y position of the scroll is
		    var y = $(this).scrollTop();
			var x = $(this).scrollLeft();
			var mytop = Math.max(0, Math.min(y, footertop) - top);
			
			// document.getElementById('readout').innerHTML = "<BR/>ALT: " + alttop + "<BR/>FOOTER: " + footertop;
			// document.getElementById('readout').innerHTML = "X: " + x + "<BR />Y: " + y + "<BR/>TOP: " + top + "<BR/>MYTOP: " + mytop + "<BR/>LEFT: " + left + "<BR/>FOOTERTOP: " + footertop;
			//document.getElementById('comment').style.left = myleft;	
		  	
		    // Stop follow scroll
			if (y >= footertop || Math.abs(x) > 10){
				$('#menubanner').removeClass('fixed');
				document.getElementById('menubanner').style.top = mytop + "px";
			}
			// Follow scroll
			else if (y >= top) {
				$('#menubanner').addClass('fixed');
				document.getElementById('menubanner').style.top = 0 + "px";
		    } 
			// Don't follow scroll
			else {
				$('#menubanner').removeClass('fixed');
		    }
		});
	}
});