/* **********************************************************************************
BEGIN: The following script is used to set the menu backgroup on mouseover/mouseout
********************************************************************************** */
var setTimerID = 0;

function setMenuBkg(str_action,str_id){
	if (str_action == "up"){
		var functionName = "changeMenuBkg('"+ str_action +"','"+ str_id +"')";
		setTimerID = setTimeout(functionName,250);
	} else {
		changeMenuBkg(str_action,str_id);
	}
}

function changeMenuBkg(str_action,str_id){
	document.getElementById(str_id).style.backgroundImage = "url(/web/consumer/navbar/bg_menu-"+ str_action +".jpg)";
}

/* **********************************************************************************
END
********************************************************************************** */


/* **********************************************************************************
BEGIN: The following script is used to keep the mouseover effect on the menu when
			 the submenu is highlighted
********************************************************************************** */

function keepMenuOver(){
	clearTimeout(setTimerID);
}

/* **********************************************************************************
END
********************************************************************************** */


/* **********************************************************************************
BEGIN: The following script is used to switch images for the home button when mouseover/mouseout
********************************************************************************** */

function changeHomeBtn(str_action,str_id){
	document.getElementById(str_id).src = "/web/consumer/navbar/img_homeBtn-"+ str_action +".jpg";
}

/* **********************************************************************************
END
********************************************************************************** */



document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"/web/consumer/navbar/chromestyle.css\" />\n");
document.write("\n");
document.write("<style>\n");
document.write("/* *********************************************************************\n");
document.write("The following CSS was added by Dominic Pelletier on September 17th 2009\n");
document.write("********************************************************************* */\n");
document.write("\n");
document.write("/* BEGIN: CSS for the Drompdown menus */\n");
document.write(".dropmenudiv{\n");
document.write("margin-top:.19cm;\n");
document.write("margin-left:-.4cm;\n");
document.write("border:none;\n");
document.write("font:normal 0.9em Arial;\n");
document.write("width: 123px;\n");
document.write("visibility: hidden;\n");
document.write("}\n");
document.write("\n");
document.write("\n");
document.write(".dropmenudiv a{\n");
document.write("text-indent: 0px;\n");
document.write("padding-left:10px;\n");
document.write("font-weight:normal;\n");
document.write("padding-top:5px;\n");
document.write("padding-bottom:5px;\n");
document.write("}\n");
document.write("\n");
document.write("#dropmenu1{\n");
document.write("	margin-left:-6px;\n");
document.write("}\n");
document.write("\n");
document.write("#dropmenu2{\n");
document.write("	margin-left:-26px;\n");
document.write("}\n");
document.write("/* END: CSS for the Drompdown menus */\n");
document.write("\n");
document.write("\n");
document.write("/* BEGIN: CSS for the Menu */\n");
document.write(".chromestyle {\n");
document.write("	width:902px;\n");
document.write("}\n");
document.write("\n");
document.write(".chromestyle a{\n");
document.write("	color:#ffffff;\n");
document.write("	font-family:Arial;\n");
document.write("	font-size:1em;\n");
document.write("	text-decoration:none;\n");
document.write("}\n");
document.write("\n");
document.write("td#homeBtnTd{\n");
document.write("	width:45px;\n");
document.write("	padding-left:1px;\n");
document.write("	border-right:1px #616161 solid;\n");
document.write("}\n");
document.write("\n");
document.write("td#spacingTd{\n");
document.write("	width:115px;\n");
document.write("	background-image:url(/web/consumer/navbar/bg_menu-up.jpg);\n");
document.write("	background-repeat:repeat-x;\n");
document.write("}\n");
document.write("\n");
document.write("td#rightCorner{ width:5px; }\n");
document.write("\n");
document.write("td.category{\n");
document.write("	width:120px;\n");
document.write("	background-image:url(/web/consumer/navbar/bg_menu-up.jpg);\n");
document.write("	background-repeat:repeat-x;\n");
//document.write("	border-left:1px #474747 solid;\n");
document.write("	border-right:1px #616161 solid;\n");
document.write("	text-align:center;\n");
document.write("	vertical-align:middle;\n");
document.write("}\n");
document.write("/* END: CSS for the Menu */\n");
document.write("</style>\n");
document.write("\n");
document.write("\n");
document.write("\n");
document.write("<style>\n");
document.write("/* The following is used to preload the images without javascript */\n");
document.write("div#preload { display: none; }\n");
document.write("</style>\n");
document.write("\n");
document.write("<!-- The following is used to preload the images without javascript -->\n");
document.write("<div id='preload'>\n");
document.write("   <img src='/web/consumer/navbar/bg_menu-over.jpg' width='1' height='1' alt='Preload Image 02' />\n");
document.write("   <img src='/web/consumer/navbar/img_homeBtn-over.jpg' width='1' height='1' alt='Preload Image 03' />\n");
document.write("</div>\n");
document.write("\n");
document.write("\n");
document.write("<table class='chromestyle' id='chromemenu' cellpadding='0' cellspacing='0' border='0'>\n");
document.write("	<tr height='31'>\n");
document.write("  	<td id='homeBtnTd'><a href='/web/consumer/index.html'><img onmouseover='changeHomeBtn(\"over\",\"homeBtn\")' onmouseout='changeHomeBtn(\"up\",\"homeBtn\")' alt='Home Button' src='/web/consumer/navbar/img_homeBtn-up.jpg' id='homeBtn' name='homeBtn' border='0' /></a></td>\n");
document.write("    <td id='cat1' class='category'><a onmouseover='setMenuBkg(\"over\",\"cat1\");' onmouseout='setMenuBkg(\"up\",\"cat1\");' href='#' rel='dropmenu1'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Products&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></td>\n");
document.write("    <td id='cat2' class='category'><a onmouseover='setMenuBkg(\"over\",\"cat2\");' onmouseout='setMenuBkg(\"up\",\"cat2\");' href='/web/consumer/support/index.html'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Support&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></td>\n");
document.write("    <td id='cat3' class='category'><a onmouseover='setMenuBkg(\"over\",\"cat3\");' onmouseout='setMenuBkg(\"up\",\"cat3\");' href='/web/consumer/digitalcribs/index.html'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Digital Cribs&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></td>\n");
document.write("    <td id='cat4' class='category'><a onmouseover='setMenuBkg(\"over\",\"cat4\");' onmouseout='setMenuBkg(\"up\",\"cat4\");' href='/web/consumer/ces2010.html'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;CES 2010&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></td>\n");
document.write("    <td id='cat5' class='category'><a onmouseover='setMenuBkg(\"over\",\"cat5\");' onmouseout='setMenuBkg(\"up\",\"cat5\");' href='/web/consumer/news.html'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;News&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></td>\n");
document.write("    <td id='cat6' class='category'><a onmouseover='setMenuBkg(\"over\",\"cat6\");' onmouseout='setMenuBkg(\"up\",\"cat6\");' href='/web/consumer/blog.html'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Social Media&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></td>\n");
document.write("    <td id='spacingTd'>&nbsp;</td>\n");
document.write("    <td id='rightCorner'><img alt='Menu Right Corner' src='/web/consumer/navbar/bg_menu_rightCorner.jpg' /></td>\n");
document.write("  </tr>\n");
document.write("</table>\n");
document.write("\n");
document.write("\n");
document.write("<!--1st drop down menu -->                                                   \n");
document.write("<div id='dropmenu1' class='dropmenudiv'>\n");
document.write("<a onmouseover='keepMenuOver()' onmouseout='setMenuBkg(\"up\",\"cat1\");' href='/web/consumer/products/prodcat-tvsets.html'>TV Set-Tops</a>\n");
document.write("<a onmouseover='keepMenuOver()' onmouseout='setMenuBkg(\"up\",\"cat1\");' href='/web/consumer/products/prodcat-modems-gateways.html'>Modems/Gateways</a>\n");
document.write("<a onmouseover='keepMenuOver()' onmouseout='setMenuBkg(\"up\",\"cat1\");' href='http://www.theflip.com'>Flip Camcorders &nbsp;(Theflip.com)</a>\n");
document.write("<a onmouseover='keepMenuOver()' onmouseout='setMenuBkg(\"up\",\"cat1\");' href='http://www.linksysbycisco.com/US/en/home'>Home Networking &nbsp;(Linksys.com)</a>\n");
document.write("</div>\n");
document.write("\n");
//document.write("<!--2nd drop down menu -->                                                \n");
//document.write("<div id='dropmenu2' class='dropmenudiv'>\n");
//document.write("<a onmouseover='keepMenuOver()' onmouseout='setMenuBkg(\"up\",\"cat3\");' href='/web/consumer/digitalcribs/flip/promotion.html'>Flip Promotion</a>\n");
//document.write("</div>\n");

document.write("<script type='text/javascript'>");
document.write("cssdropdown.startchrome('chromemenu')");
document.write("</script>");