var firstitem="						<li>";
firstitem+="							<a href=\"http://iomoi.stores.yahoo.net/fu.html\">";
firstitem+="								stationery";
firstitem+="							</a>";
firstitem+="						</li>";
firstitem+="						<li>";
firstitem+="							<a href=\"http://iomoi.stores.yahoo.net/custominvitations.html\">";
firstitem+="								invitations";
firstitem+="							</a>";
firstitem+="						</li>";
firstitem+="						<li>";
firstitem+="							<a href=\"http://iomoi.stores.yahoo.net/section-02.html\">";
firstitem+="								photo cards (flat)";//section-02.html
firstitem+="							</a>";
firstitem+="						</li>";
firstitem+="						<li>";
firstitem+="							<a href=\"http://iomoi.stores.yahoo.net/trifold-photo-cards-section.html\">";
firstitem+="								photo cards (trifold)";
firstitem+="							</a>";
firstitem+="						</li>";
firstitem+="						<li>";
firstitem+="							<a href=\"http://iomoi.stores.yahoo.net/callingcards.html\">";
firstitem+="								calling cards";
firstitem+="							</a>";
firstitem+="						</li>";
firstitem+="						<li>";
firstitem+="							<a href=\"http://iomoi.stores.yahoo.net/addresslabels.html\">";
firstitem+="								address labels";
firstitem+="							</a>";
firstitem+="						</li>";
firstitem+="						<li>";
firstitem+="							<a href=\"http://iomoi.stores.yahoo.net/labels-oversize.html\">";
firstitem+="								oversize labels";
firstitem+="							</a>";
firstitem+="						</li>";
firstitem+="						<li>";
firstitem+="							<a href=\"http://iomoi.stores.yahoo.net/section-17.html\">";
firstitem+="								gift tags";
firstitem+="							</a>";
firstitem+="						</li>";
firstitem+="						<li>";
firstitem+="							<a href=\"http://iomoi.stores.yahoo.net/section-16.html\">";
firstitem+="								notebooks";
firstitem+="							</a>";
firstitem+="						</li>";
firstitem+="						<li>";
firstitem+="							<a href=\"http://iomoi.stores.yahoo.net/section-15.html\">";
firstitem+="								non-custom";
firstitem+="							</a>";
firstitem+="						</li>";



var seconditem="					<li>";
seconditem+="							<a href=\"http://iomoi.stores.yahoo.net/matouk.html\">";
seconditem+="								iomoi for Matouk";
seconditem+="							</a>";
seconditem+="						</li>";
seconditem+="						<li>";
seconditem+="							<a href=\"http://iomoi.stores.yahoo.net/section-14.html\">";
seconditem+="								matches";
seconditem+="							</a>";
seconditem+="						</li>";
seconditem+="						<li>";
seconditem+="							<a href=\"http://iomoi.stores.yahoo.net/section-13.html\">";
seconditem+="								paper coasters";
seconditem+="							</a>";
seconditem+="						</li>";
seconditem+="						<li>";
seconditem+="							<a href=\"http://store.yahoo.com/iomoi/section-06.html\">";
seconditem+="								ice buckets";
seconditem+="							</a>";
seconditem+="						</li>";
seconditem+="						<li>";
seconditem+="							<a href=\"http://store.yahoo.com/iomoi/coasters1.html\">";
seconditem+="								glass coasters";
seconditem+="							</a>";
seconditem+="						</li>";
seconditem+="						<li>";
seconditem+="							<a href=\"#TB_inline?width=440&height=440&inlineId=hidden2ndnavButler\" title=\"\" class=\"thickbox\">";
seconditem+="								butler tray";
seconditem+="							</a>";
seconditem+="							<div id=\"hidden2ndnavButler\" style=\"display:none\">";
seconditem+="								<p style=\"text-align:center; font-size: 14px;\">";
seconditem+="									COMING SOON - custom butler trays<br /><br />";
seconditem+="									<img src=\"http://www.iomoi.com/images/homePageRandomImages/comingsoon/butler.png\" width=\"360\" height=\"360\" />";
seconditem+="								</p>";
seconditem+="							</div>";
seconditem+="						</li>";
seconditem+="						<li>";
seconditem+="							<a href=\"http://iomoi.stores.yahoo.net/section-08.html\">";
seconditem+="								lucite trays";
seconditem+="							</a>";
seconditem+="						</li>";
seconditem+="						<li>";
seconditem+="							<a href=\"http://iomoi.stores.yahoo.net/section-19.html\">";
seconditem+="								canvas trays";
seconditem+="							</a>";
seconditem+="						</li>";
seconditem+="						<li>";
seconditem+="							<a href=\"#TB_inline?width=440&height=440&inlineId=hidden2ndnavGold\" title=\"\" class=\"thickbox\">";
seconditem+="								trays with gold";
seconditem+="							</a>";
seconditem+="							<div id=\"hidden2ndnavGold\" style=\"display:none\">";
seconditem+="								<p style=\"text-align:center; font-size: 14px;\">";
seconditem+="									COMING SOON - lucite trays with gold hardware<br /><br />";
seconditem+="									<img src=\"http://www.iomoi.com/images/homePageRandomImages/comingsoon/goldtray.png\" width=\"360\" height=\"360\" />";
seconditem+="								</p>";
seconditem+="							</div>";
seconditem+="						</li>";
seconditem+="						<li>";
seconditem+="							<a href=\"http://iomoi.stores.yahoo.net/section-05.html\">";
seconditem+="								canvas pillows";
seconditem+="							</a>";
seconditem+="						</li>";
seconditem+="						<li>";
seconditem+="							<a href=\"http://iomoi.stores.yahoo.net/section-21.html\">";
seconditem+="								plates";
seconditem+="							</a>";
seconditem+="						</li>";


var thirditem="						<li>";
thirditem+="							<a href=\"http://iomoi.stores.yahoo.net/section-deskaccessories.html\">";
thirditem+="								desk accessories";
thirditem+="							</a>";
thirditem+="						</li>";
thirditem+="						<li>";
thirditem+="							<a href=\"http://iomoi.stores.yahoo.net/paperweights.html\">";
thirditem+="								paperweights";
thirditem+="							</a>";
thirditem+="						</li>";
thirditem+="						<li>";
thirditem+="							<a href=\"#TB_inline?width=440&height=440&inlineId=hidden2ndnavLuciteppwt\" title=\"\" class=\"thickbox\">";
thirditem+="								lucite paperweights";
thirditem+="							</a>";
thirditem+="							<div id=\"hidden2ndnavLuciteppwt\" style=\"display:none\">";
thirditem+="								<p style=\"text-align:center; font-size: 14px;\">";
thirditem+="									COMING SOON<br />oversize, custom lucite paperweights<br />with die-cast finial";
thirditem+="									<img src=\"http://www.iomoi.com/images/homePageRandomImages/comingsoon/oversizeppwt.png\" width=\"360\" height=\"360\" />";
thirditem+="								</p>";
thirditem+="							</div>";
thirditem+="						</li>";
thirditem+="						<li>";
thirditem+="							<a href=\"http://iomoi.stores.yahoo.net/section-07.html\">";
thirditem+="								lucite box";
thirditem+="							</a>";
thirditem+="						</li>";
thirditem+="						<li>";
thirditem+="							<a href=\"http://iomoi.stores.yahoo.net/section-20.html\">";
thirditem+="								letter holder";
thirditem+="							</a>";
thirditem+="						</li>";
thirditem+="						<li>";
thirditem+="							<a href=\"http://iomoi.stores.yahoo.net/section-18.html\">";
thirditem+="								blotter";
thirditem+="							</a>";
thirditem+="						</li>";


var fourthitem="					<li>";
fourthitem+="							<a href=\"http://iomoi.stores.yahoo.net/phonecases.html\">";
fourthitem+="								phone cases";
fourthitem+="							</a>";
fourthitem+="						<li>";
fourthitem+="							<a href=\"http://iomoi.stores.yahoo.net/section-26.html\">";
fourthitem+="								iPad cases";
fourthitem+="							</a>";
fourthitem+="						</li>";
fourthitem+="						<li>";
fourthitem+="							<a href=\"http://iomoi.stores.yahoo.net/shoes.html\">";
fourthitem+="								shoes";
fourthitem+="							</a>";
fourthitem+="						</li>";
fourthitem+="						<li>";
fourthitem+="							<a href=\"http://iomoi.stores.yahoo.net/scarves.html\">";
fourthitem+="								scarves";
fourthitem+="							</a>";
fourthitem+="						</li>";
fourthitem+="						<li>";
fourthitem+="							<a href=\"http://iomoi.stores.yahoo.net/noncustombags.html\">";
fourthitem+="								non-custom bags";
fourthitem+="							</a>";
fourthitem+="						</li>";
fourthitem+="						<li>";
fourthitem+="							<a href=\"http://iomoi.stores.yahoo.net/section-04.html\">";
fourthitem+="								canvas bags";
fourthitem+="							</a>";
fourthitem+="						</li>";
fourthitem+="						<li>";
fourthitem+="							<a href=\"http://iomoi.stores.yahoo.net/section-04.html\">";
fourthitem+="								canvas notebooks";
fourthitem+="							</a>";
fourthitem+="						</li>";
fourthitem+="						<li>";
fourthitem+="							<a href=\"http://iomoi.stores.yahoo.net/section-25.html\">";
fourthitem+="								leather bags";
fourthitem+="							</a>";
fourthitem+="						</li>";
fourthitem+="						<li>";
fourthitem+="							<a href=\"http://iomoi.stores.yahoo.net/section-26.html\">";
fourthitem+="								canvas & leather mix";
fourthitem+="							</a>";
fourthitem+="						</li>";



var fifthitem="						<li>";
fifthitem+="							<a href=\"http://iomoi.stores.yahoo.net/section-12.html\">";
fifthitem+="								stationery";
fifthitem+="							</a>";
fifthitem+="						</li>";
fifthitem+="						<li>";
fifthitem+="							<a href=\"http://iomoi.stores.yahoo.net/section-11.html\">";
fifthitem+="								invites";
fifthitem+="							</a>";
fifthitem+="						</li>";
fifthitem+="						<li>";
fifthitem+="							<a href=\"http://iomoi.stores.yahoo.net/section-11.html\">";
fifthitem+="								announcements";
fifthitem+="							</a>";
fifthitem+="						</li>";
fifthitem+="						<li>";
fifthitem+="							<a href=\"#TB_inline?width=440&height=440&inlineId=hiddenKidsPhotoCards\" title=\"\" class=\"thickbox\">";
fifthitem+="								photo cards";
fifthitem+="							</a>";
fifthitem+="							<div id=\"hiddenKidsPhotoCards\" style=\"display:none\">";
fifthitem+="								<p style=\"text-align:center; font-size: 14px;\">";
fifthitem+="									UPDATING - thank you for your patience while we refresh our photo cards section.<br /><br />";
fifthitem+="									<img src=\"http://www.iomoi.com/images/homePageRandomImages/comingsoon/photocards.png\" width=\"360\" height=\"360\" />";
fifthitem+="								</p>";
fifthitem+="							</div>";
fifthitem+="						</li>";
fifthitem+="						<li>";
fifthitem+="							<a href=\"http://iomoi.stores.yahoo.net/section-09.html\">";
fifthitem+="								canvas bags";
fifthitem+="							</a>";
fifthitem+="						</li>";
fifthitem+="						<li>";
fifthitem+="							<a href=\"http://iomoi.stores.yahoo.net/section-10.html\">";
fifthitem+="								canvas pillows";
fifthitem+="							</a>";
fifthitem+="						</li>";



var sixthitem="						<li>";
sixthitem+="							<a href=\"http://iomoi.stores.yahoo.net/giftcertificates.html\">";
sixthitem+="								gift cards";
sixthitem+="							</a>";
sixthitem+="						</li>";
sixthitem+="						<li>";
sixthitem+="							<a href=\"http://iomoi.stores.yahoo.net/greatgiftsunder50.html\">";
sixthitem+="								great gifts";
sixthitem+="							</a>";
sixthitem+="						</li>";


var seventhitem="					<li>";
seventhitem+="							<a href=\"http://iomoi.stores.yahoo.net/salesection.html\">";
seventhitem+="								sale items";
seventhitem+="							</a>";
seventhitem+="						</li>";



var eighthitem="					<li>";
eighthitem+="							<a href=\"http://www.iomoi.com/iomoi.php?page=designbrowser\">";
eighthitem+="								send free sample";
eighthitem+="							</a>";
eighthitem+="						</li>";
eighthitem+="						<li>";
eighthitem+="							<a href=\"http://iomoi.stores.yahoo.net/estationery.html\">";
eighthitem+="								buy membership";
eighthitem+="							</a>";
eighthitem+="						</li>";
eighthitem+="						<li>";
eighthitem+="							<br>";
eighthitem+="							<form id=\"formEstatLogin\" action=\"http://www.iomoi.com/iomoi.php?page=signin\" method=\"post\">";
eighthitem+="								<div id=\"divEstatLogin\" class=\"clearfix\" style=\"padding:4px; border: 1px solid black; line-height:100%; background-color:#ff0000;\">";
eighthitem+="									<fieldset>";
eighthitem+="										<p style=\"font-weight:bolder;\">member sign-in</p>";
eighthitem+="										<p><input type=\"hidden\" name=\"referringSiteID\" value=\"20011114161338\" /></p> ";
eighthitem+="										<p style=\"font-size:0.9em;\">email:</p>";
eighthitem+="										<p><input style=\"width:95%;\" type=\"text\" name=\"signInEmail\"  maxlength=\"100\" tabindex=\"1\" /></p>";
eighthitem+="										<p style=\"font-size:0.9em;\">password:</p>";
eighthitem+="										<p><input style=\"width:95%;\" type=\"password\" name=\"signInPassword\"  maxlength=\"10\" tabindex=\"2\" /></p>";
eighthitem+="										<p><input type=\"submit\" name=\"buttonNext\" value=\"sign in\" /></p>";
eighthitem+="									</fieldset>";
eighthitem+="								</div>";
eighthitem+="							</form>";
eighthitem+="						</li>";


var matoukitem="					<li>";
matoukitem+="						<li>";
matoukitem+="							<a href=\"http://iomoi.stores.yahoo.net/matouk.html\">";
matoukitem+="								iomoi for Matouk";
matoukitem+="							</a>";
matoukitem+="						</li>";


var holidayitem="					<li>";
holidayitem+="						<li>";
holidayitem+="							<a href=\"http://iomoi.stores.yahoo.net/osection-holidaycards.html\">";
holidayitem+="								holiday cards";
holidayitem+="							</a>";
holidayitem+="						</li>";
holidayitem+="						<li>";
holidayitem+="							<a href=\"http://iomoi.stores.yahoo.net/osection-holidaycards.html\">";
holidayitem+="								invitations";
holidayitem+="							</a>";
holidayitem+="						</li>";
holidayitem+="						<li>";
holidayitem+="							<a href=\"http://iomoi.stores.yahoo.net/section-02.html\">";
holidayitem+="								photo cards (flat)";
holidayitem+="							</a>";
holidayitem+="						</li>";
holidayitem+="						<li>";
holidayitem+="							<a href=\"http://iomoi.stores.yahoo.net/trifold-photo-cards-section.html\">";
holidayitem+="								photo cards (trifold)";
holidayitem+="							</a>";
holidayitem+="						</li>";
holidayitem+="						<li>";
holidayitem+="							<a href=\"http://iomoi.stores.yahoo.net/addresslabels.html\">";
holidayitem+="								address labels";
holidayitem+="							</a>";
holidayitem+="						</li>";
holidayitem+="						<li>";
holidayitem+="							<a href=\"http://iomoi.stores.yahoo.net/labels-oversize.html\">";
holidayitem+="								oversize labels";
holidayitem+="							</a>";
holidayitem+="						</li>";
holidayitem+="						<li>";
holidayitem+="							<a href=\"http://iomoi.stores.yahoo.net/section-17.html\">";
holidayitem+="								gift tags";
holidayitem+="							</a>";
holidayitem+="						</li>";
holidayitem+="							<a href=\"#TB_inline?width=344&height=370&inlineId=hiddenHoliday2011\" title=\"\" class=\"thickbox\">";
holidayitem+="								gifts under $50";
holidayitem+="							</a>";
holidayitem+="							<div id=\"hiddenHoliday2011\" style=\"display:none\">";
holidayitem+="								<p style=\"text-align:center; font-size: 14px;\">";
holidayitem+="									COMING VERY SOON - holiday 2011 designs<br />";
holidayitem+="								</p>";
holidayitem+="							</div>";
holidayitem+="						</li>";


/* 2010 holiday §
holidayitem+="						<li>";
holidayitem+="							<a href=\"http://iomoi.stores.yahoo.net/custominvitations.html\">";
holidayitem+="								invitations";
holidayitem+="							</a>";
holidayitem+="						</li>";
holidayitem+="						<li>";// 100305 was section 2
holidayitem+="							<a href=\"http://iomoi.stores.yahoo.net/section-02.html\">";
holidayitem+="								photo cards (flat)";
holidayitem+="							</a>";
holidayitem+="						</li>";
holidayitem+="						<li>";// 100305 was section 3
holidayitem+="							<a href=\"http://iomoi.stores.yahoo.net/section-03.html\">";
holidayitem+="								photo cards (folded)";
holidayitem+="							</a>";
holidayitem+="						</li>";
holidayitem+="						<li>";
holidayitem+="							<a href=\"http://iomoi.stores.yahoo.net/addresslabels.html\">";
holidayitem+="								address labels";
holidayitem+="							</a>";
holidayitem+="						</li>";
holidayitem+="						<li>";
holidayitem+="							<a href=\"http://iomoi.stores.yahoo.net/section-17.html\">";
holidayitem+="								gift tags";
holidayitem+="							</a>";
holidayitem+="						</li>";
*/





/*
sample thickbox code for coming soon items

seconditem+="						<li>";
seconditem+="							<a href=\"#TB_inline?width=344&height=370&inlineId=hidden2ndnavBuckets\" title=\"\" class=\"thickbox\">";
seconditem+="								ice buckets";
seconditem+="							</a>";
seconditem+="							<div id=\"hidden2ndnavBuckets\" style=\"display:none\">";
seconditem+="								<p style=\"text-align:center; font-size: 14px;\">";
seconditem+="									COMING SOON - customized ice buckets<br />";
seconditem+="									<img src=\"http://www.iomoi.com/images/homePageRandomImages/comingsoon/icebuckets.jpg\" width=\"319\" height=\"330\" />";
seconditem+="								</p>";
seconditem+="							</div>";
seconditem+="						</li>";

*/



function create2ndNav(){

	var menu1 = new YAHOO.widget.AccordionView(
		'mymenu',
		{
			collapsible:true,
			width:'140px',
			hoverActivated:false,
			animationSpeed:'0.3',
			animate:true,
			effect:YAHOO.util.Easing.easeBothStrong
		}
	);

	// we dynamically add each panel to avoid ugly, unstyled ul rendering in the browser prior to accordion init
//	menu1.addPanel({label:'HOLIDAY',content:holidayitem});
	menu1.addPanel({label:'paper',content:firstitem});
	menu1.addPanel({label: 'home', content:seconditem});
	menu1.addPanel({label: 'iomoi for Matouk', content:matoukitem});	
	menu1.addPanel({label: 'desk', content:thirditem});
	menu1.addPanel({label: 'accessories', content:fourthitem});
	menu1.addPanel({label: 'kids', content:fifthitem});
	menu1.addPanel({label: 'gifts', content:sixthitem});
	menu1.addPanel({label: 'sale', content:seventhitem});
	menu1.addPanel({label: 'e-stationery', content:eighthitem});



	// the 2nd nav system has been instantiated at this point. let's apply our customizations based on the ioHomePageCustomizer.js
	// 101106 the .mgAccordionTopPanel-n convention can only be sequential numbers (see accordionview.js)
	$('#divEstatLogin').css('background-color','#eeeeee'); // the form for e-stat login
	$('.yui-accordion-toggle').css('background-color',panelBGcolor); // all head panels
	$('.mgAccordionTopPanel-1').css('background-color',panel_1_bgColor); // 1st head panel
	$('.mgAccordionTopPanel-2').css('background-color',panel_2_bgColor); // 2nd head panel
	$('.mgAccordionTopPanel-3').css('background-color',panel_3_bgColor); // 3rd head panel
	$('.mgAccordionTopPanel-4').css('background-color',panel_4_bgColor); // 4th head panel
	$('.mgAccordionTopPanel-5').css('background-color',panel_5_bgColor); // 5th head panel
	$('.mgAccordionTopPanel-6').css('background-color',panel_6_bgColor); // 6th head panel
	$('.mgAccordionTopPanel-7').css('background-color',panel_7_bgColor); // 7th head panel
	$('.mgAccordionTopPanel-8').css('background-color',panel_8_bgColor); // 8th head panel
	$('.mgAccordionTopPanel-9').css('background-color',panel_9_bgColor); // 9th head panel
//	$('.mgAccordionTopPanel-10').css('background-color',panel_10_bgColor); // 10th head panel
	
	
	// adding class(es) here to style the content of the accordion (i.e. content below panels)
	// this is in ioaccordionview.css in the assets folder of accordionview
	$('.yui-accordion-content').addClass('lineheight200pct ioClass-linkScheme-panelchild');
	
	//$('.yui-accordion-content').css('background-color',panelContentBGolor);
	//$('#mymenu-1-label').css('background-color',panelContentBGolor); //use this guy and subsequent to color indiv heads

	//alert('instantiating!');
	

}

