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/custominvitations.html\">";
firstitem+="								announcements";
firstitem+="							</a>";
firstitem+="						</li>";
firstitem+="						<li>";
firstitem+="							<a href=\"http://iomoi.stores.yahoo.net/section-02.html\">";
firstitem+="								photo cards (flat)";
firstitem+="							</a>";
firstitem+="						</li>";
firstitem+="						<li>";
firstitem+="							<a href=\"http://iomoi.stores.yahoo.net/section-03.html\">";
firstitem+="								photo cards (folded)";
firstitem+="							</a>";
firstitem+="						</li>";
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=\"#TB_inline?width=440&height=440&inlineId=hidden2ndnavPhone\" title=\"\" class=\"thickbox\">";
firstitem+="								phone labels";
firstitem+="							</a>";
firstitem+="							<div id=\"hidden2ndnavPhone\" style=\"display:none\">";
firstitem+="								<p style=\"text-align:center; font-size: 14px;\">";
firstitem+="									COMING SOON - custom phone labels<br /><br />";
firstitem+="									<img src=\"http://www.iomoi.com/images/homePageRandomImages/comingsoon/phone.png\" width=\"360\" height=\"360\" />";
firstitem+="								</p>";
firstitem+="							</div>";
firstitem+="						</li>";
firstitem+="						<li>";
firstitem+="							<a href=\"http://iomoi.stores.yahoo.net/greatgiftsunder50.html\">";
firstitem+="								gift tags";
firstitem+="							</a>";
firstitem+="						</li>";
firstitem+="						<li>";
firstitem+="							<a href=\"http://iomoi.stores.yahoo.net/greatgifts.html\">";
firstitem+="								notebooks";
firstitem+="							</a>";
firstitem+="						</li>";
firstitem+="						<li>";
firstitem+="							<a href=\"http://iomoi.stores.yahoo.net/greatgifts.html\">";
firstitem+="								non-custom";
firstitem+="							</a>";
firstitem+="						</li>";



var seconditem="					<li>";
seconditem+="							<a href=\"http://iomoi.stores.yahoo.net/greatgifts.html\">";
seconditem+="								matches";
seconditem+="							</a>";
seconditem+="						</li>";
seconditem+="						<li>";
seconditem+="							<a href=\"http://store.yahoo.com/iomoi/greatgifts.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/trays.html\">";
seconditem+="								lucite 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=\"#TB_inline?width=440&height=440&inlineId=hidden2ndnavPlates\" title=\"\" class=\"thickbox\">";
seconditem+="								plates";
seconditem+="							</a>";
seconditem+="							<div id=\"hidden2ndnavPlates\" style=\"display:none\">";
seconditem+="								<p style=\"text-align:center; font-size: 14px;\">";
seconditem+="									COMING SOON - melamine plates with custom designs<br /><br />";
seconditem+="									<img src=\"http://www.iomoi.com/images/homePageRandomImages/comingsoon/plates.png\" width=\"360\" height=\"360\" />";
seconditem+="								</p>";
seconditem+="							</div>";
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=\"#TB_inline?width=354&height=380&inlineId=hidden2ndnavMemo\" title=\"\" class=\"thickbox\">";
thirditem+="								memo sheets";
thirditem+="							</a>";
thirditem+="							<div id=\"hidden2ndnavMemo\" style=\"display:none\">";
thirditem+="								<p style=\"text-align:center; font-size: 14px;\">";
thirditem+="									COMING SOON<br />single-sheet memo blocks with lucite dispenser";
thirditem+="									<img src=\"http://www.iomoi.com/images/homePageRandomImages/comingsoon/noteblocks.jpg\" width=\"330\" height=\"327\" />";
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=\"#TB_inline?width=440&height=440&inlineId=hidden2ndnavLetterholder\" title=\"\" class=\"thickbox\">";
thirditem+="								letter holders";
thirditem+="							</a>";
thirditem+="							<div id=\"hidden2ndnavLetterholder\" style=\"display:none\">";
thirditem+="								<p style=\"text-align:center; font-size: 14px;\">";
thirditem+="									COMING SOON<br />clear &amp; tortoise<br />lucite letter holders";
thirditem+="									<img src=\"http://www.iomoi.com/images/homePageRandomImages/comingsoon/letterholder.png\" width=\"360\" height=\"360\" />";
thirditem+="								</p>";
thirditem+="							</div>";
thirditem+="						</li>";
thirditem+="						<li>";
thirditem+="							<a href=\"#TB_inline?width=440&height=440&inlineId=hidden2ndnavBlotto\" title=\"\" class=\"thickbox\">";
thirditem+="								blotter";
thirditem+="							</a>";
thirditem+="							<div id=\"hidden2ndnavBlotto\" style=\"display:none\">";
thirditem+="								<p style=\"text-align:center; font-size: 14px;\">";
thirditem+="									COMING SOON<br />oversize, clear &amp; tortoise lucite desk blotter<br /><br />";
thirditem+="									<img src=\"http://www.iomoi.com/images/homePageRandomImages/comingsoon/blotter.png\" width=\"360\" height=\"360\" />";
thirditem+="								</p>";
thirditem+="							</div>";
thirditem+="						</li>";


var fourthitem="					<li>";
fourthitem+="							<a href=\"http://iomoi.stores.yahoo.net/section-04.html\">";
fourthitem+="								the bag";
fourthitem+="							</a>";
fourthitem+="						</li>";



var fifthitem="						<li>";
fifthitem+="							<a href=\"http://iomoi.stores.yahoo.net/fu.html\">";
fifthitem+="								stationery";
fifthitem+="							</a>";
fifthitem+="						</li>";
fifthitem+="						<li>";
fifthitem+="							<a href=\"http://iomoi.stores.yahoo.net/custominvitations.html\">";
fifthitem+="								invites";
fifthitem+="							</a>";
fifthitem+="						</li>";
fifthitem+="						<li>";
fifthitem+="							<a href=\"http://iomoi.stores.yahoo.net/custominvitations.html\">";
fifthitem+="								announcements";
fifthitem+="							</a>";
fifthitem+="						</li>";
fifthitem+="						<li>";
fifthitem+="							<a href=\"#TB_inline?width=440&height=440&inlineId=hidden2ndnavPhotoCards\" title=\"\" class=\"thickbox\">";
fifthitem+="								photo cards";
fifthitem+="							</a>";
fifthitem+="						</li>";
fifthitem+="						<li>";
fifthitem+="							<a href=\"http://iomoi.stores.yahoo.net/callingcards.html\">";
fifthitem+="								calling cards";
fifthitem+="							</a>";
fifthitem+="						</li>";
fifthitem+="						<li>";
fifthitem+="							<a href=\"http://iomoi.stores.yahoo.net/addresslabels.html\">";
fifthitem+="								address labels";
fifthitem+="							</a>";
fifthitem+="						</li>";
fifthitem+="						<li>";
fifthitem+="							<a href=\"http://iomoi.stores.yahoo.net/greatgiftsunder50.html\">";
fifthitem+="								gift tags";
fifthitem+="							</a>";
fifthitem+="						</li>";
fifthitem+="						<li>";
fifthitem+="							<a href=\"#TB_inline?width=440&height=440&inlineId=hidden2ndnavPillowskids\" title=\"\" class=\"thickbox\">";
fifthitem+="								canvas pillows";
fifthitem+="							</a>";
fifthitem+="							<div id=\"hidden2ndnavPillowskids\" style=\"display:none\">";
fifthitem+="								<p style=\"text-align:center; font-size: 14px;\">";
fifthitem+="									COMING SOON - canvas pillows with custom designs<br /><br />";
fifthitem+="									<img src=\"http://www.iomoi.com/images/homePageRandomImages/comingsoon/pillowskids.png\" width=\"360\" height=\"360\" />";
fifthitem+="								</p>";
fifthitem+="							</div>";
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+="								gifts under $50";
sixthitem+="							</a>";
sixthitem+="						</li>";
sixthitem+="						<li>";
sixthitem+="							<a href=\"http://iomoi.stores.yahoo.net/greatgiftsunder50.html\">";
sixthitem+="								gift tags";
sixthitem+="							</a>";
sixthitem+="						</li>";
sixthitem+="						<li>";
sixthitem+="							<a href=\"http://iomoi.stores.yahoo.net/salesection.html\">";
sixthitem+="								wrapping twine";
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+="							<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>";


/*
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:'paper',content:firstitem});
	menu1.addPanel({label: 'home', content:seconditem});
	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
	$('#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
	
	
	// adding class(es) here to style the content of the accordion (i.e. content below panels)
	$('.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!');
	

}