var myWidth = 0, myHeight = 0;
	
	
	
	// Reference Sizes.
	// Based on BIG SCREEN.
	
	
	var REF_MINWIDTH;
	
	
	var REF_topBorderHeight;
	var REF_leftBorderWidth;
	var REF_featurePhotoWidth;
	var REF_featurePhotoBorderSize;
	var REF_framePhotoTop;
	var REF_framePhotoLeft;
	var REF_navBarTop;
	var REF_navBarLeft;
	var REF_navigateButtonWidth;
	
	var CURRENT_PERCENT = 1.0;
	
	var PAUSE_COUNT=99999;		// Start large enough that the first visit triggers a re-size...
	
	
	
	
	
	REF_windowWidth=1100;				// These are the real reference points.   The screen size changes are all compared to these values.
	REF_windowHeight=1000;				// If you change these reference values, everything will be based on these values.  Double their size, and everything shrinks.
	
	REF_topBorderHeight = 300;
	REF_leftBorderWidth = 160;
	
	REF_featurePhotoWidth = 300;
	REF_featurePhotoBorderSize = REF_featurePhotoWidth / 20;
	
	REF_framePhotoTop = .7;  // percentage from topborderheight
	REF_framePhotoLeft = 3.06;  // percentage from leftborderwidth

	
	REF_navBarTop = 1.33;		// percentage from topborderheight
	REF_navBarLeft = 1.25;		// delta from leftborderwidth
	
	REF_mainTop = .4;		// percentage from topborderheight
	REF_mainLeft = 3.0;		// delta from leftborderwidth
	
	REF_navigateButtonWidth = 220;
	

	REF_bodyFontSize = 16;
	
	REF_buttonPadding = 15;
	REF_buttonborder = 5;
			
	REF_MINWIDTH =500;			// Set a minimum width acceptable for screen size.
										// Actually, for the main page, it could be smaller, but all the others
										// would shrink too much.
										
			
	
	
	function Geo_doScale(xchangepercent,ychangepercent) {
		

				var GCuu, GCvv, GCww, GCxx, GCyy, GCzz;
				
		
				if (GCww = MM_findObj('BackgroundPic') ) {
						GCww.height = (REF_topBorderHeight * ychangepercent) ;
				}

						
				if (GCxx = MM_findObj('leftBorder') ) {
					GCxx.style.width =  (REF_leftBorderWidth * xchangepercent) + 'px';
				}
				
				if (GCzz = MM_findObj('framePhoto') ) {
					GCzz.style.top = (GCww.height * REF_framePhotoTop) + 'px';
					GCzz.style.left = ( parseFloat(GCxx.style.width) * REF_framePhotoLeft  ) + 'px';
				}
				
				if (GCyy = MM_findObj('featurePhoto') ) { 
					GCyy.width = (REF_featurePhotoWidth * xchangepercent) ;
					GCyy.border = (REF_featurePhotoBorderSize  * xchangepercent) ;
				}
				
				
				if (GCvv = MM_findObj('navBar') ) {	
					GCvv.style.top = (GCww.height * REF_navBarTop) + 'px' ;
					GCvv.style.left = ( parseFloat(GCxx.style.width) * REF_navBarLeft ) + 'px' ;
				}
				
				
				if (GCuu = MM_findObj('main') ) {
					var xxx = (GCww.height * REF_mainTop);
							if (xxx < 20 ) { 
									GCuu.style.top = '20px';
							} else {
								GCuu.style.top = (GCww.height * REF_mainTop) + 'px' ;
							}
					var yyy = ( parseFloat(GCxx.style.width) * REF_mainLeft );
							if (yyy < 60) {
									GCuu.style.left = '60px';
							} else {
									GCuu.style.left = ( parseFloat(GCxx.style.width) * REF_mainLeft ) + 'px' ;
							}
				}

				var GCnavClass;
				var i;
				
					for (i = 0; i < 10; i++) {
							if (GCnavClass = MM_findObj('navigate'+i)) {
									GCnavClass.style.width = (REF_navigateButtonWidth * xchangepercent) + 'px';
							}
					}
					
				
				
				var GCbuttonClass 
				
				for (i = 0; i < 10; i++) {
							if (GCbuttonClass = MM_findObj('GCbutton'+i)) {			
									GCbuttonClass.style.padding = (REF_buttonPadding * xchangepercent) + 'px';
									GCbuttonClass.style.border = (REF_buttonborder * xchangepercent) + 'px';
							}
					}
										
		
	
				var testsize = (REF_bodyFontSize * xchangepercent);		// Don't shrink font so small it wil never be read...
				if (testsize < 10) { testsize = 10; }
				document.body.style.fontSize = testsize + 'px';
		
	}


	

  
   // Check the size of the screen and do scaling of the skin's main items to compensate for the window size.
	// I built this on a 17" Mac Laptop (1920 x 1200).   You should all buy 17" Mac Laptops, you cheapskates.
	
	function GeoSizer() {
		
		
				PAUSE_COUNT++;
				
				if (PAUSE_COUNT < 5 ) {
					
						return true;
				}
				
				PAUSE_COUNT=0;
		
				getSize();
				
				
				if (myWidth <  REF_MINWIDTH) { 			// If he's shrunk it to absurdly small, ignore.
					
						return;
						
				}
				
				
				var PERCENT_width = (myWidth /REF_windowWidth);
				var PERCENT_height = (myHeight / REF_windowHeight);
				
				// alert('  GeoSizer -- PERCENT is ' + PERCENT + "\n  REF_windowWidth " + REF_windowWidth + "\n myWidth " + myWidth + "\n  PERCENT_height " + PERCENT_height + "\n REF_windowHeight" + REF_windowHeight + "\n myHeight" + myHeight );
				
				
				
				
				// PERCENT is now the new size.
				// If the change was significant, change lots of things...
				
				if ( ( Math.abs(CURRENT_PERCENT - PERCENT_width)) > 0.1 ) {
					
								CURRENT_PERCENT = PERCENT_width;
								
								
								Geo_doScale(PERCENT_width,PERCENT_height);
				}
		
	}

	
	file:///Users/george/ERIKA/ErikaPhoto3.jpg
	function getSize() {
	
	  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 + '        Height = ' + myHeight);
	}
	
	
	
function showPhoto(whatfile) {
	
		var GCx=MM_findObj("targetphoto");
		GCx.innerHTML = '<img height=500 src="./PHOTOS/' + whatfile + '" border=10><p>';
		
	
	
}

function highlightButton(whatid) {
	
		var GCx=MM_findObj(whatid);
		
		GCx.style.color = '#994411';
		GCx.style.backgroundColor = '#eeeeee';
	
}





function GCpopUp(myURL) {
		
				var blah = window.open (myURL, "_blank",  "location=0,status=0,scrollbars=0,width=300,height=200");
				
				
						blah.moveTo(200,200);
}