// JavaScript Document
function writeJS(){
var str='';
str+='<link rel="Shortcut Icon" href="favicon.ico">';
str+='<link rel="stylesheet" href="images/thumbnailviewer.css" type="text/css" />';
str+='<script language="javascript" src="images/thumbnailviewer.js"></script>';
document.write(str);
}
writeJS();

//-->
	// the number you pass to initLeft doesn't matter since it will get
	// changed onactivate
	var myMenu1 = new ypSlideOutMenu("menu1", "down", -1000, 155, 168, 150) //(id, dir, left, top, width, height)
	var myMenu2 = new ypSlideOutMenu("menu2", "down", -1000, 155, 105, 90)
	var myMenu3 = new ypSlideOutMenu("menu3", "down", -1000, 155, 120, 90)
	var myMenu4 = new ypSlideOutMenu("menu4", "down", -1000, 155, 105, 90)	
 
// for each menu, we set up hte onactivate event to call repositionMenu with the amount offset from center, in pixels
	myMenu1.onactivate = function() { repositionMenu(myMenu1, 270.75); document.getElementById('menu1image').src='navigation/navimages/productinformation-open.gif'; }
	myMenu1.ondeactivate = function() { document.getElementById('menu1image').src='navigation/navimages/productinformation.gif'; }
	myMenu2.onactivate = function() { repositionMenu(myMenu2, 427.5); document.getElementById('menu2image').src='navigation/navimages/designbuild-open.gif'; }
	myMenu2.ondeactivate = function() { document.getElementById('menu2image').src='navigation/navimages/designbuild.gif'; }
	myMenu3.onactivate = function() { repositionMenu(myMenu3, 540.5); document.getElementById('menu3image').src='navigation/navimages/photogallery-open.gif'; }
	myMenu3.ondeactivate = function() { document.getElementById('menu3image').src='navigation/navimages/photogallery.gif'; }
	myMenu4.onactivate = function() { repositionMenu(myMenu4, 652.5); document.getElementById('menu4image').src='navigation/navimages/aboutus-open.gif'; }
	myMenu4.ondeactivate = function() { document.getElementById('menu4image').src='navigation/navimages/aboutus.gif'; }

// this function repositions a menu to the speicified offset from center
	function repositionMenu(menu, offset)
	{
  // the new left position should be the center of the window + the offset
		var newLeft = offset; //getWindowWidth() / 2 + offset;

  // setting the left position in netscape is a little different than IE
		menu.container.style ? menu.container.style.left = newLeft + "px" : menu.container.left = newLeft;
	}
	 
// this function calculates the window's width - different for IE and netscape
	function getWindowWidth()
	{
		return window.innerWidth ? window.innerWidth : document.body.offsetWidth;
	}	


ypSlideOutMenu.writeCSS();