/*** 
This is the menu creation code - place it right after you body tag
Feel free to add this to a stand-alone js file and link it to your page.
**/

//Menu object creation
oCMenu=new makeCM("oCMenu"); //Making the menu object. Argument: menuname

//Menu properties   
oCMenu.pxBetween=0;
//Using the cm_page object to place the menu ----
oCMenu.fromLeft=0;
oCMenu.fromTop=0;
oCMenu.rows=1;
oCMenu.menuPlacement=0;
                                                             
oCMenu.offlineRoot="" ;
//oCMenu.onlineRoot="http://ls2003.visimpact.com/timberlake/";
oCMenu.onlineRoot="http://www.timberlake.com/";
oCMenu.resizeCheck=1 ;
oCMenu.wait=10 ;
oCMenu.fillImg="/images/spacer.gif";
oCMenu.zIndex=300;

//Background bar properties
oCMenu.useBar=0;

//Level properties - ALL properties have to be spesified in level 0
oCMenu.level[0]=new cm_makeLevel(); //Add this for each new level
oCMenu.level[0].width=101;
oCMenu.level[0].height=19;
oCMenu.level[0].regClass="clLevel0";
oCMenu.level[0].overClass="clLevel0over";
oCMenu.level[0].borderX=0;
oCMenu.level[0].borderY=0;
oCMenu.level[0].borderClass="clLevel0border";
oCMenu.level[0].offsetX=0;
oCMenu.level[0].offsetY=0;
oCMenu.level[0].rows=0;
oCMenu.level[0].align="bottom";

oCMenu.level[1]=new cm_makeLevel(); //Add this for each new level
oCMenu.level[1].width=145;
oCMenu.level[1].height=25;
oCMenu.level[1].regClass="clLevel1";
oCMenu.level[1].overClass="clLevel1over";
oCMenu.level[1].borderX=0;
oCMenu.level[1].borderY=0;
oCMenu.level[1].borderClass="clLevel1border";
oCMenu.level[1].offsetX=-10;
oCMenu.level[1].offsetY=5;
oCMenu.level[1].rows=0;
//oCMenu.level[1].arrow="/images/arrow.gif";
//oCMenu.level[1].arrowWidth=3;
//oCMenu.level[1].arrowHeight=10;
//oCMenu.level[1].align="right";


/******************************************
Menu item creation:
myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout) 
*************************************/

//Product Showroom
if (iSectionID == 1) 
	oCMenu.makeMenu("top1","","", "series.asp", "", 163, 16, "/images/topNav1On.jpg", "/images/topNav1On.jpg");
else
	oCMenu.makeMenu("top1","","", "series.asp", "", 163, 16, "/images/topNav1Off.jpg", "/images/topNav1On.jpg");
	
	oCMenu.makeMenu("sub100", "top1", "<div class='menuContainer' style='width:163px; height:20px;'><img src='\/images/menuBackground.png' width='163' height='20'><div onmouseover=update(this,'#FFFFFF'); onmouseout=update(this,'#B1947D');>Cabinetry</div></div>", "series.asp","", 163,17);
	oCMenu.makeMenu("sub101", "top1", "<div class='menuContainer' style='width:163px; height:20px;'><img src='\/images/menuBackground.png' width='163' height='20'><div style='padding-left:32px;' onmouseover=update(this,'#FFFFFF'); onmouseout=update(this,'#B1947D');>By Collection</div></div>", "series.asp","", 163,17);
	oCMenu.makeMenu("sub102", "top1", "<div class='menuContainer' style='width:163px; height:20px;'><img src='\/images/menuBackground.png' width='163' height='20'><div style='padding-left:32px;' onmouseover=update(this,'#FFFFFF'); onmouseout=update(this,'#B1947D');>By Wood Species</div></div>", "woodType.asp","", 163,17);
	oCMenu.makeMenu("sub103", "top1", "<div class='menuContainer' style='width:163px; height:20px;'><img src='\/images/menuBackground.png' width='163' height='20'><div style='padding-left:32px;' onmouseover=update(this,'#FFFFFF'); onmouseout=update(this,'#B1947D');>By Color</div></div>", "doorColor.asp","", 163,20);
	oCMenu.makeMenu("sub104", "top1", "<div class='menuContainer' style='width:163px; height:20px;'><img src='\/images/menuBackground.png' width='163' height='20'><div onmouseover=update(this,'#FFFFFF'); onmouseout=update(this,'#B1947D');>Customizing Details</div></div>", "molding.asp?iTopNavID=1","", 163,20);
	oCMenu.makeMenu("sub105", "top1", "<div class='menuContainer' style='width:163px; height:20px;'><img src='\/images/menuBackground.png' width='163' height='20'><div style='padding-left:32px;' onmouseover=update(this,'#FFFFFF'); onmouseout=update(this,'#B1947D');>Moldings</div></div>", "molding.asp?iTopNavID=1","", 163,17);
	oCMenu.makeMenu("sub106", "top1", "<div class='menuContainer' style='width:163px; height:20px;'><img src='\/images/menuBackground.png' width='163' height='20'><div style='padding-left:32px;' onmouseover=update(this,'#FFFFFF'); onmouseout=update(this,'#B1947D');>Architectural Details</div></div>", "architectDetails.asp?iTopNavID=1","", 163,17);
	oCMenu.makeMenu("sub107", "top1", "<div class='menuContainer' style='width:163px; height:20px;'><img src='\/images/menuBackground.png' width='163' height='20'><div style='padding-left:32px;' onmouseover=update(this,'#FFFFFF'); onmouseout=update(this,'#B1947D');>Storage Solutions</div></div>", "storageSolutions.asp?iTopNavID=1","", 163,17);
	oCMenu.makeMenu("sub108", "top1", "<div class='menuContainer' style='width:163px; height:20px;'><img src='\/images/menuBackground.png' width='163' height='20'><div style='padding-left:32px;' onmouseover=update(this,'#FFFFFF'); onmouseout=update(this,'#B1947D');>Hardware</div></div>", "hardware1.asp?iTopNavID=1","", 163,17);
	oCMenu.makeMenu("sub109", "top1", "<div class='menuContainer' style='width:163px; height:25px;'><img src='\/images/menuBackground.png' width='163' height='25'><div style='padding-left:32px;' onmouseover=update(this,'#FFFFFF'); onmouseout=update(this,'#B1947D');>Decorative Doors</div></div>", "decorativeDoors.asp?iTopNavID=1","", 163,20);
//	oCMenu.makeMenu("sub105", "top1", "<div class='menuContainer' style='width:163px; height:20px;'><img src='\/images/menuBackground.png' width='163' height='20'><div onmouseover=update(this,'#FFFFFF'); onmouseout=update(this,'#B1947D');>Knobs & Pulls</div></div>", "hardware1.asp","", 163,20);
//	oCMenu.makeMenu("sub106", "top1", "<div class='menuContainer' style='width:163px; height:25px;'><img src='\/images/menuBackground.png' width='163' height='25'><div onmouseover=update(this,'#FFFFFF'); onmouseout=update(this,'#B1947D');>Decorative Doors</div></div>", "decorativeDoors.asp","", 163,25);

//Design Ideas
if (iSectionID == 2)
	oCMenu.makeMenu("top2","","", "gallery.asp", "", 110, 16, "/images/topNav2On.jpg", "/images/topNav2On.jpg");
else
	oCMenu.makeMenu("top2","","", "gallery.asp", "", 110, 16, "/images/topNav2Off.jpg", "/images/topNav2On.jpg");
	
	oCMenu.makeMenu("sub200", "top2", "<div class='menuContainer' style='width:110px; height:20px;'><img src='/images/menuBackground.png' width='110' height='20'><div onmouseover=update(this,'#FFFFFF'); onmouseout=update(this,'#B1947D');>Photo Gallery</div></div>", "gallery.asp","", 110,20);
	oCMenu.makeMenu("sub201", "top2", "<div class='menuContainer' style='width:110px; height:33px;'><img src='/images/menuBackground.png' width='110' height='33'><div onmouseover=update(this,'#FFFFFF'); onmouseout=update(this,'#B1947D');>Customizing Details</div></div>", "molding.asp?iTopNavID=2","", 110,33);
	oCMenu.makeMenu("sub202", "top2", "<div class='menuContainer' style='width:110px; height:33px;'><img src='/images/menuBackground.png' width='110' height='33'><div onmouseover=update(this,'#FFFFFF'); onmouseout=update(this,'#B1947D');>Portfolio<BR>Magazine</div></div>", "portfolioMagazines.asp","", 110,33);
//	oCMenu.makeMenu("sub203", "top2", "<div class='menuContainer' style='width:110px; height:20px;'><img src='/images/menuBackground.png' width='110' height='20'><div onmouseover=update(this,'#FFFFFF'); onmouseout=update(this,'#B1947D');>New Offerings</div></div>", "newOfferings.asp","", 110,25);


//For the Pros
if (iSectionID == 3)
	oCMenu.makeMenu("top3","","", "specGuides.asp", "", 150, 16, "/images/topNav3On.jpg", "/images/topNav3On.jpg");
else
	oCMenu.makeMenu("top3","","", "specGuides.asp", "", 150, 16, "/images/topNav3Off.jpg", "/images/topNav3On.jpg");
	
	oCMenu.makeMenu("sub300", "top3", "<div class='menuContainer' style='width:150px; height:20px;'><img src='/images/menuBackground.png' width='150' height='20'><div onmouseover=update(this,'#FFFFFF'); onmouseout=update(this,'#B1947D');>Specification Guide</div></div>", "specGuides.asp","", 150,20);
	oCMenu.makeMenu("sub301", "top3", "<div class='menuContainer' style='width:150px; height:20px;'><img src='/images/menuBackground.png' width='150' height='20'><div onmouseover=update(this,'#FFFFFF'); onmouseout=update(this,'#B1947D');>Parts Directory</div></div>", "PartsDirectory.asp","", 150,20);
	oCMenu.makeMenu("sub302", "top3", "<div class='menuContainer' style='width:150px; height:20px;'><img src='/images/menuBackground.png' width='150' height='20'><div onmouseover=update(this,'#FFFFFF'); onmouseout=update(this,'#B1947D');>Full Line Brochure</div></div>", "FullLineBrochure.asp","", 150,20);
	oCMenu.makeMenu("sub303", "top3", "<div class='menuContainer' style='width:150px; height:20px;'><img src='/images/menuBackground.png' width='150' height='20'><div onmouseover=update(this,'#FFFFFF'); onmouseout=update(this,'#B1947D');>Make A Payment</div></div>", "payment.asp","", 150,20);
	oCMenu.makeMenu("sub304", "top3", "<div class='menuContainer' style='width:150px; height:25px;'><img src='/images/menuBackground.png' width='150' height='25'><div onmouseover=update(this,'#FFFFFF'); onmouseout=update(this,'#B1947D');>Green</div></div>", "green/","", 150,25);
/*	oCMenu.makeMenu("sub301", "top3", "<div class='menuContainer' style='width:139px; height:20px;'><img src='/images/menuBackground.png' width='139' height='20'><div onmouseover=update(this,'#FFFFFF'); onmouseout=update(this,'#B1947D');>Builder</div></div>", "#","", 139,20);
	oCMenu.makeMenu("sub302", "top3", "<div class='menuContainer' style='width:139px; height:20px;'><img src='/images/menuBackground.png' width='139' height='20'><div onmouseover=update(this,'#FFFFFF'); onmouseout=update(this,'#B1947D');>Dealer</div></div>", "#","", 139,20);
	oCMenu.makeMenu("sub303", "top3", "<div class='menuContainer' style='width:139px; height:25px;'><img src='/images/menuBackground.png' width='139' height='25'><div onmouseover=update(this,'#FFFFFF'); onmouseout=update(this,'#B1947D');>Distributor</div></div>", "#","", 139,25);
*/

//Warranty
if (iSectionID == 4)
	oCMenu.makeMenu("top4","","", "productCare.asp", "", 139,16, "/images/topNav4On.jpg", "/images/topNav4On.jpg");
else
	oCMenu.makeMenu("top4","","", "productCare.asp", "", 139, 16, "/images/topNav4Off.jpg", "/images/topNav4On.jpg");
	
	oCMenu.makeMenu("sub400", "top4", "<div class='menuContainer' style='width:139px; height:20px;'><img src='/images/menuBackground.png' width='139' height='20'><div onmouseover=update(this,'#FFFFFF'); onmouseout=update(this,'#B1947D');>Product Care</div></div>", "productCare.asp","", 139,20);
	oCMenu.makeMenu("sub401", "top4", "<div class='menuContainer' style='width:139px; height:20px;'><img src='/images/menuBackground.png' width='139' height='20'><div onmouseover=update(this,'#FFFFFF'); onmouseout=update(this,'#B1947D');>Warranty</div></div>", "warranty.asp","", 139,20);
	oCMenu.makeMenu("sub402", "top4", "<div class='menuContainer' style='width:139px; height:33px;'><img src='/images/menuBackground.png' width='139' height='33'><div onmouseover=update(this,'#FFFFFF'); onmouseout=update(this,'#B1947D');>Installation<br>Manuals</div></div>", "installation_manuals.asp","", 139,33);
	oCMenu.makeMenu("sub403", "top4", "<div class='menuContainer' style='width:139px; height:33px;'><img src='/images/menuBackground.png' width='139' height='33'><div onmouseover=update(this,'#FFFFFF'); onmouseout=update(this,'#B1947D');>Cabinetry Care &<br>Maintenance Videos</div></div>", "careVideo.asp","", 139,33);

	
	
//About
if (iSectionID == 5)
	oCMenu.makeMenu("top5","","", "speedbump.asp?ilink=1", "_blank", 148, 16, "/images/topNav5On.jpg", "/images/topNav5On.jpg");
else
	oCMenu.makeMenu("top5","","", "speedbump.asp?ilink=1", "_blank", 148, 16, "/images/topNav5Off.jpg", "/images/topNav5On.jpg");

	oCMenu.makeMenu("sub500", "top5", "<div class='menuContainer' style='width:148px; height:20px;'><img src='/images/menuBackground.png' width='148' height='20'><div onmouseover=update(this,'#FFFFFF'); onmouseout=update(this,'#B1947D');>Company Locations</div></div>", "speedbump.asp?ilink=1","_blank", 148,20);
	oCMenu.makeMenu("sub501", "top5", "<div class='menuContainer' style='width:148px; height:20px;'><img src='/images/menuBackground.png' width='148' height='20'><div onmouseover=update(this,'#FFFFFF'); onmouseout=update(this,'#B1947D');>Financial</div></div>", "speedbump.asp?ilink=2","_blank", 148,20);
	oCMenu.makeMenu("sub502", "top5", "<div class='menuContainer' style='width:148px; height:25px;'><img src='/images/menuBackground.png' width='148' height='25'><div onmouseover=update(this,'#FFFFFF'); onmouseout=update(this,'#B1947D');>News</div></div>", "speedbump.asp?ilink=3","_blank", 148,25);

//Leave this line - it constructs the menu
oCMenu.construct();		

//Extra code to find position:
function findPos(num){
  //alert(num)
  var x, y;
  if(bw.ns4){   //Netscape 4
    x = document.layers["layerMenu"+num].pageX
    y = document.layers["layerMenu"+num].pageY
  }else{ //other browsers
    x=0; y=0; var el,temp
    el = bw.ie4?document.all["divMenu"+num]:document.getElementById("divMenu"+num);
    if(el.offsetParent){
      temp = el
      while(temp.offsetParent){ //Looping parent elements to get the offset of them as well
        temp=temp.offsetParent; 
        x+=temp.offsetLeft
        y+=temp.offsetTop;
      }
    }
    x+=el.offsetLeft
    y+=el.offsetTop
  }
  //Returning the x and y as an array
  return [x,y]
}
function placeElements(){
  //Changing the position of ALL top items:
  pos = findPos(0)
  oCMenu.m["top1"].b.moveIt(pos[0],pos[1])
  pos = findPos(1)
  oCMenu.m["top2"].b.moveIt(pos[0],pos[1])
  pos = findPos(2)
  oCMenu.m["top3"].b.moveIt(pos[0],pos[1])
  pos = findPos(3)
  oCMenu.m["top4"].b.moveIt(pos[0],pos[1])
  pos = findPos(4)
  oCMenu.m["top5"].b.moveIt(pos[0],pos[1])

  //Setting the fromtop value
  oCMenu.fromTop = pos[0]
}
placeElements()
//Setting it to re place the elements after resize - the resize is not perfect though..
oCMenu.onafterresize="placeElements()"


function update(oObj, cColor){
	oObj.style.color = cColor;
}