
<!--
//set up variables
var myWidth = 0;
var myHeight = 0;
//
//call function
detectSize();
//
//function to detect sizes and output certain css
function detectSize() {
  //
  if( typeof( window.innerWidth ) == 'number' ) {
    //
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } 
  else {
    //
    //IE or any other browsers which do not support window.inner -  rely on monitor size not window size
    myWidth = screen.width;
    myHeight = screen.height;
  }
  //
  //alerts if required
  //window.alert( 'Width = ' + myWidth );
  //window.alert( 'Height = ' + myHeight );
  //
  //
  //write size conditional css
  if (myHeight < 650) {
    document.write("<link rel='STYLESHEET' type='text/css' href='interface/cssjs.css' title='cssforbelow700px'>");
  }
  else if ( myHeight < 750 ) {
    document.write("<link rel='STYLESHEET' type='text/css' href='interface/cssjs1.css' title='cssforabove700px'>");
  }
  else if (myHeight < 950 ) {
    document.write("<link rel='STYLESHEET' type='text/css' href='interface/cssjs2.css' title='cssforabove900px'>");
  }
  else if (myHeight > 950) {
    document.write("<link rel='STYLESHEET' type='text/css' href='interface/cssjs3.css' title='cssforabove900px'>");
  }
}
-->

