var productMenu = "";


var catArray = new Array("prdDb","prdAc","prdFd","prdHn","prdBg","prdTy","prdWb","prdEx","prdEt","prdCl");

productMenu = "<div id=\"prdSubNav\"> \
    <div id=\"prdCat\"> \
        <ul> \
            <li><a href=\"http://www.skiphop.com/category/DB.html\" id=\"catDb\" onmouseover=\"showMenu(null,'prdDb','catDb');\" onmouseout=\"hideMenu('prdSubNav','prdDb','catDb')\">Diaper Bags</a></li> \
            <li><a href=\"http://www.skiphop.com/category/ACC.html\" id=\"catAc\" onmouseover=\"showMenu(null,'prdAc','catAc');\" onmouseout=\"hideMenu('prdSubNav','prdAc','catAc')\">Accessories</a></li> \
            <li><a href=\"http://www.skiphop.com/category/FD.html\" id=\"catFd\" onmouseover=\"showMenu(null,'prdFd','catFd');\" onmouseout=\"hideMenu('prdSubNav','prdFd','catFd')\">Feeding</a></li> \
            <li><a href=\"http://www.skiphop.com/category/HN.html\" id=\"catHn\" onmouseover=\"showMenu(null,'prdHn','catHn');\" onmouseout=\"hideMenu('prdSubNav','prdHn','catHn')\">Home and Nursery</a></li> \
            <li><a href=\"http://www.skiphop.com/category/BG.html\" id=\"catBg\" onmouseover=\"showMenu(null,'prdBg','catBg');\" onmouseout=\"hideMenu('prdSubNav','prdBg','catBg')\">Bath and Grooming</a></li> \
            <li><a href=\"http://www.skiphop.com/category/TY.html\" id=\"catTy\" onmouseover=\"showMenu(null,'prdTy','catTy');\" onmouseout=\"hideMenu('prdSubNav','prdTy','catTy')\">Toys & Zoo Packs</a></li> \
            <li><a href=\"http://www.skiphop.com/product/wsbne.html\" id=\"catWb\" onmouseover=\"showMenu(null,null,'catWb');\" onmouseout=\"hideMenu('prdSubNav',null,'catWb')\">Wishbone Bike</a></li> \
            <li><a id=\"catEx\" onmouseover=\"showMenu(null,'prdEx','catEx');\" onmouseout=\"hideMenu('prdSubNav','prdEx','catEx')\">Exclusives</a></li> \
            <li><a href=\"http://www.skiphop.com/category/ERP.html\" id=\"catEt\" onmouseover=\"showMenu(null,null,'catEt');\" onmouseout=\"hideMenu('prdSubNav',null,'catEt')\">Extras</a></li> \
        </ul> \
    </div> \
    <div id=\"prdNavProducts\"> \
		<div id=\"prdDb\" class=\"prdMenus\" style=\"top: -1px;\" onmouseover=\"showMenu(null,'prdDb','catDb');\" onmouseout=\"hideMenu('prdSubNav','prdDb','catDb')\"> \
			<ul> \
				<li><a href=\"http://www.skiphop.com/product/20000.html\">Duo</a></li> \
				<li><a href=\"http://www.skiphop.com/product/22000.html\">Dash</a></li> \
				<li><a href=\"http://www.skiphop.com/product/23000.html\">Duo Double</a></li> \
				<li><a href=\"http://www.skiphop.com/product/21000.html\">Via Messenger</a></li> \
				<li><a href=\"http://www.skiphop.com/product/21010.html\">Via Backpack</a></li> \
				<li><a href=\"http://www.skiphop.com/product/21500.html\">Studio tote</a></li> \
				<li><a href=\"http://www.skiphop.com/product/41000.html\">City Chic</a></li> \
				<li><a href=\"http://www.skiphop.com/category/DBEXT.html\">Extras</a></li> \
			</ul> \
		</div> \
		<div id=\"prdAc\" class=\"prdMenus\" style=\"top: -1px;\" onmouseover=\"showMenu(null,'prdAc','catAc');\" onmouseout=\"hideMenu('prdSubNav','prdAc','catAc')\"> \
			<ul> \
				<li><a href=\"http://www.skiphop.com/product/202000.html\">Pronto canvas</a></li> \
				<li><a href=\"http://www.skiphop.com/product/202005.html\">Pronto denim</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/222000.html\">Single Bottle Bag</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/172000.html\">Saddlebag</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/category/ACEXT.html\">Extras</a></li> \
			</ul> \
		</div> \
		<div id=\"prdFd\" class=\"prdMenus\" style=\"top: -1px;\" onmouseover=\"showMenu(null,'prdFd','catFd');\" onmouseout=\"hideMenu('prdSubNav','prdFd','catFd')\"> \
			<ul> \
				<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/302000.html\">Splash bottle drying rack</a></li> \
				<li><a href=\"http://www.skiphop.com/product/262001.html\">Palette Plate feeding set</a></li> \
				<li><a href=\"http://www.skiphop.com/product/312000.html\">Chow baby food organizer</a></li> \
				<li><a href=\"http://www.skiphop.com/product/222000.html\">Single Bottle Bag</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/262002.html\">Palette Plate Bowls</a></li> \
				<li><a href=\"http://www.skiphop.com/product/splashbottlebrush.html\">Splash Bottle Brush</a></li> \
				<li><a href=\"http://www.skiphop.com/category/FDEXT.html\">Extras</a></li> \
			</ul> \
		</div> \
		<div id=\"prdHn\" class=\"prdMenus\" style=\"top: -1px;\" onmouseover=\"showMenu(null,'prdHn','catHn');\" onmouseout=\"hideMenu('prdSubNav','prdHn','catHn')\"> \
			<ul> \
				<li><a href=\"http://www.skiphop.com/product/29100.html\">Bin-Go tabletop organizer</a></li> \
				<li><a href=\"http://www.skiphop.com/product/29200.html\">Bin-Go large storage bin</a></li> \
				<li><a href=\"http://www.skiphop.com/product/242000.html\">Playspot floor tiles</a></li> \
				<li><a href=\"http://www.skiphop.com/product/272001.html\">Day to Night Baby Log</a></li> \
				<li><a href=\"http://www.skiphop.com/product/322000.html\">Toolbox diaper caddy</a></li> \
				<li><a href=\"http://www.skiphop.com/category/HNEXT.html\">Extras</a></li> \
			</ul> \
		</div> \
		<div id=\"prdBg\" class=\"prdMenus\" style=\"top: -1px;\" onmouseover=\"showMenu(null,'prdBg','catBg');\" onmouseout=\"hideMenu('prdSubNav','prdBg','catBg')\"> \
			<ul> \
                	<li><a href=\"http://www.skiphop.com/product/bubblehooks.html\">Bubble bath suction hooks</a></li> \
				<li><a href=\"http://www.skiphop.com/product/hare.html\">Hare comb & brush set</a></li> \
				<li><a href=\"http://www.skiphop.com/product/235100.html\">Moby bath spout cover</a></li> \
				<li><a href=\"http://www.skiphop.com/product/23500.html\">Tubby bath toy organizer</a></li> \
                	<li><a href=\"http://www.skiphop.com/product/zoomitts.html\">Zoo Mitts wash mitt & hook</a></li> \
				<li><a href=\"http://www.skiphop.com/category/BGEXT.html\">Extras</a></li> \
			</ul> \
		</div> \
		<div id=\"prdTy\" class=\"prdMenus\" style=\"top: -1px;\" onmouseover=\"showMenu(null,'prdTy','catTy');\" onmouseout=\"hideMenu('prdSubNav','prdTy','catTy')\"> \
			<ul> \
				<li><a href=\"http://www.skiphop.com/product/307000.html\">Farmyard Activity Gym</a></li> \
				<li><a href=\"http://www.skiphop.com/product/307004.html\">Farmyard Activity Mirror</a></li> \
				<li><a href=\"http://www.skiphop.com/product/307003.html\">Farmyard Animal Ball Trio</a></li> \
				<li><a href=\"http://www.skiphop.com/product/30710.html\">Farmyard Animal Chime Balls</a></li> \
				<li><a href=\"http://www.skiphop.com/product/307001.html\">Farmyard Build-A-Barn Blocks</a></li> \
				<li><a href=\"http://www.skiphop.com/product/30720.html\">Farmyard Funny Face Mirrors</a></li> \
                	<li><a href=\"http://www.skiphop.com/product/zoolunchies.html\">Zoo Lunchies Lunch Bags</a></li> \
				<li><a href=\"http://www.skiphop.com/product/21020.html\">Zoo Packs Backpacks</a></li> \
			</ul> \
		</div> \
		<div id=\"prdEx\" class=\"prdMenus\" style=\"top: -1px;\" onmouseover=\"showMenu(null,'prdEx','catEx');\" onmouseout=\"hideMenu('prdSubNav','prdEx','catEx')\"> \
			<ul> \
				<li><a href=\"http://www.skiphop.com/exclusives/target.html\">Target: Spark by 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/giggle.html\">Giggle</a></li> \
			</ul> \
		</div> \
    </div> \
</div>";

document.write(productMenu);

var productMenuTop = -1;
var productMenuVariance = 23;

function arrangeProducts()
{
	for(var i=0; i<=catArray.length; i++)
	{
		if(document.getElementById(catArray[i]))
		{
			document.getElementById(catArray[i]).style.top =  productMenuTop + "px";
		}
		
		productMenuTop +=  productMenuVariance;
		
		
	}
}

arrangeProducts();