<!-- // Hide
//
// menusetup.js must be included within the HTML file calling menu.js script

// The 'primeStyle' items: 26px long, 
// leading is 26 pixels
// no pop out menu indicator ' ', 
// the popout indicator is positioned 25px from the right edge
// items have 3px padding, 
// 'itemText' is defined in CSS - text off dark green #003333
// 'itemHover' and 'itemOn' is defined in CSS - text mouse on red #CC3399 with red underline #CC3399
// 'itemBorder' is defined in CSS - 1px  solid white border #ffffff
//

var primeStyle = new ItemStyle(26, 0, ' ', -25, 3, '', '', 'itemText', 'itemHover', '');
var primeStyleon = new ItemStyle(26, 0, ' ', -25, 3, '', '', 'itemOn', 'itemHover', '');

var noStyle = new ItemStyle(26, 0, ' ', -25, 3, '', '', 'itemAddr', 'itemAddr', '');

var secondStyle = new ItemStyle(26, 0, ' ', -25, 3, '#003333', '#E5E8E6', 'itemsecText', 'itemsecHover', '');

var thirdStyle = new ItemStyle(26, 0, ' ', -25, 3, '#336666', '#E5E8E6', 'itemthirdText', 'itemthirdHover', '');


//  TO UPDATE THIS FILE FOR YOUR LEFT NAVIGATION NEEDS.....
// The main menu section begins with the creation of a 'new PopupMenu(...)' object, which
// includes the main creation and update functions -- this example just has one object created.
// Next, we use its startMenu() function to create the individual menus used by the script.
// A PopupMenu() object must be passed its own name so it can reference itself when the menu
// is active. We also use a 'with' block to work with its properties and functions below.


var pMenu = new PopupMenu('pMenu');
with (pMenu)
{

// *** MOVE OR CENTRE THE MENU HERE ***
// MENU LOGIC......

// MAIN (root) MENU
// The 'root' menu is vertically positioned at (- 471 from left margin) 
// 210 pixels from top, 177 pixels wide  
// items by default use the colors/dimensions defined by the 'primeStyle' ItemStyle defined above


startMenu('root', true,'winWidth/2 - 471', 210, 177, primeStyle);

// The text is 0 spaces then the MAIN MENU navigation name, 
// then the name of the corresponding sub menu or HTML file
// and this item pops out as the main menu's submenu 
//when moused over as we've set 'sm:' as the action type.


if  (progid == "home") {
addItem('Home', 'index.html', '',primeStyleon);
  } else {
addItem('Home', 'index.html', '');

}

if  (progid.substring(0,4) == "websitedesign") {
addItem('Web Site Design','mWebSiteDesign', 'sm:',primeStyleon);
  } else {
addItem('Web Site Design','mWebSiteDesign', 'sm:');
}

if  (progid.substring(0,4)== "ecommerce") {
addItem('E-Commerce', 'ecommerce.html', '',primeStyleon);
  } else {
addItem('E-Commerce', 'ecommerce.html', '');
}

if  (progid.substring(0,4) == "internetmarketing") {
addItem('Internet Marketing', 'mInternetMarketing', 'sm:',primeStyleon);
  } else {
addItem('Internet Marketing', 'mInternetMarketing', 'sm:');
}


if  (progid.substring(0,4)== "customcatalogs") {
addItem('Custom Catalogs', 'customcatalogs.html', '',primeStyleon);
  } else {
addItem('Custom Catalogs', 'customcatalogs.html', '');
}


if  (progid.substring(0,4) == "brochures") {
addItem('Brochures & Ads', 'mBrochures', 'sm:',primeStyleon);
  } else {
addItem('Brochures & Ads', 'mBrochures', 'sm:');
}


if  (progid.substring(0,4)== "tradeshows") {
addItem('Trade Shows', 'tradeshows.html', '',primeStyleon);
  } else {
addItem('Trade Shows', 'tradeshows.html', '');
}


if  (progid.substring(0,4)== "packaging") {
addItem('Packaging', 'packaging.html', '',primeStyleon);
  } else {
addItem('Packaging', 'packaging.html', '');
}


if  (progid.substring(0,4)== "contact") {
addItem('Contact Us', 'contact.html', '',primeStyleon);
  } else {
addItem('Contact Us', 'contact.html', '');
}

if  (progid == "sitemap") {
addItem('Site Map', 'sitemap.html', '',primeStyleon);
  } else {
addItem('Site Map', 'sitemap.html', '');
}


// SUBMENU
// 2nd style - addItem('Column 2 Text', 'column2link.html', '');   - links to the HTML file
// 2nd style - 213 is the left side and 165 is the width for Column 2
// Then create a subsequent startMenu ('mColumn3Text', etc.)  

// 3rd style - addItem('Column 3 Text', 'mColumn3Text', 'sm:', ''); - links to the 3rd Column submenu
// 3rd style - 175 is the left side and 175 is the width for Column 3
//


// beginning of SUBMENU COLUMN 2 (second style) ---------------------
startMenu('mWebSiteDesign', true, 213, 0, 175, secondStyle);
addItem('Portfolio', 'mClientWebsites', 'sm:', '');
addItem('Custom Graphics', 'websitedesign.html', '');
addItem('Web Site Navigation', 'websitedesign.html', '');


startMenu('mInternetMarketing', true, 213, 0, 175, secondStyle);
addItem('Pay-Per-Click Programs', 'mPayPerClickPrograms', 'sm:', '');
addItem('Search Engine Optimization', 'internetmarketing.seo.html', '');
addItem('Web Site Analytics', 'internetmarketing.seo.html', '');


startMenu('mBrochures', true, 213, 0, 175, secondStyle);
addItem('Brochures', 'brochures.html', '');
addItem('Pocket Folders', 'pocketfolders.html', '');
addItem('Sell Sheets', 'sellsheets.html', '');
addItem('Mini Brochures', 'minibrochures.html', '');
addItem('Post Card Mailers', 'postcardmailers.html', '');
addItem('Trade Ads', 'tradeads.html', '');


// beginning of SUBMENU COLUMN 3 (third style) ---------------------
startMenu('mClientWebsites', true, 175, 0, 175, thirdStyle);
addItem('Client Websites', 'websitedesignlinks.html', '');
addItem('Hydropower Industry', 'http://www.steel-fab-inc.com', '');
addItem('Plastics Industry', 'http://www.ecmplastics.com', '');
addItem('Safety Products', 'http://www.safetyforce.com', '');
addItem('Dance School', 'http://www.chickeesdanceworld.com', '');
addItem('Blow Molding Machinery', 'http://www.rocheleautool.com', '');
addItem('Woodworking Tools', 'http://www.bellowsproducts.com', '');
addItem('Injection Molding', 'http://www.hitechmoldtool.com', '');
addItem('Forestry Machinery', 'http://www.workall.com', '');
addItem('Glow Stick Products', 'http://www.northernlightsticks.com', '');


startMenu('mPayPerClickPrograms', true, 175, 0, 175, thirdStyle);
addItem('Google&#8482; AdWords&#8482;', 'internetmarketing.html', '');
addItem('Yahoo!&reg; Search Marketing', 'internetmarketing.html', '');
addItem('MSN - Microsoft&reg; adCenter', 'internetmarketing.html', '');
addItem('Ask&#8482;.com', 'internetmarketing.html', '');


// end of SUBmenu---------------------

}
// End Hide -->