function scrollDetect(mydiv) {

	var viewportwidth;
	var viewportheight;
 
	// the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
 
	if (typeof window.innerWidth != 'undefined')
	{
      viewportwidth = window.innerWidth,
      viewportheight = window.innerHeight
	}
 
	// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)

	else if (typeof document.documentElement != 'undefined'
	&& typeof document.documentElement.clientWidth !=
	'undefined' && document.documentElement.clientWidth != 0)
	{
       viewportwidth = document.documentElement.clientWidth,
       viewportheight = document.documentElement.clientHeight
	}
 
	// older versions of IE
 
	else
	{
       viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
       viewportheight = document.getElementsByTagName('body')[0].clientHeight
	}
	
	
	var content_height = document.getElementById(mydiv).offsetHeight;
	var bkgd_height = document.getElementById('bkgd').offsetHeight;
	var footer_height = document.getElementById('footer').offsetHeight;
	
	if (content_height > bkgd_height) {		
		if (viewportheight >content_height + footer_height + 0) {
  			$(function(){  
    		$("#footer").positionFooter(true);  
  			});
		}
	}
	
	if (bkgd_height > content_height) {		
		if (viewportheight >bkgd_height + footer_height + 0) {
  			$(function(){  
    		$("#footer").positionFooter(true);  
  			});
		}
	}
	
	// document.write('<p>Your viewport width is '+viewportwidth+'x'+viewportheight+'</p>');
	// document.write('<p>Content Height is '+content_height+'</p>');
	// document.write('<p>Bkgd Height is '+bkgd_height+'</p>');
	// document.write('<p>Footer Height is '+footer_height+'</p>');
}