//now contains the function that writes the header
//any properties of the menu can now be set from here

var appropriateLeftOffset = 0;
var browser;

	if(document.getElementById){
		browser='IE';
	}
	else if(document.all){
		browser='IE';
	}
	else if(document.layers){
		browser='NS';
	}

	switch(screen.width) { //write a style sheet depending on the screen width and the browser
		case 800:
//		window.moveTo(0,0);
//		window.resizeTo(800,600);
			imgWidth = 100;
			imgHeight = 20;
			btnTextSize = 8;
			anchorTextSize = 7;
			leftOffset = 5; //set menu left position
			topOffset = 55; //set menu top position
			clipMultiplier = 1; //the clip bottom needs to be adjusted for different screen resolutions;
			if(browser=='NS'){
				document.write('<LINK href="../../CSS/tn800NS.css" type=text/css rel=stylesheet>');
			}
			else{
				document.write('<LINK href="../../CSS/tn800IE.css" type=text/css rel=stylesheet>');

			}		
		break;
		case 1024: 
//		window.moveTo(0,0);
//		window.resizeTo(1024,768);
			imgWidth = 110;
			imgHeight = 25;
			leftOffset = 5; //set menu left position
			topOffset = 60; //set menu top position
			clipMultiplier = 1; //the clip bottom needs to be adjusted for different screen resolutions;
			if(browser=='NS'){
				document.write('<LINK href="../../CSS/tn1024NS.css" type=text/css rel=stylesheet>');
			}
			else{
				document.write('<LINK href="../../CSS/tn1024IE.css" type=text/css rel=stylesheet>');			
			}		

		break;
		case 1152:
//		window.moveTo(0,0);
//		window.resizeTo(1152,864);
			imgWidth = 110;
			imgHeight = 25;
			leftOffset = 5; //set menu left position
			topOffset = 70; //set menu top position
			clipMultiplier = 1; //the clip bottom needs to be adjusted for different screen resolutions;			
			if(browser=='NS'){
				document.write('<LINK href="../../CSS/tn1152NS.css" type=text/css rel=stylesheet>');
			}
			else{
				document.write('<LINK href="../../CSS/tn1152IE.css" type=text/css rel=stylesheet>');			
			}		

		break;
		case 1280:
//		window.moveTo(0,0);
//		window.resizeTo(1280,1024);
			imgWidth = 110;
			imgHeight = 25;
			leftOffset = 5; //set menu left position
			topOffset = 80; //set menu top position
			clipMultiplier = 1; //the clip bottom needs to be adjusted for different screen resolutions;
			if(browser=='NS'){
				document.write('<LINK href="../../CSS/tn1280NS.css" type=text/css rel=stylesheet>');
			}
			else{
				document.write('<LINK href="../../CSS/tn1280IE.css" type=text/css rel=stylesheet>');			
			}		

		break;

		default:
//		window.moveTo(0,0);
//		window.resizeTo(1024,768);
			imgWidth = 110;
			imgHeight = 25;
			leftOffset = 5; //set menu left position
			topOffset = 50; //set menu top position
			clipMultiplier = 1; //the clip bottom needs to be adjusted for different screen resolutions;
			if(browser=='NS'){
				document.write('<LINK href="../../CSS/tn10240NS.css" type=text/css rel=stylesheet>');
			}
			else{
				document.write('<LINK href="../../CSS/tn1024IE.css" type=text/css rel=stylesheet>');			
			}		
		break;
	}//end of screen.width switch, style sheet is set


function writeHeader(){
//all pages get the same header
document.write('<div id="header"><div id="travel"><a href="contact.asp"><p class="travel">travel</p></a></div><div id="network"><a href="contact.asp"><p class="network">network</p></a></div><div id="contactdetails"></div><div id="icon"><img src="../../Images/tnicon.jpg" width="50" height="50"></div>');
}