//var states = ['mout', 'mover', 'mdown'];
//var bgcolors = ['#4682B4', '#6699cc', '#99ccff'];
var customstates = ['', 'over', '']; //This is to tack on text after the base CSS class name.  If you want a separate Down class, use the 3rd array variable
var width = [115, 150, 112, 112, 112, 116]; //WIDTH needs to be same on menu_tpl.js

//The [90, null, 112, 39] sets of numbers on each item mean the following:
//	[distance left from previous position, distance down from previous position, width, height]
//Use negative numbers to move the opposite direction

//The text within the [] paired up with the url [URL, null, Alt Text] is simply mouseover alt text.  Can be different than visible text inside of wrap function.

var MENU_ITEMS = [
//About Menu Items
	[['<img src="http://www.napo-wi.com/Images/template/tab_about.gif">',
	  '<img src="http://www.napo-wi.com/Images/template/tab_about-on.gif">',
	  '<img src="http://www.napo-wi.com/Images/template/tab_about-on.gif">'],
	  'http://www.napo-wi.com/about.asp', [null, null, 115, 47],
	    [wrap('Overview', 'cMenu', 1), ['http://www.napo-wi.com/about.asp', null, '']],
	    [wrap('Board of Directors', 'cMenu', 1), ['http://www.napo-wi.com/about-board.asp', null, '']],
	    [wrap('Organizing Profession', 'cMenu', 1), ['http://www.napo-wi.com/about-organizing.asp', null, '']],
	    [wrap('Professional Organizing FAQs', 'cMenu', 1), ['http://www.napo-wi.com/about-faqs.asp', null, '']],
	    [wrap('NAPO Code of Ethics', 'cMenu', 1), ['http://www.napo-wi.com/about-ethics.asp', null, '']],	
		//[wrap('NAPO Chapters', 'cMenu', 1), ['http://www.napo-wi.com/about-chapters.asp', null, '']],	
		[wrap('Advertising Opportunities', 'cMenu', 1), ['http://www.napo-wi.com/contact-advertising.asp', null, '']],
		[wrap('Contact Us', 'cMenu', 1), ['http://www.napo-wi.com/contact.asp', null, '']]																																																															    ],
//Get Organized Menu Items
	[['<img src="http://www.napo-wi.com/Images/template/tab_getorganized.gif">',
	  '<img src="http://www.napo-wi.com/Images/template/tab_getorganized-on.gif">', 
	  '<img src="http://www.napo-wi.com/Images/template/tab_getorganized-on.gif">'], 
	  'http://www.napo-wi.com/getorganized.asp', [115, null, 112, 47],
		[wrap('Why Hire a PO?', 'cMenu', 1), ['http://www.napo-wi.com/getorganized.asp', null, '']],
		[wrap('Resources', 'cMenu', 1), ['http://www.napo-wi.com/getorganized-resources.asp', null, '']],	
		[wrap('Find an Organizer', 'cMenu', 1), ['http://www.napo-wi.com/getorganized-findpo.asp', null, '']],
	    [wrap('NAPO Code of Ethics', 'cMenu', 1), ['http://www.napo-wi.com/about-ethics.asp', null, '']],			
		[wrap('Frequently Asked Questions', 'cMenu', 1), ['http://www.napo-wi.com/faqs.asp', null, '']],	
	],
//Join Menu Items
	[['<img src="http://www.napo-wi.com/Images/template/tab_join.gif">',
	  '<img src="http://www.napo-wi.com/Images/template/tab_join-on.gif">',
	  '<img src="http://www.napo-wi.com/Images/template/tab_join-on.gif">'], 
	  'http://www.napo-wi.com/join.asp', [112, null, 112, 47],
		[wrap('Become a Member', 'cMenu', 1), ['http://www.napo-wi.com/join.asp', null, '']],
		[wrap('Member Login', 'cMenu', 1), ['http://www.napo-wi.com/members/login.asp', null, '']]
	],
//Events Menu Items
	[['<img src="http://www.napo-wi.com/Images/template/tab_events.gif">', 
	  '<img src="http://www.napo-wi.com/Images/template/tab_events-on.gif">', 
	  '<img src="http://www.napo-wi.com/Images/template/tab_events-on.gif">'], 
	  'http://www.napo-wi.com/events.asp', [112, null, 112, 47],
		[wrap('Chapter Meetings', 'cMenu', 1), ['http://www.napo-wi.com/events-chapter.asp', null, '']],
		[wrap('Networking Events', 'cMenu', 1), ['http://www.napo-wi.com/events-networking.asp', null, '']],
		[wrap('Other Chapter Events', 'cMenu', 1), ['http://www.napo-wi.com/events-other.asp', null, '']],
		[wrap('Annual Shred-a-Thon', 'cMenu', 1), ['http://www.napo-wi.com/events-shred-a-thon.asp', null, '']],
		[wrap('Conferences & Seminars', 'cMenu', 1), ['http://www.napo-wi.com/events-seminars.asp', null, '']],
		[wrap('Sponsorship Opportunities', 'cMenu', 1), ['http://www.napo-wi.com/events-sponsor.asp', null, '']],
		[wrap('Join Our Mailing List', 'cMenu', 1), ['http://www.napo-wi.com/contact-mailinglist.asp', null, '']]
	],
//Associates Menu Items
	[['<img src="http://www.napo-wi.com/Images/template/tab_associate-members.png">', 
	  '<img src="http://www.napo-wi.com/Images/template/tab_associate-members-on.png">', 
	  '<img src="http://www.napo-wi.com/Images/template/tab_associate-members-on.png">'], 
	  'http://www.napo-wi.com/associates.asp', [112, null, 112, 47],
		[wrap('NAPO-WI Associate Members', 'cMenu', 1), ['http://www.napo-wi.com/associates.asp', null, '']],
		//[wrap('Subscribe', 'cMenu', 1), ['http://www.napo-wi.com/register/news-subscribe.asp', null, '']],
		[wrap('Become an Associate', 'cMenu', 1), ['http://www.napo-wi.com/join-associate.asp', null, '']]//,
		//[wrap('Advertising Opportunities', 'cMenu', 1), ['http://www.napo-wi.com/contact-advertising.asp', null, '']]
	],
//Newsletter Menu Items
//	[['<img src="http://www.napo-wi.com/Images/template/tab_news.gif">', 
//	  '<img src="http://www.napo-wi.com/Images/template/tab_news-on.gif">', 
//	  '<img src="http://www.napo-wi.com/Images/template/tab_news-on.gif">'], 
//	  'http://www.napo-wi.com/news.asp', [112, null, 112, 47],
//		[wrap('NAPO-WI Chapter Newsletter', 'cMenu', 1), ['http://www.napo-wi.com/news.asp', null, '']],
		//[wrap('Subscribe', 'cMenu', 1), ['http://www.napo-wi.com/register/news-subscribe.asp', null, '']],
//		[wrap('Archives', 'cMenu', 1), ['http://www.napo-wi.com/subscribers/login.asp', null, '']]//,
		//[wrap('Advertising Opportunities', 'cMenu', 1), ['http://www.napo-wi.com/contact-advertising.asp', null, '']]
//	],
//Contact Menu Items
	[['<img src="http://www.napo-wi.com/Images/template/tab_contact.gif">', 
	  '<img src="http://www.napo-wi.com/Images/template/tab_contact-on.gif">', 
	  '<img src="http://www.napo-wi.com/Images/template/tab_contact-on.gif">'], 
	 'http://www.napo-wi.com/contact.asp', [112, null, 116, 47],
		[wrap('General Information', 'cMenu', 1), ['http://www.napo-wi.com/contact.asp', null, '']],
		[wrap('Advertising Opportunities', 'cMenu', 1), ['http://www.napo-wi.com/contact-advertising.asp', null, '']],
		[wrap('Join Our Mailing List', 'cMenu', 1), ['http://www.napo-wi.com/contact-mailinglist.asp', null, '']]
	],
];

/*function wrap_parent (text, pos, icon) {
	var res = new Array;
	for (var i=0; i<states.length; i++)
		res[i] =  '<table cellpadding="1" cellspacing="0" border="0" bgcolor="#DBEAF5" width="100%"><tr><td><table cellpadding="2" cellspacing="0" border="0" width="100%" height="24" bgcolor="' + bgcolors[i] + '"><tr><td valign="middle" width="100%">&nbsp;' + (icon != null ? '<img src="img/'  + icon + '" height="16">&nbsp;' : '') + '<font face="tahoma, verdana, arial" color="black"><span style="font-size: 13px;">' + text + '</span></font></td><td valign="middle"><img src="img/' + states[i] + '_' + pos + 'arrow.gif" width="12" height="12"></td></tr></table></td></tr></table>';
	return res;
}
function wrap_parent (text, pos, icon) {
	var res = new Array;
	for (var i=0; i<states.length; i++)
		res[i] =  '<table cellspacing="0" border="0" bgcolor="#DBEAF5" width="100%"><tr><td><table ccellspacing="0" border="0" width="100%" bgcolor="' + bgcolors[i] + '"><tr><td valign="middle" width="100%">&nbsp;' + (icon != null ? '<img src="img/'  + icon + '" height="16">&nbsp;' : '') + '<font face="tahoma, verdana, arial" color="black"><span style="font-size: 13px;">' + text + '</span></font></td><td valign="middle"><img src="img/' + states[i] + '_' + pos + 'arrow.gif" width="12" height="12"></td></tr></table></td></tr></table>';
	return res;
}
function wrap_child (text, icon) {
	var res = new Array;
	for (var i=0; i<states.length; i++)
		res[i] =  '<table cellpadding="0" cellspacing="0" border="0" bgcolor="#DBEAF5" width="100%"><tr><td><table cellpadding="3" cellspacing="1" border="0" width="100%" height="24"><tr><td bgcolor="' + bgcolors[i] + '" style="padding: 3px;" valign="middle">&nbsp;' + (icon != null ? '<img src="img/'  + icon + '" height="16" align="absmiddle">&nbsp;' : '') + '<font face="tahoma, verdana, arial" color="black"><span style="font-size: 12px;">' + text + '</span></font></td></tr></table></td></tr></table>';
	return res;
}*/

//This function applies styles to the dropdown menus
//level needs to be menu level minus 1 to match position within width array
function wrap(text, cssClass, level) { //Pass in the text you want to display along with the CSS class.  You need to define 2 classes, one regular and one mouseover named the same as the regular plus 'over' tacked to the end of it
	var res = new Array;
	for (var i=0; i<customstates.length; i++)
		res[i] =  '<table cellpadding="0" cellspacing="0" width="100%"><tr><td><table cellpadding="0" cellspacing="0" width="100%"><tr><td height="20" width="' + width[level] + '" class="' + cssClass + customstates[i] + '">' + text + '</td></tr></table></td></tr></table>';
	return res;
}