var screenWidth;						//get screen width
  var screenHeight;						//get screen height

  var botCornerL= './images/all/bottomCornerL.jpg';		//corner image for bottom left side of parent table, botCorner(1) section
  var botCornerR= './images/all/bottomCornerR.jpg';		//corner image for bottom right side of parent table, botCorner(2) section
  var topCorner = './images/all/topCorner.jpg';			//corner image for top left side of parent table, dispLogo section
  var bluLine   = './images/all/bluLine.jpg';			//Blue line image in the dispRight() Section
  var stripImg  = './images/all/strip.jpg';			//The strip image with all the sandrails in the dispStrip() section 
  var trannyGuy = './images/all/trannyguy.gif';			//menu button image, it is actually a background image for a table cell
  var logo;				 			//Animated Logo gif image in dispLogo() section
  var headerImg;						//Sandune image with the string 'Arizona Transaxle Exchange',used in the dispHeader() section
  var mnuBgImg;				 			//menu button image, it is actually a background image for a table cell

  var stripWidth;
  var stripHeight;
  var mainImgWidth;
  var mainImgHeight;
  var mainBgImgWidth;
  var mainBgImgHeight;

  var menuBGWidth;
  var menuBGHeight;
  var menuButtonWidth;
  var menuButtonHeight;
  var bluLineWidth;
  var bluLineHeight;

  var consoleWidth;
  var consoleHeight;
  var consoleHeaderHeight;
  var consoleFontSize;
  var historyTranslucentBgHeight;

  var dispMenuWidth;	
  var dispMainWidth;	  
  var dispRightWidth;

  var navButtonWidth;
  var navButtonHeight;
  var navButtonTop;
  var navButtonLeft;

  var picSlideShowWidth;	
  var picSlideShowHeight;
  var picSlideShowLeft;
  var picSlideShowTop;


  var border = 0;
  var mainTableBorder;
  var menuMainRightTableBorder;
  var copyRightTableBorder;
  var headerTableBorder; 
  //var mnuTop;

  screenWidth  = screen.width;
  screenHeight = screen.height;


  mainTableBorder	   = border;
  headerTableBorder	   = border;
  menuMainRightTableBorder = border;
  copyRightTableBorder	   = border;


	if(screenWidth < 1200 || screenHeight < 1000){
	//if(screenWidth > 1200 || screenHeight > 1000){
		headerImg	   = './images/all/headerSm.jpg';
		logo		   = './images/all/logoSm.gif';
		mnuBgImg   	   = './images/all/mnuButtonSm.jpg';

		stripWidth	   = 715;
		stripHeight	   = 123;
		mainImgWidth       = 330;
		mainImgHeight	   = 254;
		mainBgImgWidth     = 420;
		mainBgImgHeight    = 315;
		

		menuBGWidth        = 141;
		menuBGHeight	   = 207;	
		menuButtonWidth    = 106;
		menuButtonHeight   = 16;
		mnuFntSize	   = 1;
		bluLineWidth	   = 140;
		bluLineHeight	   = 1;

		consoleWidth       = 340;
		consoleHeight	   = 320;
		consoleFontSize	   = 2;
		consoleHeaderHeight = 40;
		historyTranslucentBgHeight = 390;


  		navButtonWidth	   = 90;
  		navButtonHeight    = 10;

  			var navButtonWidth	   = 103;
  			var navButtonHeight    	   = 20;
			
			var picSlideShowLocateWidth  = 425;
  			var picSlideShowLocateTop    = 0;
			var picSlideShowLocateLeft   = 0;

			var navButtonLocateTop	     = 235;
			var navButtonLocateLeft	     = 80;

			var picSlideShowTransWidth  = 334;
  			var picSlideShowTransTop    = 25;
			var picSlideShowTransLeft   = 45;
			var navButtonTransTop	     = 235;
			var navButtonTransLeft	     = 80;

			var picSlideShowPhotoWidth  = 220;
  			var picSlideShowPhotoTop    = 30;
			var picSlideShowPhotoLeft   = 105;
			var navButtonPhotoTop	     = 235;
			var navButtonPhotoLeft	     = 80;


		dispRightWidth     = 150;
		dispMenuWidth      = menuBGWidth;
		dispMainWidth	   = mainBgImgWidth;

		

	} else {
		//this is for greater resolutions

		headerImg	   = './images/all/header.jpg';
		logo		   = './images/all/logo.gif';
		mnuBgImg   	   = './images/all/menuButton.jpg';



		stripWidth	   = 1000;
		stripHeight	   = 172;
		mainImgWidth       = 533;
		mainImgHeight	   = 400;
		mainBgImgWidth     = 631;
		mainBgImgHeight    = 474;
		

		menuBGWidth        = 176;
		menuBGHeight	   = 354;	
		menuButtonWidth    = 170;
		menuButtonHeight   = 26;
		mnuFntSize	   = 3;
		bluLineWidth	   = 179;
		bluLineHeight	   = 1;

				
		consoleFontSize	   = 3;
		consoleWidth       = 361;
		consoleHeight	   = 400;
		consoleHeaderHeight = 50;
		historyTranslucentBgHeight = mainBgImgHeight;

  			var navButtonWidth	   = 103;
  			var navButtonHeight    	   = 20;
			
			

		
		
			var picSlideShowLocateWidth  = 481;
  			var picSlideShowLocateTop    = 27;
			var picSlideShowLocateLeft   = 80;
			var navButtonLocateTop	     = 370;
			var navButtonLocateLeft	     = 190;

			var picSlideShowTransWidth  = 334;
  			var picSlideShowTransTop    = 85;
			var picSlideShowTransLeft   = 150;
			var navButtonTransTop	     = 360;
			var navButtonTransLeft	     = 190;

			var picSlideShowPhotoWidth  = 350;
  			var picSlideShowPhotoTop    = 30;
			var picSlideShowPhotoLeft   = 145;
			var navButtonPhotoTop	     = 360;
			var navButtonPhotoLeft	     = 190;
	



		dispRightWidth     = 189;
		dispMenuWidth      = menuBGWidth;	
		dispMainWidth	   = mainBgImgWidth;
		
		var mnuTop= 500;

	}







	  /* dispLogo **************************************************************************/
	  	function dispLogo() {				//Display the top left corner and animated logo
			
			addImg(topCorner);			//display top left corner image of parent table
		        skipLine(1);addSpace(1);		//skip a line and a space 
			addImg(logo);				//then display the animated logo
	
			document.write(kontentStr);		// take html string and write it to html page
			kontentStr='';				// clear the html string for next usage
		}	  /* dispHeader ***************************************************************/
	  	function dispHeader() {				// display the sandune image that reads 'Arizona Transaxle Exchange', which is next to the animated logo
					        
			addImg(headerImg);			//display the sandune image
	
			document.write(kontentStr);		//take html string and write it
			kontentStr='';				//clear the string for next usage
		}
	
	  /* dispStrip ****************************************************************/

		function dispStrip() {					//displays the strip image with all the sandrails on it
			
			addImg(stripImg,3,stripHeight,stripWidth);	//display the strip image, when clicked on, run the kly() function, which displays a test message
	
			document.write(kontentStr);			//write html string
			kontentStr='';					//clear string for next usage
		}

	  /* dispMenu *****************************************************************/
	
		function dispMenu(inSwitch){
			
			var directory = ".//images//transaxle//";					//directory of tranny images
			var arrow  = '&nbsp&nbsp <img src=' + directory +'arrow.gif border=0> &nbsp ';	//<img src> string 
		
			//usage: addMenu(string,sourceOfLink,height,width,event,method,class), must use writeMenu()		
			writeMenu(addMenu('&nbsp Home',      'index.htm'   	,mnuBgImg,menuButtonHeight,menuButtonWidth,'','','',mnuFntSize));		//add link for homepage
			writeMenu(addMenu('&nbsp Transaxles','tranny.htm'	,mnuBgImg,menuButtonHeight,menuButtonWidth,'','','',mnuFntSize));		//add link for transaxle page
			writeMenu(addMenu('&nbsp Photos',    'photo.htm'	,mnuBgImg,menuButtonHeight,menuButtonWidth,'','','',mnuFntSize));			//add link for photo gallery
			writeMenu(addMenu('&nbsp Location',  'location.htm'	,mnuBgImg,menuButtonHeight,menuButtonWidth,'','','',mnuFntSize));			//add link for location map
			
			if(inSwitch ==1){
				writeMenu(addMenu('&nbsp Mapquest',  'http://www.mapquest.com'	,mnuBgImg,menuButtonHeight,menuButtonWidth,'','','',mnuFntSize));			//add link for location map
			}				
			document.write(kontentStr);		//write html string
			kontentStr='';				//clear string
		}

	  /* dispMenu2 *****************************************************************/
		//usage: addMenu(link,sourceOfLink,BGimage,width,height,event,method,class);

		function dispMenu2(){
	
			var directory = ".//images//transaxle//";					//directory of tranny images
		        var subMenu ='&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp ';
					

			//usage: addMenu(string,sourceOfLink,height,width,event,method,class), must use writeMenu()		
			writeMenu(addMenu('&nbsp Home',      'index.htm'   	,mnuBgImg,menuButtonHeight,menuButtonWidth,'','','',mnuFntSize));		//add link for homepage
			writeMenu(addMenu('&nbsp Transaxles','tranny.htm'	,mnuBgImg,menuButtonHeight,menuButtonWidth,'','','',mnuFntSize));		//add link for transaxle page
				writeMenu(addMenu(subMenu + 'MD4E'        	,'#','','','','onClick','setKtr(0);next(directory,"trans")','aRed',mnuFntSize)); //transaxle submenu
				writeMenu(addMenu(subMenu + 'MD4S-2D'     	,'#','','','','onClick','setKtr(1);next(directory,"trans")','aRed',mnuFntSize)); //transaxle submenu
				writeMenu(addMenu(subMenu + 'MD5'        	,'#','','','','onClick','setKtr(2);next(directory,"trans")','aRed',mnuFntSize)); //transaxle submenu
				writeMenu(addMenu(subMenu + 'Sandrail Bus'	,'#','','','','onClick','setKtr(3);next(directory,"trans")','aRed',mnuFntSize)); //transaxle submenu
				writeMenu(addMenu(subMenu + 'Albins'        	,'#','','','','onClick','setKtr(4);next(directory,"trans")','aRed',mnuFntSize)); //transaxle submenu
				writeMenu(addMenu(subMenu + 'Custom Transaxle'	,'#','','','','onClick','setKtr(5);next(directory,"trans")','aRed',mnuFntSize)); //transaxle submenu
			writeMenu(addMenu('&nbsp Photos',    'photo.htm'	,mnuBgImg,menuButtonHeight,menuButtonWidth,'','','',mnuFntSize));			//add link for photo gallery
			writeMenu(addMenu('&nbsp Location',  'location.htm'	,mnuBgImg,menuButtonHeight,menuButtonWidth,'','','',mnuFntSize));			//add link for location map

			//skipLine(1);
			//dispMenuImg();
			
							
			document.write(kontentStr);		//write html string
			kontentStr='';				//clear string
		}

	  /* dispMenuImg ***************************************************************/

		function dispMenuImg() {			//Displays the sandune image with the bush under neath the left side menu, dispMenuImg()section

			addImg(menuImg,0,menuBGHeight,menuBGWidth);			//display the image
			
			document.write(kontentStr);		//write html
			kontentStr='';				//clear string
		}

          /* dispMain *****************************************************************/

		function dispMain() {				//displays the main content in the dispMain section	
			
			drawWaterMrk();				//draw a relative div, nested inside that, another div that has absolute position attrib
							
			document.write(kontentStr);		//write out the html to document
			kontentStr='';				//clear the string
		}



         /* dispRight ****************************************************************/
		
		function dispRight() {					//displays the section on the right side of the dispMain() section

	  		  fontSize(1);					//set the font size to 1
			  skipLine(1);addSpace(2);			//skip a line and 2 spaces
			  addImg(bluLine,0,bluLineHeight,bluLineWidth);	//draw a blue line
			  skipLine(2);addSpace(2);			//skip another 2 lines and 2 spaces
			
			addText('Arizona Transaxle Exchange');		//write, 'Arizona Transaxle Exchange'
			  skipLine(1);addSpace(2);			//and skip a line and 2 spaces
			addText('3863 N. 38th Ave');			//write next string
			  skipLine(1);addSpace(2);			//and skip a line and 2 spaces
			addText('Phoenix, AZ 85019');			//write next string
			  skipLine(2);addSpace(2);			//and skip 2 lines and 2 spaces
			addText('Phone: 602-269-1444');			//write next string
			  skipLine(2);addSpace(2);			//and skip 2 lines and 2 spaces
			addImg(bluLine,0,bluLineHeight,bluLineWidth);	//draw a blue line
			  skipLine(2);addSpace(2);			//and skip 2 lines and 2 spaces
						

			document.write(kontentStr);		//write out html to document
			kontentStr='';				//clear html string
		}


          /* Copyright *******************************************************************/

		function botCorner(LRSide) {			//Display either the left or right corner image for parent table, depends on parameter, if 1 the display left, if 2 display right

			if(LRSide==1){				//if parameter is 1
				addImg(botCornerL);		//display the left corner image
			} else {				//if parameter is other than 1 then
				addImg(botCornerR);}		//display the right corner image
			document.write(kontentStr);		//write out the html string to document
			kontentStr='';				//clear the string
		}	   		

		function copyright() {				//Writes out the hyper link to the copyrights webpage
			addTag('<font size =' +mnuFntSize+ '>');
			addLink('Trademarks and Copyrights. Privacy','copyright.htm');	//create a hyper link that points to copyright.html
			document.write(kontentStr);					//write html to document
			kontentStr='';							//clear the string
		}



	  /* DispDiv *******************************************************************/
	
		function dispDiv(inDiv) {

			setDiv(inDiv);
			addSpace(100); //need his for netscape's problem

			fnSwapObjZ('relElement1','absElement1');

			document.write(kontentStr);
			kontentStr='';
		}