////
//
////// THE FOLLOWING LINES ARE USED TO BUILD THE SITE-WIDE HEADER MENU
//// Each menuItem has several attributes:
//// id (required) - the text that will appear as the link, the name of the file to be linked to, the name of the image(gif) if an image is to be used
////			that is, 'about' will appear in the menu or about.png will show,  and link to about.html
//// image (required) - set to 1 if images are to be used - set to 0 for a text link
//// subItems (optional) - set to a comma separated list of quote-enclosed submenu items. images not allowed.
////			or leave blank empty brakets for no submenu items , i.e. []
//// 
//// NOTE: menuItems link to an index.html file in the 'id' folder - i.e /contact/index.html
//// NOTE: images are in the /img/ folder in the 'shw_menu' folder and images should be named 'id'.gif and 'id'_f2.gif - both files required - the _on.png file is for the mouse rollover event
////		See the example below and follow the pattern:
////
////menuItems[menuItems.length] = {
////	id: 'nav_main_menu',  // corresponds to #id rule in fsmenu_h.css
////	mLink: 'main menu',   // the text to be displayed in the menu (use HTML character codes)
////	mHref: 'mainpage.html',   // the page to link to (relative to site root)
////	subItems: ['sub item 1', 'sub item 2'],   // list submenu link texts here
////	subHrefs: ['page1.html', 'menu2.html']      // list corresponding submenu pages to link to here
////};
////
////		
//
//// NOTE THAT WHEN THE MENU IS UPDATED HERE, YOU *MUST* MANUALLY UPDATE THE ZEN CART categories.php TEMPLATE FILE TO MATCH
//
//
//
//

menuItems[menuItems.length] = {
	idHref: 'homeLnk',
	id: 'navHome',
	mLink: 'home',
	mHref: 'index.html', 
	subItems: '',
	subHrefs: ''
};

menuItems[menuItems.length] = {
	idHref: 'portfolioLnk',
	id: 'navPortfolio',
	mLink: 'portfolio',
	mHref: '#', 
	subItems: ['authors','celebrities','kids'],
	subHrefs: ['portfolios/authors/','portfolios/celebrities/','portfolios/kids/']
};

menuItems[menuItems.length] = {
	idHref: 'contactLnk',
	id: 'navContact',
	mLink: 'contact',
	mHref: 'contact/', 
	subItems: '',
	subHrefs: ''
};

menuItems[menuItems.length] = {
	idHref: 'aboutLnk',
	id: 'navAbout',
	mLink: 'about',
	mHref: 'about/',
	subItems: '',
	subHrefs: ''
};

menuItems[menuItems.length] = {
	idHref: 'clientsLnk',
	id: 'navClients',
	mLink: 'clients',
	mHref: 'clients/',
	subItems: '',
	subHrefs: ''
};

//menuItems[menuItems.length] = {
//	idHref: 'homeLnk',
//	id: 'navHome',
//	mLink: 'home',
//	mHref: 'index.html',
//	subItems: '',
//	subHrefs: ''
//};

//
//
//
//
//// ********************************************************************************************************** //
//// ********************************************************************************************************** //
//// *********************************                                        ********************************* //
//// *********************************      DO NOT EDIT BELOW THIS LINE       ********************************* //
//// *********************************                                        ********************************* //
//// ********************************************************************************************************** //
//// ********************************************************************************************************** //



	// For each menu you create, you must create a matching "FSMenu" JavaScript object to represent
	// it and manage its behaviour. You don't have to edit this script at all if you don't want to;
	// these comments are just here for completeness. Also, feel free to paste this script into the
	// external .JS file to make including it in your pages easier!
	
	// Here's a menu object to control the above list of menu data:
	var listMenu = new FSMenu('listMenu', true, 'display', 'block', 'none');
	// The parameters of the FSMenu object are:
	//  1) Its own name in quotes.
	//  2) Whether this is a nested list menu or not (in this case, true means yes).
	//  3) The CSS property name to change when menus are shown and hidden.
	//  4) The visible value of that CSS property.
	//  5) The hidden value of that CSS property.
	//
	// Next, here's some optional settings for delays and highlighting:
	//  * showDelay is the time (in milliseconds) to display a new child menu.
	//    Remember that 1000 milliseconds = 1 second.
	//  * switchDelay is the time to switch from one child menu to another child menu.
	//    Set this higher and point at 2 neighbouring items to see what it does.
	//  * hideDelay is the time it takes for a menu to hide after mouseout.
	//    Set this to a negative number to disable hiding entirely.
	//  * cssLitClass is the CSS classname applied to parent items of active menus.
	//  * showOnClick will, suprisingly, set the menus to show on click. Pick one of 4 values:
	//     0 = All levels show on mouseover.
	//     1 = Menu activates on click of first level, then shows on mouseover.
	//     2 = All levels activate on click, then shows on mouseover.
	//     3 = All levels show on click only (no mouseover at all).
	//  * hideOnClick hides all visible menus when one is clicked (defaults to true).
	//  * animInSpeed and animOutSpeed set the animation speed. Set to a number
	//    between 0 and 1 where higher = faster. Setting both to 1 disables animation.
	
	listMenu.showDelay = 0;
	listMenu.switchDelay = 0;
	listMenu.hideDelay = 500;
	listMenu.cssLitClass = 'lit';
	listMenu.showOnClick = 0;
	listMenu.hideOnClick = true;
	listMenu.animInSpeed = 0.07;
	listMenu.animOutSpeed = 0.07;
	
	// Now the fun part... animation! This script supports animation plugins you
	// can add to each menu object you create. I have provided 3 to get you started.
	// To enable animation, add one or more functions to the menuObject.animations
	// array; available animations are:
	//  * FSMenu.animSwipeDown is a "swipe" animation that sweeps the menu down.
	//  * FSMenu.animFade is an alpha fading animation using tranparency.
	//  * FSMenu.animClipDown is a "blind" animation similar to 'Swipe'.
	// They are listed inside the "fsmenu.js" file for you to modify and extend :).
	
	// I'm applying two at once to listMenu. Delete this to disable!
	listMenu.animations[listMenu.animations.length] = FSMenu.animFade;
	//listMenu.animations[listMenu.animations.length] = FSMenu.animSwipeDown;
	//listMenu.animations[listMenu.animations.length] = FSMenu.animClipDown;
	
	
	// Finally, on page load you have to activate the menu by calling its 'activateMenu()' method.
	// I've provided an "addEvent" method that lets you easily run page events across browsers.
	// You pass the activateMenu() function two parameters:
	//  (1) The ID of the outermost <ul> list tag containing your menu data.
	//  (2) A node containing your submenu popout arrow indicator.
	// If none of that made sense, just cut and paste this next bit for each menu you create.
	
	var arrow = null;
	if (document.createElement && document.documentElement)
	{
	 arrow = document.createElement('span');
	 arrow.innerHTML = '&nbsp;&gt;';
	///// Feel free to replace the above two lines with these for a small arrow image...
	 //arrow = document.createElement('img');
	 //arrow.src = 'arrow.gif';
	 //arrow.style.borderWidth = '0';
	 arrow.className = 'subind';
	}
	
	
	// You may wish to leave your menu as a visible list initially, then apply its style
	// dynamically on activation for better accessibility. Screenreaders and older browsers will
	// then see all your menu data, but there will be a 'flicker' of the raw list before the
	// page has completely loaded. If you want to do this, remove the CLASS="..." attribute from
	// the above outermost UL tag, and uncomment this line:
	//addEvent(window, 'load', new Function('getRef("listMenuRoot").className="menulist"'));
	
	
	// To create more menus, duplicate this section and make sure you rename your
	// menu object to something different; also, activate another <ul> list with a
	// different ID, of course :). You can hae as many menus as you want on a page.






// Activation: This must be pasted beneath your activateMenu() call.
 // You must call menuObjectName.setLinkFading for each of your menu objects.
 // Pass an associative array {} that contains a list of classnames.
 // You must include a 'standard' class which applies to menu items that have no
 // other classname set like <a class="special"> in the HTML.
 // You can also optionally specify a "highlighted" class that will apply
 // to lit items (or whatever your menu cssLitClass is).
 // You can also style other classes individually -- here I am applying
 // different styles to <a class="special"> as an example.
 // Finally, pass a "speed" parameter to setLinkFading.

 // Each class is formatted like so with colour values 0-255:
 // 'classname': { dim: [RRR, GGG, BBB], lit: [RRR, GGG, BBB] }



//-------- NO LINK FADING ----------
//addEvent(window, 'load', new Function('listMenu.activateMenu("listMenuRoot", null)')); 
$(window).ready(function(){
	listMenu.activateMenu("listMenuRoot", null)
});
//------ WITH LINK FADING ----------
//addEvent(window, 'load', function() { 
//	window.setTimeout("listMenu.activateMenu('listMenuRoot', null);", 250);
//	window.setTimeout("listMenu.setLinkFading({"+
// " 'standard': { dim: [1, 53, 103], lit: [1, 53, 103] },"+
// " 'highlighted': { dim: [0, 0, 0], lit: [1, 53, 103] },"+
// " 'special': { dim: [0, 0, 0], lit: [1, 53, 103] },"+
// " 'special highlighted': { dim: [0, 0, 0], lit: [1, 53, 103] }"+
//" }, 10);", 500);
//});