// floating div
window.onscroll = floatDiv;

function floatDiv(){
	
	var el = document.getElementById("floater");
	//var el2 = $("#floater"); // jquery
	//var el2Pos = el2.offset();
	//var elOPos = el2Pos.top;
	// el.style.border = "1px solid red";
	
	var pageScrollX;
	var pageScrollY;
	
	if (typeof(window.pageYOffset) == 'number') {
		// Mozilla compliant
		pageScrollX = window.pageXOffset;
		pageScrollY = window.pageYOffset;
	} else if (document.body && (document.body.scrollLeft || document.body.scrollTop)) {
		// DOM compliant
		pageScrollX = document.body.scrollLeft;
		pageScrollY = document.body.scrollTop;
	} else if (document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop)) {
		// IE compliant
		pageScrollX = document.documentElement.scrollLeft;
		pageScrollY = document.documentElement.scrollTop;
	}
	
	//alert("page x= " + pageScrollX + ", page y=" + pageScrollY + ", element=" + elOPos);
	
	el.style.position = "absolute";
	
	if (pageScrollY > 211) {
		el.style.top = pageScrollY + "px";
	} else {
		el.style.top = "211px";
	}
}