function loadMenus(active){
var prodMenu = "";
var menu = "";
var footer = "";
var bottomMenu = "";

prodMenu += "<ul>"
	+"<li><a href=\"boxes.html\" onMouseover=\"changeimage('boxes.jpg')\">Boxes</a></li>"
	+"<li><a href=\"deskaccessories.html\" onMouseover=\"changeimage('DeskAccessories.jpg')\">Desk Accessories</a></li>"
	+"<li><a href=\"glass.html\" onMouseover=\"changeimage('Small%20Web%20Pics/Glass%20SM/15ozsteinsm.JPG')\">Glass</a></li>"
	+"<li><a href=\"acrylic.html\" onMouseover=\"changeimage('Small%20Web%20Pics/Acrylic%20SM/acrylicsm.JPG')\">Acrylic</a></li>"
	+"<li><a href=\"plaques.html\" onMouseover=\"changeimage('plaques.jpg')\">Plaques</a></li>"
	+"<li><a href=\"signs.html\" onMouseover=\"changeimage('Small%20Web%20Pics/Signs%20SM/oaksignsm.JPG')\">Signs</a></li>"
	+"<li><a href=\"lamacoid.html\" onMouseover=\"changeimage('Small%20Web%20Pics/Lamacoid%20SM/lam2sm.JPG')\">Plastics & Lamacoid </a></li>"
+"<li><a href=\"metalandstainless.html\" onMouseover=\"changeimage('Small%20Web%20Pics/Lamacoid%20SM/lam2sm.JPG')\">Metals & Stainless Steel </a></li>"

	+"<li><a href=\"photoalbums.html\" onMouseover=\"changeimage('Small%20Web%20Pics/Album%20SM/1054sm.JPG')\">Photo Albums <font color=\"#993333\">*New*</font></a></li>"
	+"<li><a href=\"photoengrave.html\" onMouseover=\"changeimage('Small%20Web%20Pics/Photograve%20SM/patchboxsm.JPG')\">Photo Engraving <font color=\"#993333\">*New*</font></a></li>"
	+"<li><a href=\"granite.html\" onMouseover=\"changeimage('Small Web Pics/Misc SM/granite1.jpg')\">Granite & Marble</a></li>"
	+"<li><a href=\"vector.html\" onMouseover=\"changeimage('Small%20Web%20Pics/Misc%20SM/Presision%20Cut.jpg')\">Laser Cutting</a></li>"
	+"<li><a href=\"strongandfree.html\" onMouseover=\"changeimage('Small Web Pics/StrongFree SM/strongfree3.jpg')\">Strong & Free Emblem</a></li>"
	+"<li><a href=\"custom.html\" onMouseover=\"changeimage('Small%20Web%20Pics/Custom%20SM/Metre%20Beer%20Tray.jpg')\">Custom <font color=\"#993333\">*New*</font></a></li>"
	
	+"</ul>"
	+"<ul><li><a href=\"#\">Specialty --></a>"
		+"<ul>"
		+"<li><a href=\"giftboutiques.html\">Gift Boutiques</a></li>"
		+"<li><a href=\"souvenirshops.html\">Souvenir Shops</a></li>"
		+"<li><a href=\"universities.html\">Universities</a></li>"
		+"<li><a href=\"weddinggifts.html\">Wedding Gifts</a></li>"
		+"<li><a href=\"bookstores.html\">Bookstores</a></li>"
		+"<li><a href=\"corporations.html\">Corporations/Promotional</a></li>"
		+"<li><a href=\"sportsawards.html\">Sports Awards</a></li>"
		+"<li><a href=\"institutions.html\">Institutions/Organizations</a></li>"
		+"<li><a href=\"military.html\">Military Awards</a></li>"
		+"</ul>";
	+"</li></ul>";
	

document.getElementById("productmenu").innerHTML = prodMenu;
prodMenu = "";




menu += "<ul>";

	if (active == "contactus"){
		menu +="<li><a class=\"active\" href=\"contactus.html\">Contact Us</a></li>";
	}else{
		menu +="<li><a href=\"contactus.html\">Contact Us</a></li>";
	}

	if (active =="ordering"){
		menu +="<li><a class=\"active\" href=\"ordering.html\">Ordering</a></li>";
	}else{
		menu +="<li><a href=\"ordering.html\">Ordering</a></li>";
	}
	
	if (active=="pricing"){
		menu +="<li><a class=\"active\" href=\"pricing.html\">Pricing</a></li>";
	}else{
		menu +="<li><a href=\"pricing.html\">Pricing</a></li>";
	}

	
	if (active=="designs"){
		menu +="<li><a class=\"active\" href=\"designs.html\">Designs</a></li>";
	}else{
		menu +="<li><a href=\"designs.html\">Designs</a></li>";
	}

	if (active=="aboutus"){
		menu +="<li><a class=\"active\" href=\"aboutus.html\">About Us</a></li>";
	}else{
		menu +="<li><a href=\"aboutus.html\">About Us</a></li>";
	}

	if (active=="home"){
		menu +="<li><a class=\"active\" href=\"index.html\">Home</a></li>";
	}else{
		menu +="<li><a href=\"index.html\">Home</a></li>";
	}

	menu +="</ul>";

document.getElementById("navmenu").innerHTML = menu;
menu = "";


bottomMenu += "<b><font color=\"white\">Specialty</font></b><ul>"
	+"<li><a href=\"giftboutiques.html\" name=\"spec\">Gift Boutiques</a> | </li>"
	+"<li><a href=\"souvenirshops.html\">Souvenir Shops</a> | </li>"
	+"<li><a href=\"universities.html\">Universities</a> | </li>"
	+"<li><a href=\"weddinggifts.html\">Wedding Gifts</a> | </li>"
	+"<li><a href=\"bookstores.html\">Bookstores</a></li>"
	+"<br />"
	+"<li><a href=\"corporations.html\">Corporations/Promotional</a> | </li>"
	+"<li><a href=\"laserengraving.html\">Laser Engraving</a> | </li>"
	+"<li><a href=\"sportsawards.html\">Sports Awards</a> | </li>"
	+"<li><a href=\"institutions.html\">Institutions/Organizations</a> | </li>"
	+"<li><a href=\"military.html\">Military Awards</a></li>"
	+"</ul>";

document.getElementById("botmenu").innerHTML = bottomMenu;
bottomMenu = "";




/*footer += "<img id=\"lfooterclip\" src=\"lfooterclip.jpg\"></img>"*/
footer += "<p>P.O. Box 147, Unit 3 7457 Speers Road Elora, ON N0B 1S0</p>"
	+"<p>Tel: (519) 846-9555 1-800-464-5923 Fax: (519) 846-8655 tedreid@execulink.com</p><br />"
	+"Custom Laser is a proud Candian Supplier of <strong><em>Strong and Free</em></strong> Laser Engraved Products! <br /><br /> <a href=\"http://www.strongandfreeemblem.com\"><img src=\"strongandfree.jpg\"></img></a>"
/*footer += "<img id=\"rfooterclip\" src=\"rfooterclip.jpg\"></img>"*/

document.getElementById("footer").innerHTML = footer;
footer = "";


}


if (document.images){

      preload_image_object = new Image();

      image_url = new Array();
      image_url[0] = "boxes.jpg";
      image_url[1] = "DeskAccessories.jpg";
      image_url[2] = "Small%20Web%20Pics/Glass%20SM/15ozsteinsm.JPG";
      image_url[3] = "Small%20Web%20Pics/Acrylic%20SM/acrylicsm.JPG";
      image_url[4] = "plaques.jpg";
      image_url[5] = "Small%20Web%20Pics/Signs%20SM/oaksignsm.JPG";
      image_url[6] = "Small%20Web%20Pics/Album%20SM/1054sm.JPG";
      image_url[7] = "Small%20Web%20Pics/Lamacoid%20SM/lam2sm.JPG";
      image_url[8] = "Small%20Web%20Pics/Custom%20SM/Metre%20Beer%20Tray.jpg";
      image_url[9] = "misc.jpg";

       var i = 0;

       for(i=0; i<=9; i++){
         preload_image_object.src = image_url[i];
         }

}

function changeimage(pic){

	document.images.sidebox.src=pic

}

//@@@@@@@@@@@@@@@@@@@@@@@@@@@@
//@@@@@  IMAGE TABLE  @@@@@@@@
//@@@@@@@@@@@@@@@@@@@@@@@@@@@@


var myXML;

function loadPictureTable(xmlFile) {

    myXML = jsXML.createDOMDocument();
    myXML.onreadystatechange = createTable;
    myXML.async = true;
    myXML.load(xmlFile);
}

function createTable() {
	var numCol;
	
	if (self.screen) {
        	width = screen.width
	        height = screen.height
	}else if (self.java) {   // for NN3 with enabled Java
	       var jkit = java.awt.Toolkit.getDefaultToolkit();
	       var scrsize = jkit.getScreenSize();       
	       width = scrsize.width; 
	       height = scrsize.height; 
	}else{
	 width = height = '0' // N2, E3, N3 w/Java off, probably Opera and WebTV
	}

	if ((width>1024) && (height>768))
	{
		numCol = 4;
	}else{
		numCol = 3;
	}

	if (myXML.readyState == 4) {

		var xmlRoot = myXML.documentElement;
		var images = xmlRoot.getElementsByTagName("item");

		var table = "";

		table += "<center><br /><table border=\"0\" cellspacing=\"1\" cellpadding=\"1\">";

		var curPosition = 0;
		for (var a = 0; a < images.length; ++a){
			var children = images[a].childNodes;			
			
			
			if (curPosition == 0){
				table += "<tr>";
				lastRow = false;
			}

			table += "<td align=\"center\" valign=\"top\">";
			
							
			table += "<a href=\""+images[a].getAttribute(images[a].attributes[1].name)+
				 "\"><div id=\"img-shadow\"><img border=\"0\" height=134 width=200 src=\""+images[a].getAttribute(images[a].attributes[0].name)+
				 "\"></img></div>";

			table += "<hr width=90% />";

			for (var c = 0; c < children.length; ++c){
				if (children[c].hasChildNodes()){
					table += children[c].childNodes[0].nodeValue+"<br />";
				}
			}
			

			table += "</a></td>";
			curPosition++;
			if (curPosition == numCol){
				table += "</tr>";
				curPosition = 0;
				lastRow = true;
			}
		}

		if (!lastRow){
			table += "</tr>";
		}

		table += "</table></center><br />";
		
		document.getElementById("imagetable").innerHTML = table;
		table = "";
	}
}

//@@@@@@@@@@@@@@@@@@@@@@@@@@@@
//@@@@@ DISPLAY IMAGE @@@@@@@@
//@@@@@@@@@@@@@@@@@@@@@@@@@@@@


function openWindow(displayPic){

	photoWin = window.open( "", "photo","width="+(displayPic.width+120)+",height="+(displayPic.height+120)+",toolbar=no,directories=no,location=no,status=no,scrollbars=no,resizable=yes, menubar=no, screenX=20,screenY=40,left=20,top=40");
	photoWin.resizeBy((displayPic.width-photoWin.document.body.clientWidth)+120,(displayPic.height-photoWin.document.body.clientHeight)+120);



	htmlCode = 	"<html><head><link rel=\"stylesheet\" type=\"text/css\" href=\"customstyle.css\" /></head><title>Custom Laser</title><body>"
			+"<div id=\"bgImg\"><img src=\"cedar.jpg\" style=\"width: 100%; height: 100%;\"></img></div><div id=\"photoImg\"><img src=\""+displayPic.src+"\" />"
			+"</img></div></body></html>";

	photoWin.document.write(htmlCode);

	photoWin.location.reload();
	photoWin.focus();
}


function displayImage(img){
	
	htmlCode = "";
	
	if (document.images){
		displayPic = new Image();
		displayPic.src = img;
	}

	if (displayPic.width > 0){
	openWindow(displayPic);
	}else{
	displayPic.width = 400;
	displayPic.height = 350;
	openWindow(displayPic);
	}



}

//@@@@@@@@@@@@@@@@@@@@@@@@@@@@
//@@@@@  DESIGN TABLE  @@@@@@@
//@@@@@@@@@@@@@@@@@@@@@@@@@@@@


var myXML;

function loadDesignTable(xmlFile) {

    myXML = jsXML.createDOMDocument();
    myXML.onreadystatechange = createDesignTable;
    myXML.async = true;
    myXML.load(xmlFile);
}

function createDesignTable() {
	var numCol;
	
	if (self.screen) {
        	width = screen.width
	        height = screen.height
	}else if (self.java) {   // for NN3 with enabled Java
	       var jkit = java.awt.Toolkit.getDefaultToolkit();
	       var scrsize = jkit.getScreenSize();       
	       width = scrsize.width; 
	       height = scrsize.height; 
	}else{
	 width = height = '0' // N2, E3, N3 w/Java off, probably Opera and WebTV
	}

	if ((width>1024) && (height>768))
	{
		numCol = 7;
	}else{
		numCol = 5;
	}

	if (myXML.readyState == 4) {

		var xmlRoot = myXML.documentElement;
		var images = xmlRoot.getElementsByTagName("item");

		var table = "";

		table += "<center><br /><table border=\"0\" cellspacing=\"20\" cellpadding=\"5\">";

		var curPosition = 0;
		for (var a = 0; a < images.length; ++a){
			var children = images[a].childNodes;

			if (curPosition == 0){
				table += "<tr>";
				lastRow = false;
			}

			table += "<td align=\"center\" valign=\"top\">";
			
//						images[a].getAttribute(images[a].attributes[1].name)+	
			img = images[a].getAttribute(images[a].attributes[1].name);
			table += "<a href=\"picture.html\" onClick=\"displayImage('"+img+"');return false\"><img border=\"0\" width=\"90\" height=\"70\" src=\""+images[a].getAttribute(images[a].attributes[0].name)+
				 "\"></img><br /><hr />";
			img = "";
			for (var c = 0; c < children.length; ++c){
				if (children[c].hasChildNodes()){
					table += children[c].childNodes[0].nodeValue+"<br />";
				}
			}
		
			

			table += "</a></td>";
			curPosition++;
			if (curPosition == numCol){
				table += "</tr>";
				curPosition = 0;
				lastRow = true;
			}
		}

		if (!lastRow){
			table += "</tr>";
		}

		table += "</table></center><br />";
		
		document.getElementById("imagetable").innerHTML = table;
		table = "";
	}
}