var openMenuTimeout;
var closeMenuTimeout;
var closeMenuInterval = 10;
var isMenuOpen = false;
var currentMenu = "";
var previousMenu = "";

var userAgent = navigator.userAgent;
var iOS = false;

if (userAgent.indexOf("iPad") > 0 || userAgent.indexOf("iPhone") > 0 || userAgent.indexOf("iPod") > 0) {
	iOS = true;
	closeMenuInterval = 150;
}

function showMenu(whichMenu) {
	isMenuOpen = true;
	if (whichMenu == previousMenu) { clearTimeout(closeMenuTimeout); }

	var subMenu = "cat" + whichMenu;
	var navMenu = "nav" + whichMenu;

	if (document.getElementById(subMenu)) {
		document.getElementById(subMenu).style.visibility = "visible";
		document.getElementById(navMenu).firstChild.className = "hover";
	}
	previousMenu = whichMenu;
}

function closeMenu(whichMenu) {
	isMenuOpen = false;
	closeMenuTimeout = setTimeout("hideMenu('" + whichMenu + "')", closeMenuInterval);
}


function hideMenu(whichMenu) {
	var subMenu = "cat" + whichMenu;
	var navMenu = "nav" + whichMenu;
	if (document.getElementById(subMenu).style.visibility == "visible") {
		document.getElementById(subMenu).style.visibility = "hidden";
		document.getElementById(navMenu).firstChild.className = "";
	}
}

var productMenu = "";

productMenu = "<div id=\"catMenus\"> \
				<div id=\"catDBAcc\"";
if (!iOS) { productMenu += "onmouseover=\"showMenu('DBAcc');\" onmouseout=\"closeMenu('DBAcc')\""; }
productMenu += "> \
					<div> \
						<h5><a href=\"http://www.skiphop.com/category/diaperbags.html\">Diaper Bags</a></h5> \
						<ul class=\"thin\"> \
							<li><a href=\"http://www.skiphop.com/product/jonathanadler.html\">Jonathan Adler <br /> &hearts; Skip Hop</a></li> \
							<li><a href=\"http://www.skiphop.com/product/bentoultimatediaperbag.html\">Bento</a></li> \
							<li><a href=\"http://www.skiphop.com/product/22000.html\">Dash</a></li> \
							<li><a href=\"http://www.skiphop.com/product/20000.html\">Duo</a></li> \
							<li><a href=\"http://www.skiphop.com/product/duoedgewood.html\">Duo Limited Edition</a></li> \
							<li><a href=\"http://www.skiphop.com/product/23000.html\">Duo Double</a></li> \
							<li><a href=\"http://www.skiphop.com/product/21500.html\">Studio</a></li> \
							<li><a href=\"http://www.skiphop.com/product/versa.html\">Versa</a></li> \
							<li><a href=\"http://www.skiphop.com/product/21010.html\">Via Backpack</a></li> \
							<li><a href=\"http://www.skiphop.com/product/21000.html\">Via Messenger</a></li> \
						</ul> \
					</div> \
					<div> \
						<h5><a href=\"http://www.skiphop.com/category/accessories.html\">Accessories</a></h5> \
						<ul class=\"medium\"> \
							<li><a href=\"http://www.skiphop.com/product/centralpark.html\">Central Park Outdoor Blanket + Cooler Bag</a></li> \
							<li><a href=\"http://www.skiphop.com/product/50000.html\">Pacifier Pocket w/ Agion</a></li> \
							<li><a href=\"http://www.skiphop.com/product/202000.html\">Pronto! changing station</a></li> \
							<li><a href=\"http://www.skiphop.com/product/234001.html\">Swipe wipes case</a></li> \
							<li><a href=\"http://www.skiphop.com/product/212000.html\">Triple Bottle/Lunch Bag</a></li> \
						</ul> \
					</div> \
					<div class=\"last\"> \
						<h5><a href=\"http://www.skiphop.com/category/dbaccextras.html\">Extras</a></h5> \
						<ul class=\"medium\"> \
							<li><a href=\"http://www.skiphop.com/product/7329x6.html\">Deluxe Changing Pad</a></li> \
							<li><a href=\"http://www.skiphop.com/product/7329x8.html\">Deluxe Straps</a></li> \
							<li><a href=\"http://www.skiphop.com/product/7329x7.html\">Shoulder Pads</a></li> \
							<li><a href=\"http://www.skiphop.com/product/745093.html\">Translucent Wipes Case</a></li> \
						</ul> \
					</div> \
				</div> \
				<div id=\"catNursery\"";
if (!iOS) { productMenu += "onmouseover=\"showMenu('Nursery');\" onmouseout=\"closeMenu('Nursery')\""; }
productMenu += "> \
					<div> \
						<h5><a href=\"http://www.skiphop.com/category/completesheetcollections.html\">Complete Sheet&#8482;<br /> bumper-free crib bedding</a></h5> \
						<ul class=\"xwide\"> \
							<li><a href=\"http://www.skiphop.com/product/completesheet_alphabetzoo.html\">Alphabet Zoo collection <span class=\"skRed\">*NEW!</span></a></li> \
							<li><a href=\"http://www.skiphop.com/product/completesheet_chocolatelattice.html\">Chocolate Lattice collection <span class=\"skRed\">*NEW!</span></a></li> \
							<li><a href=\"http://www.skiphop.com/product/completesheet_elephantparade.html\">Elephant Parade collection <span class=\"skRed\">*NEW!</span></a></li> \
							<li><a href=\"http://www.skiphop.com/product/completesheet_moddot.html\">Mod Dot collection <span class=\"skRed\">*NEW!</span></a></li> \
							<li><a href=\"http://www.skiphop.com/product/completesheet_movinggears.html\">Moving Gears collection <span class=\"skRed\">*NEW!</span></a></li> \
							<li><a href=\"http://www.skiphop.com/product/completesheet_pinklattice.html\">Pink Lattice collection <span class=\"skRed\">*NEW!</span></a></li> \
							<li><a href=\"http://www.skiphop.com/product/completesheet_prettypennant.html\">Pretty Pennant collection <span class=\"skRed\">*NEW!</span></a></li> \
							<li><a href=\"http://www.skiphop.com/product/completesheet_treetopfriends.html\">Treetop Friends collection <span class=\"skRed\">*NEW!</span></a></li> \
						</ul> \
						<h5><a href=\"http://www.skiphop.com/category/separates.html\">Separates</a></h5> \
						<ul class=\"xwide\"> \
							<li><a href=\"http://www.skiphop.com/product/completesheet.html\">Individual Complete Sheet&#8482; <span class=\"skRed\">*NEW!</span></a></li> \
							<li><a href=\"http://www.skiphop.com/product/airflowwearableblanket.html\">Airflow wearable blanket <span class=\"skRed\">*NEW!</span></a></li> \
							<li><a href=\"http://www.skiphop.com/product/nurseryblanket.html\">Nursery blanket <span class=\"skRed\">*NEW!</span></a></li> \
						</ul> \
						<h5><a href=\"http://www.skiphop.com/category/classiccribbedding.html\">Classic crib bedding with bumper</a></h5> \
						<ul class=\"xwide\"> \
							<li><a href=\"http://www.skiphop.com/product/flowerburstbedding.html\">Flower Burst collection</a></li> \
							<li><a href=\"http://www.skiphop.com/product/moddot.html\">Mod Dot collection</a></li> \
							<li><a href=\"http://www.skiphop.com/product/treetopfriendsbedding.html\">Treetop Friends collection</a></li> \
						</ul> \
					</div> \
					<div> \
						<h5><a href=\"http://www.skiphop.com/category/decor.html\">D&eacute;cor</a></h5> \
						<ul class=\"medium\"> \
							<li><a href=\"http://www.skiphop.com/product/hare.html\">Hare baby comb + brush set</a></li> \
							<li><a href=\"http://www.skiphop.com/product/242000.html\">Playspot interlocking foam tiles</a></li> \
							<li><a href=\"http://www.skiphop.com/product/zoobookends.html\">Zoo Bookends</a></li> \
						</ul> \
					</div> \
					<div class=\"last\"> \
						<h5><a href=\"http://www.skiphop.com/category/nurseryextras.html\">Extras</a></h5> \
						<ul class=\"medium\"> \
							<li><a href=\"http://www.skiphop.com/product/282002.html\">Hare baby comb + brush</a></li> \
							<li><a href=\"http://www.skiphop.com/product/24200.html\">Playspot extra connectors</a></li> \
							<li><a href=\"http://www.skiphop.com/product/psextile.html\">Playspot extra tiles</a></li> \
						</ul> \
					</div> \
				</div> \
				<div id=\"catBathtime\"";
if (!iOS) { productMenu += "onmouseover=\"showMenu('Bathtime');\" onmouseout=\"closeMenu('Bathtime')\""; }
productMenu += "> \
					<div> \
						<h5><a href=\"http://www.skiphop.com/category/bathtime.html\">Bathtime</a></h5> \
						<ul class=\"wide\"> \
							<li><a href=\"http://www.skiphop.com/product/dunck.html\">Dunck stacking bath toys</a></li> \
							<li><a href=\"http://www.skiphop.com/product/hare.html\">Hare baby comb + brush set</a></li> \
							<li><a href=\"http://www.skiphop.com/product/bathkneeler.html\">Moby bath kneeler <span class=\"skRed\">*NEW!</span></a></li> \
							<li><a href=\"http://www.skiphop.com/product/235100.html\">Moby & Ducky bath spout covers <span class=\"skRed\">*NEW!</span></a></li> \
							<li><a href=\"http://www.skiphop.com/product/ringtoss.html\">Octopus ring toss <span class=\"skRed\">*NEW!</span></a></li> \
							<li><a href=\"http://www.skiphop.com/product/soapster.html\">Soapster foaming soap dispenser <span class=\"skRed\">*NEW!</span></a></li> \
							<li><a href=\"http://www.skiphop.com/product/sorter.html\">Sort & Spin fishbowl shape sorter <span class=\"skRed\">*NEW!</span></a></li> \
							<li><a href=\"http://www.skiphop.com/product/stayputstacker.html\">Starfish stay-put stacker <span class=\"skRed\">*NEW!</span></a></li> \
							<li><a href=\"http://www.skiphop.com/product/tubby.html\">Tubby bath toy organizer</a></li> \
							<li><a href=\"http://www.skiphop.com/product/islandplayset.html\">Turtle island playset <span class=\"skRed\">*NEW!</span></a></li> \
						</ul> \
					</div> \
					<div class=\"last\"> \
						<h5><a href=\"http://www.skiphop.com/category/bathtimeextras.html\">Extras</a></h5> \
						<ul class=\"medium\"> \
							<li><a href=\"http://www.skiphop.com/product/282002.html\">Hare baby comb + brush</a></li> \
							<li><a href=\"http://www.skiphop.com/product/squirters.html\">Moby & Friends bath squirters <span class=\"skRed\">*NEW!</span></a></li> \
						</ul> \
					</div> \
				</div> \
				<div id=\"catPlaytime\"";
if (!iOS) { productMenu += "onmouseover=\"showMenu('Playtime');\" onmouseout=\"closeMenu('Playtime')\""; }
productMenu += "> \
					<div> \
						<h5><a href=\"http://www.skiphop.com/category/playtime.html\">Playtime</a></h5> \
						<ul class=\"medium\"> \
							<li><a href=\"http://www.skiphop.com/product/242000.html\">Playspot interlocking foam tiles</a></li> \
							<li><a href=\"http://www.skiphop.com/product/21020.html\">Zoo Packs little kid backpacks</a></li> \
							<li><a href=\"http://www.skiphop.com/product/zooplayspot.html\">Zoo Playspot <span class=\"skRed\">*NEW!</span></a></li> \
						</ul> \
						<h5><a href=\"http://www.skiphop.com/category/hugandhide.html\">Hug & Hide&#8482;</a></h5> \
						<ul class=\"medium\"> \
							<li><a href=\"http://www.skiphop.com/product/hughideactivitytoys.html\">Activity Toys</a></li> \
							<li><a href=\"http://www.skiphop.com/product/hughidestrollertoys.html\">Stroller Toys</a></li> \
						</ul> \
						<h5><a href=\"http://www.skiphop.com/category/playtimeextras.html\">Extras</h5> \
						<ul class=\"medium\"> \
							<li><a href=\"http://www.skiphop.com/product/24200.html\">Playspot extra connectors</a></li> \
							<li><a href=\"http://www.skiphop.com/product/psextile.html\">Playspot extra tiles</a></li> \
						</ul> \
					</div> \
					<div> \
						<h5><a href=\"http://www.skiphop.com/category/treetopfriendstoys.html\">Treetop Toys</a></h5> \
						<ul class=\"medium\"> \
							<li><a href=\"http://www.skiphop.com/product/treetopnightdaydiscoverytoy.html\">Night & Day Discovery Toy</a></li> \
							<li><a href=\"http://www.skiphop.com/product/treetopactivitygym.html\">Activity Gym</a></li> \
							<li><a href=\"http://www.skiphop.com/product/treetopactivitymirror.html\">Friendly Forest Activity Mirror</a></li> \
							<li><a href=\"http://www.skiphop.com/product/treetopstrollertoys.html\">Stroller Toys</a></li> \
							<li><a href=\"http://www.skiphop.com/product/treetopballtrio.html\">Owl & Friends Ball Trio</a></li> \
							<li><a href=\"http://www.skiphop.com/product/treetopsoftbook.html\">Soft Activity Book</a></li> \
						</ul> \
					</div> \
					<div class=\"last\"> \
						<h5><a href=\"http://www.skiphop.com/category/funkyfarmyardtoys.html\">Funky Farmyard Toys</a></h5> \
						<ul class=\"medium\"> \
							<li><a href=\"http://www.skiphop.com/product/307000.html\">Activity Gym</a></li> \
							<li><a href=\"http://www.skiphop.com/product/30710.html\">Animal Chime Ball</a></li> \
							<li><a href=\"http://www.skiphop.com/product/307003.html\">Animal Ball Trio</a></li> \
							<li><a href=\"http://www.skiphop.com/product/30720.html\">Funny Face Mirror</a></li> \
						</ul> \
					</div> \
				</div> \
				<div id=\"catMealtime\"";
if (!iOS) { productMenu += "onmouseover=\"showMenu('Mealtime');\" onmouseout=\"closeMenu('Mealtime')\""; }
productMenu += "> \
					<div> \
						<h5><a href=\"http://www.skiphop.com/category/mealtime.html\">Mealtime</a></h5> \
						<ul class=\"wide\"> \
							<li><a href=\"http://www.skiphop.com/product/bentomealtimekit.html\">Bento mealtime kit with CLIX containers</a></li> \
							<li><a href=\"http://www.skiphop.com/product/26300.html\">Mate stay-put mat + plate</a></li> \
							<li><a href=\"http://www.skiphop.com/product/262002.html\">Palette bowls</a></li> \
							<li><a href=\"http://www.skiphop.com/product/302000.html\">Splash bottle drying rack</a></li> \
							<li><a href=\"http://www.skiphop.com/product/212000.html\">Triple Bottle/Lunch Bag</a></li> \
							<li><a href=\"http://www.skiphop.com/product/zoobibs.html\">Zoo Bibs tuck-away bibs</a></li> \
							<li><a href=\"http://www.skiphop.com/product/zoolunchies.html\">Zoo Lunchies insulated lunch bag</a></li> \
							<li><a href=\"http://www.skiphop.com/product/zootableware.html\">Zoo Tableware</a></li> \
						</ul> \
					</div> \
					<div class=\"last\"> \
						<h5><a href=\"http://www.skiphop.com/category/mealtimeextras.html\">Extras</a></h5> \
						<ul class=\"medium\"> \
							<li><a href=\"http://www.skiphop.com/product/splashbottlebrush.html\">Splash bottle brush</a></li> \
							<li><a href=\"http://www.skiphop.com/product/262002.html\">Palette bowls</a></li> \
							<li><a href=\"http://www.skiphop.com/product/263100.html\">Mate fork & spoon</a></li> \
							<li><a href=\"http://www.skiphop.com/product/263200.html\">Mate divided plate</a></li> \
							<li><a href=\"http://www.skiphop.com/product/263300.html\">Mate plate & utensils set</a></li> \
						</ul> \
					</div> \
				</div> \
				<div id=\"catZoo\"";
if (!iOS) { productMenu += "onmouseover=\"showMenu('Zoo');\" onmouseout=\"closeMenu('Zoo')\""; }
productMenu += "> \
					<div class=\"last\"> \
						<h5><a href=\"http://www.skiphop.com/category/zoo.html\">ZOO</a></h5> \
						<ul class=\"medium\"> \
							<li><a href=\"http://www.skiphop.com/product/zoobibs.html\">Zoo Bibs tuck-away bibs</a></li> \
							<li><a href=\"http://www.skiphop.com/product/zoobookends.html\">Zoo Bookends</a></li> \
							<li><a href=\"http://www.skiphop.com/product/zoolunchies.html\">Zoo Lunchies insulated lunch bags</a></li> \
							<li><a href=\"http://www.skiphop.com/product/21020.html\">Zoo Packs little kid backpacks</a></li> \
							<li><a href=\"http://www.skiphop.com/product/zooplayspot.html\">Zoo Playspot <span class=\"skRed\">*NEW!</span></a></li> \
							<li><a href=\"http://www.skiphop.com/product/zootableware.html\">Zoo Tableware</a></li> \
						</ul> \
					</div> \
				</div> \
				<div id=\"catExclusives\"";
if (!iOS) { productMenu += "onmouseover=\"showMenu('Exclusives');\" onmouseout=\"closeMenu('Exclusives')\""; }
productMenu += "> \
					<div class=\"last\"> \
						<h5>Exclusives</h5> \
						<ul class=\"medium\"> \
							<li><a href=\"http://www.skiphop.com/exclusives/buybuybaby.html\">buybuy Baby</a></li> \
							<li><a href=\"http://www.skiphop.com/exclusives/giggle.html\">Giggle</a></li> \
							<li><a href=\"http://www.skiphop.com/product/jonathanadler.html\">Jonathan Adler <br /> &hearts; Skip Hop</a></li> \
							<li><a href=\"http://www.skiphop.com/exclusives/potterybarnkids.html\">Pottery Barn Kids</a></li> \
							<li><a href=\"http://www.skiphop.com/exclusives/target.html\">Target</a></li> \
						</ul> \
					</div> \
				</div> \
				<div id=\"catGifts\"";
if (!iOS) { productMenu += "onmouseover=\"showMenu('Gifts');\" onmouseout=\"closeMenu('Gifts')\""; }
productMenu += "> \
					<div class=\"last\"> \
						<h5><a href=\"http://www.skiphop.com/category/gifts.html\">Gifts</a></h5> \
						<ul class=\"medium\"> \
							<li><a href=\"http://www.skiphop.com/category/giftsunder25.html\">Gifts under $25</a></li> \
							<li><a href=\"http://www.skiphop.com/category/formom.html\">For Mom</a></li> \
							<li><a href=\"http://www.skiphop.com/category/fordad.html\">For Dad</a></li> \
							<li><a href=\"http://www.skiphop.com/category/forbaby.html\">For Baby</a></li> \
							<li><a href=\"http://www.skiphop.com/category/fortoddler.html\">For Toddler</a></li> \
						</ul> \
					</div> \
				</div> \
			</div>";


document.write(productMenu);

