function doOverlay(){
	if (typeof document.body.style.maxHeight === "undefined") {//if IE 6
		/*
		do nothing: ie6 user won't get the overlay effect
		$("body","html").css({height: "100%", width: "100%"});
		$("html").css("overflow","hidden");
		
		if (document.getElementById("hideSelect") === null) {//iframe to hide select elements in ie6
			$("body").append("<iframe id='hideSelect'></iframe><div id='overlay'></div>");
		}
		*/
	}else{//all others
		if(document.getElementById("overlay") === null){
			if(jQuery.browser['msie']){$("#container").append("<div id='overlay'></div>");}
			else{$("body").append("<div id='overlay'></div>");}			
			//$('#overlay').css({'background-color':'#000'}).animate({'opacity' : '.5'}, 300);
			$('#overlay').css({'background-color':'#000','opacity' : '0.5'}).animate({'opacity' : '.75'}, 400);;
		}
	}
}

function hideOverlay(){
	$('#overlay').remove();
}

