<!--
/* 
* Javascript to handle low-res, 1024x768 resolution. Want to use stylesheet that handles this better.
* Source: http://www.pageresource.com/jscript/jscreen.htm 
*/
function select_stylesheet() {
	// Include the common stylesheet
	document.write('<link href="style_djp_allres.css" rel="stylesheet" type="text/css">');
	
  // Work out width of brower window - uses alertSize code below:	
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  
	if (myWidth>1023)	{
		// Include the high-res style sheet
		document.write('<link href="style_djp_hires.css" rel="stylesheet" type="text/css">');
		//document.write('HIGH RES');
	}	else  {
		// Include the low-res style sheet
		document.write('<link href="style_djp_lores.css" rel="stylesheet" type="text/css">');
		//document.write('LOW RES');		
	}
}

function alertSize() {
// SRC: http://www.howtocreate.co.uk/tutorials/javascript/browserwindow
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  window.alert( 'Width = ' + myWidth );
  window.alert( 'Height = ' + myHeight );
}
//-->
