Javascript DHTML Goodies Slide Down Menu Help!

Hello,
I am using a slide down menu from DHTML Goodies. It forces the end user to double click the main link before taking them to the page, the first click brings down the sub-menu item. I would like to have only one click on the main links. Is this possible? Below is the Javascript. The complete site is located at www.ramcoi.com/optextest
username: optex
password: testing

I am clueless when it comes to JS. Thank you in advance for the help. :slight_smile:



<script type="text/javascript">
	/************************************************************************************************************
	Slide down menu
	Copyright (C) October 2005  DTHMLGoodies.com, Alf Magne Kalleland

	This library is free software; you can redistribute it and/or
	modify it under the terms of the GNU Lesser General Public
	License as published by the Free Software Foundation; either
	version 2.1 of the License, or (at your option) any later version.

	This library is distributed in the hope that it will be useful,
	but WITHOUT ANY WARRANTY; without even the implied warranty of
	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
	Lesser General Public License for more details.

	You should have received a copy of the GNU Lesser General Public
	License along with this library; if not, write to the Free Software
	Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA

	Dhtmlgoodies.com., hereby disclaims all copyright interest in this script
	written by Alf Magne Kalleland.

	Alf Magne Kalleland, 2010
	Owner of DHTMLgoodies.com

	************************************************************************************************************/
var expandFirstItemAutomatically = false;	// Expand first menu item automatically ?
var initMenuIdToExpand = false;	// Id of menu item that should be initially expanded. the id is defined in the <li> tag.
var expandMenuItemByUrl = true;	// Menu will automatically expand by url - i.e. if the href of the menu item is in the current location, it will expand


var initialMenuItemAlwaysExpanded = true;	// NOT IMPLEMENTED YET

var dhtmlgoodies_slmenuObj;
var divToScroll = false;
var ulToScroll = false;
var divCounter = 1;
var otherDivsToScroll = new Array();
var divToHide = false;
var parentDivToHide = new Array();
var ulToHide = false;
var offsetOpera = 0;
if(navigator.userAgent.indexOf('Opera')>=0)offsetOpera=1;
var slideMenuHeightOfCurrentBox = 0;
var objectsToExpand = new Array();
var initExpandIndex = 0;
var alwaysExpanedItems = new Array();

var dg_activeItem = null;

function popMenusToShow()
{
	var obj = divToScroll;
	var endArray = new Array();
	while(obj && obj.tagName!='BODY'){
		if(obj.tagName=='DIV' && obj.id.indexOf('slideDiv')>=0){
			var objFound = -1;
			for(var no=0;no<otherDivsToScroll.length;no++){
				if(otherDivsToScroll[no]==obj){
					objFound = no;
				}
			}
			if(objFound>=0){
				otherDivsToScroll.splice(objFound,1);
			}
		}
		obj = obj.parentNode;
	}
}

function showSubMenu(e,inputObj)
{

	if(this && this.tagName)inputObj = this.parentNode;
	if(inputObj && inputObj.tagName=='LI'){
		divToScroll = inputObj.getElementsByTagName('DIV')[0];
		for(var no=0;no<otherDivsToScroll.length;no++){
			if(otherDivsToScroll[no]==divToScroll)return;
		}
	}
	hidingInProcess = false;
	if(otherDivsToScroll.length>0){
		if(divToScroll){
			if(otherDivsToScroll.length>0){
				popMenusToShow();
			}
			if(otherDivsToScroll.length>0){
				autoHideMenus();
				hidingInProcess = true;
			}
		}
	}
	if(divToScroll && !hidingInProcess){
		divToScroll.style.display='';
		otherDivsToScroll.length = 0;
		otherDivToScroll = divToScroll.parentNode;
		otherDivsToScroll.push(divToScroll);
		while(otherDivToScroll && otherDivToScroll.tagName!='BODY'){
			if(otherDivToScroll.tagName=='DIV' && otherDivToScroll.id.indexOf('slideDiv')>=0){
				otherDivsToScroll.push(otherDivToScroll);

			}
			otherDivToScroll = otherDivToScroll.parentNode;
		}
		ulToScroll = divToScroll.getElementsByTagName('UL')[0];
		if(divToScroll.style.height.replace('px','')/1<=1)scrollDownSub();
	}

	if(e || inputObj) {

		if(dg_activeItem) {
			dg_activeItem.className = dg_activeItem.className.replace('dhtmlgoodies_activeItem','');
		}
		var aTags = inputObj.getElementsByTagName('A');
		if(aTags.length>0) {
			aTags[0].className = aTags[0].className + ' dhtmlgoodies_activeItem';
			dg_activeItem = aTags[0];

		}

	}

	return false;


}



function autoHideMenus()
{
	if(otherDivsToScroll.length>0){
		divToHide = otherDivsToScroll[otherDivsToScroll.length-1];
		parentDivToHide.length=0;
		var obj = divToHide.parentNode.parentNode.parentNode;
		while(obj && obj.tagName=='DIV'){
			if(obj.id.indexOf('slideDiv')>=0)parentDivToHide.push(obj);
			obj = obj.parentNode.parentNode.parentNode;
		}
		var tmpHeight = (divToHide.style.height.replace('px','')/1 - slideMenuHeightOfCurrentBox);
		if(tmpHeight<0)tmpHeight=0;
		if(slideMenuHeightOfCurrentBox)divToHide.style.height = tmpHeight  + 'px';
		ulToHide = divToHide.getElementsByTagName('UL')[0];
		slideMenuHeightOfCurrentBox = ulToHide.offsetHeight;
		scrollUpMenu();
	}else{
		slideMenuHeightOfCurrentBox = 0;
		showSubMenu();
	}
}


function scrollUpMenu()
{

	var height = divToHide.offsetHeight;
	height-=15;
	if(height<0)height=0;
	divToHide.style.height = height + 'px';

	for(var no=0;no<parentDivToHide.length;no++){
		parentDivToHide[no].style.height = parentDivToHide[no].getElementsByTagName('UL')[0].offsetHeight + 'px';
	}
	if(height>0){
		setTimeout('scrollUpMenu()',5);
	}else{
		divToHide.style.display='none';
		otherDivsToScroll.length = otherDivsToScroll.length-1;
		autoHideMenus();
	}
}

function scrollDownSub()
{
	if(divToScroll){
		var height = divToScroll.offsetHeight/1;
		var offsetMove =Math.min(15,(ulToScroll.offsetHeight - height));
		height = height +offsetMove ;
		divToScroll.style.height = height + 'px';

		for(var no=1;no<otherDivsToScroll.length;no++){
			var tmpHeight = otherDivsToScroll[no].offsetHeight/1 + offsetMove;
			otherDivsToScroll[no].style.height = tmpHeight + 'px';
		}
		if(height<ulToScroll.offsetHeight)setTimeout('scrollDownSub()',5); else {
			divToScroll = false;
			ulToScroll = false;
			if(objectsToExpand.length>0 && initExpandIndex<(objectsToExpand.length-1)){
				initExpandIndex++;

				showSubMenu(false,objectsToExpand[initExpandIndex]);
			}
		}
	}
}

function initSubItems(inputObj,currentDepth)
{
	divCounter++;
	var div = document.createElement('DIV');	// Creating new div
	div.style.overflow = 'hidden';
	div.style.position = 'relative';
	div.style.display='none';
	div.style.height = '1px';
	div.id = 'slideDiv' + divCounter;
	div.className = 'slideMenuDiv' + currentDepth;
	inputObj.parentNode.appendChild(div);	// Appending DIV as child element of <LI> that is parent of input <UL>
	div.appendChild(inputObj);	// Appending <UL> to the div
	var menuItem = inputObj.getElementsByTagName('LI')[0];
	while(menuItem){
		if(menuItem.tagName=='LI'){
			var aTag = menuItem.getElementsByTagName('A')[0];
			aTag.className='slMenuItem_depth'+currentDepth;
			var subUl = menuItem.getElementsByTagName('UL');
			if(subUl.length>0){
				initSubItems(subUl[0],currentDepth+1);
			}
			aTag.onclick = showSubMenu;
		}
		menuItem = menuItem.nextSibling;
	}
}

function initSlideDownMenu()
{
	dhtmlgoodies_slmenuObj = document.getElementById('dhtmlgoodies_slidedown_menu');
	dhtmlgoodies_slmenuObj.style.visibility='visible';
	var mainUl = dhtmlgoodies_slmenuObj.getElementsByTagName('UL')[0];
	var mainMenuItem = mainUl.getElementsByTagName('LI')[0];
	mainItemCounter = 1;
	while(mainMenuItem){
		if(mainMenuItem.tagName=='LI'){
			var aTag = mainMenuItem.getElementsByTagName('A')[0];
			aTag.className='slMenuItem_depth1';
			var subUl = mainMenuItem.getElementsByTagName('UL');
			if(subUl.length>0){
				mainMenuItem.id = 'mainMenuItem' + mainItemCounter;
				initSubItems(subUl[0],2);
				aTag.onclick = showSubMenu;
				mainItemCounter++;
			}
		}
		mainMenuItem = mainMenuItem.nextSibling;
	}

	if(location.search.indexOf('mainMenuItemToSlide')>=0){
		var items = location.search.split('&');
		for(var no=0;no<items.length;no++){
			if(items[no].indexOf('mainMenuItemToSlide')>=0){
				values = items[no].split('=');
				showSubMenu(false,document.getElementById('mainMenuItem' + values[1]));
				initMenuIdToExpand = false;
			}
		}
	}else if(expandFirstItemAutomatically>0){
		if(document.getElementById('mainMenuItem' + expandFirstItemAutomatically)){
			showSubMenu(false,document.getElementById('mainMenuItem' + expandFirstItemAutomatically));
			initMenuIdToExpand = false;
		}
	}

	if(expandMenuItemByUrl)
	{
		var aTags = dhtmlgoodies_slmenuObj.getElementsByTagName('A');
		for(var no=0;no<aTags.length;no++){
			var hrefToCheckOn = aTags[no].href;
			if(location.href.indexOf(hrefToCheckOn)>=0 && hrefToCheckOn.indexOf('#')<hrefToCheckOn.length-1){
				initMenuIdToExpand = false;
				var obj = aTags[no].parentNode;
				while(obj && obj.id!='dhtmlgoodies_slidedown_menu'){
					if(obj.tagName=='LI'){
						var subUl = obj.getElementsByTagName('UL');
						if(initialMenuItemAlwaysExpanded)alwaysExpanedItems[obj.parentNode] = true;
						if(subUl.length>0){
							objectsToExpand.unshift(obj);
						}
					}
					obj = obj.parentNode;
				}
				showSubMenu(false,objectsToExpand[0]);
				break;
			}
		}
	}

	if(initMenuIdToExpand)
	{
		objectsToExpand = new Array();
		var obj = document.getElementById(initMenuIdToExpand)
		while(obj && obj.id!='dhtmlgoodies_slidedown_menu'){
			if(obj.tagName=='LI'){
				var subUl = obj.getElementsByTagName('UL');
				if(initialMenuItemAlwaysExpanded)alwaysExpanedItems[obj.parentNode] = true;
				if(subUl.length>0){
					objectsToExpand.unshift(obj);
				}
			}
			obj = obj.parentNode;
		}

		showSubMenu(false,objectsToExpand[0]);

	}

}
	window.onload = initSlideDownMenu;
	</script>

[end code]


~ Kim

I am clueless when it comes to fixing my car.

I need help with this JavaScript, please. I have posted this several times, I am desperate to get this fixed. Below is code for a menu on my website. I would like to eliminate the double click on the main link. As it currently is, one click expands the sub-menu and a second click takes you to the page. I need it to expand AND take the user to the page at the same time. Please help!! :mad:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=“http://www.w3.org/1999/xhtml”><!-- InstanceBegin template=“/Templates/main.dwt” codeOutsideHTMLIsLocked=“false” –>
<head>
<meta http-equiv=“Content-Type” content=“text/html; charset=utf-8” />
<!-- InstanceBeginEditable name=“doctitle” –>
<title>Optex FA | Laser Measurement Sensors</title>
<link rel=“stylesheet” href=“product.css” type=“text/css” />
<link rel=“stylesheet” href=“optexcss.css” type=“text/css” />

<style type=“text/css”>
#product-nav {
width:230px;
height:507px;
top:334px;
background-image:url(images/product-nav.jpg);
background-repeat:no-repeat;
position:absolute;
left: 10px;
}

#product-nav li {
list-style:none;
list-style-image:none;
list-style-type:none;
color:#4c4c4c;

}

.product-nav-text {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#4c4c4c;
position:absolute;
list-style-type:none;
display:block;
margin-top:55px;
line-height:25px;
}

/*
General rules
*/

/* Active menu item */
#dhtmlgoodies_slidedown_menu .dhtmlgoodies_activeItem {
	font-weight:bold;
	color:#3b7aab;
}

#dhtmlgoodies_slidedown_menu li{
	list-style-type:none;
	position:relative;
	color:#4c4c4c;
}
#dhtmlgoodies_slidedown_menu ul{
	margin:7px;
	padding:0px;
	position:relative;
	color:#4c4c4c;

}

#dhtmlgoodies_slidedown_menu div{
	margin:0px;
	padding:0px;
}
/* 	Layout CSS */
#dhtmlgoodies_slidedown_menu{
	width:257px;
}

/* All A tags - i.e menu items. */
#dhtmlgoodies_slidedown_menu a{
	color:#4c4c4c;
	text-decoration:none;
	width:257px;
	padding-left:2px;
}

/* Active menu item */
#dhtmlgoodies_slidedown_menu .dhtmlgoodies_activeItem {
	font-weight:bold;
	color:#3b7aab;
}

/*
A tags
*/
#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
	font-weight:bold;
}
#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
	margin-top:0px;
}
#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{	/* Sub menu items */
	margin-top:0px;
	font-style:italic;
	
}
#dhtmlgoodies_slidedown_menu .slMenuItem_depth4{	/* Sub menu items */
	margin-top:0px;
	
}
#dhtmlgoodies_slidedown_menu .slMenuItem_depth5{	/* Sub menu items */
	margin-top:0px;
}

/* UL tags, i.e group of menu utems.
It's important to add style to the UL if you're specifying margins. If not, assign the style directly
to the parent DIV, i.e.

#dhtmlgoodies_slidedown_menu .slideMenuDiv1

instead of

#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul
*/

#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{
	padding:0px;
}
#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
	margin-left:20px;
}
#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
	margin-left:10px;
	padding:0px;
}
#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
	margin-left:15px;
	padding:0px;
}
&lt;/style&gt;
&lt;script type="text/javascript"&gt;
/************************************************************************************************************
Slide down menu
Copyright (C) October 2005  DTHMLGoodies.com, Alf Magne Kalleland

This library is free software; you can redistribute it and/or
modify it under the terms of the GNU Lesser General Public
License as published by the Free Software Foundation; either
version 2.1 of the License, or (at your option) any later version.

This library is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
Lesser General Public License for more details.

You should have received a copy of the GNU Lesser General Public
License along with this library; if not, write to the Free Software
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA

Dhtmlgoodies.com., hereby disclaims all copyright interest in this script
written by Alf Magne Kalleland.

Alf Magne Kalleland, 2010
Owner of DHTMLgoodies.com

************************************************************************************************************/

var expandFirstItemAutomatically = false; // Expand first menu item automatically ?
var initMenuIdToExpand = false; // Id of menu item that should be initially expanded. the id is defined in the <li> tag.
var expandMenuItemByUrl = false; // Menu will automatically expand by url - i.e. if the href of the menu item is in the current location, it will expand

var initialMenuItemAlwaysExpanded = true; // NOT IMPLEMENTED YET

var dhtmlgoodies_slmenuObj;
var divToScroll = false;
var ulToScroll = false;
var divCounter = 1;
var otherDivsToScroll = new Array();
var divToHide = false;
var parentDivToHide = new Array();
var ulToHide = false;
var offsetOpera = 0;
if(navigator.userAgent.indexOf(‘Opera’)>=0)offsetOpera=1;
var slideMenuHeightOfCurrentBox = 0;
var objectsToExpand = new Array();
var initExpandIndex = 0;
var alwaysExpanedItems = new Array();

var dg_activeItem = null;

function popMenusToShow()
{
var obj = divToScroll;
var endArray = new Array();
while(obj && obj.tagName!=‘BODY’){
if(obj.tagName==‘DIV’ && obj.id.indexOf(‘slideDiv’)>=0){
var objFound = -1;
for(var no=0;no<otherDivsToScroll.length;no++){
if(otherDivsToScroll[no]==obj){
objFound = no;
}
}
if(objFound>=0){
otherDivsToScroll.splice(objFound,1);
}
}
obj = obj.parentNode;
}
}

function showSubMenu(e,inputObj)
{

if(this && this.tagName)inputObj = this.parentNode;
if(inputObj && inputObj.tagName=='LI'){
	divToScroll = inputObj.getElementsByTagName('DIV')[0];
	for(var no=0;no&lt;otherDivsToScroll.length;no++){
		if(otherDivsToScroll[no]==divToScroll)return;
	}
}
hidingInProcess = false;
if(otherDivsToScroll.length&gt;0){
	if(divToScroll){
		if(otherDivsToScroll.length&gt;0){
			popMenusToShow();
		}
		if(otherDivsToScroll.length&gt;0){
			autoHideMenus();
			hidingInProcess = true;
		}
	}
}
if(divToScroll && !hidingInProcess){
	divToScroll.style.display='';
	otherDivsToScroll.length = 0;
	otherDivToScroll = divToScroll.parentNode;
	otherDivsToScroll.push(divToScroll);
	while(otherDivToScroll && otherDivToScroll.tagName!='BODY'){
		if(otherDivToScroll.tagName=='DIV' && otherDivToScroll.id.indexOf('slideDiv')&gt;=0){
			otherDivsToScroll.push(otherDivToScroll);

		}
		otherDivToScroll = otherDivToScroll.parentNode;
	}
	ulToScroll = divToScroll.getElementsByTagName('UL')[0];
	if(divToScroll.style.height.replace('px','')/1&lt;=1)scrollDownSub();
}

if(e || inputObj) {

	if(dg_activeItem) {
		dg_activeItem.className = dg_activeItem.className.replace('dhtmlgoodies_activeItem','');
	}
	var aTags = inputObj.getElementsByTagName('A');
	if(aTags.length&gt;0) {
		aTags[0].className = aTags[0].className + ' dhtmlgoodies_activeItem';
		dg_activeItem = aTags[0];

	}

}

return true;

}

function autoHideMenus()
{
if(otherDivsToScroll.length>0){
divToHide = otherDivsToScroll[otherDivsToScroll.length-1];
parentDivToHide.length=0;
var obj = divToHide.parentNode.parentNode.parentNode;
while(obj && obj.tagName==‘DIV’){
if(obj.id.indexOf(‘slideDiv’)>=0)parentDivToHide.push(obj);
obj = obj.parentNode.parentNode.parentNode;
}
var tmpHeight = (divToHide.style.height.replace(‘px’,‘’)/1 - slideMenuHeightOfCurrentBox);
if(tmpHeight<0)tmpHeight=0;
if(slideMenuHeightOfCurrentBox)divToHide.style.height = tmpHeight + ‘px’;
ulToHide = divToHide.getElementsByTagName(‘UL’)[0];
slideMenuHeightOfCurrentBox = ulToHide.offsetHeight;
scrollUpMenu();
}else{
slideMenuHeightOfCurrentBox = 0;
showSubMenu();
}
}

function scrollUpMenu()
{

var height = divToHide.offsetHeight;
height-=15;
if(height&lt;0)height=0;
divToHide.style.height = height + 'px';

for(var no=0;no&lt;parentDivToHide.length;no++){
	parentDivToHide[no].style.height = parentDivToHide[no].getElementsByTagName('UL')[0].offsetHeight + 'px';
}
if(height&gt;0){
	setTimeout('scrollUpMenu()',5);
}else{
	divToHide.style.display='none';
	otherDivsToScroll.length = otherDivsToScroll.length-1;
	autoHideMenus();
}

}

function scrollDownSub()
{
if(divToScroll){
var height = divToScroll.offsetHeight/1;
var offsetMove =Math.min(15,(ulToScroll.offsetHeight - height));
height = height +offsetMove ;
divToScroll.style.height = height + ‘px’;

	for(var no=1;no&lt;otherDivsToScroll.length;no++){
		var tmpHeight = otherDivsToScroll[no].offsetHeight/1 + offsetMove;
		otherDivsToScroll[no].style.height = tmpHeight + 'px';
	}
	if(height&lt;ulToScroll.offsetHeight)setTimeout('scrollDownSub()',5); else {
		divToScroll = false;
		ulToScroll = false;
		if(objectsToExpand.length&gt;0 && initExpandIndex&lt;(objectsToExpand.length-1)){
			initExpandIndex++;

			showSubMenu(false,objectsToExpand[initExpandIndex]);
		}
	}
}

}

function initSubItems(inputObj,currentDepth)
{
divCounter++;
var div = document.createElement(‘DIV’); // Creating new div
div.style.overflow = ‘hidden’;
div.style.position = ‘relative’;
div.style.display=‘none’;
div.style.height = ‘1px’;
div.id = ‘slideDiv’ + divCounter;
div.className = ‘slideMenuDiv’ + currentDepth;
inputObj.parentNode.appendChild(div); // Appending DIV as child element of <LI> that is parent of input <UL>
div.appendChild(inputObj); // Appending <UL> to the div
var menuItem = inputObj.getElementsByTagName(‘LI’)[0];
while(menuItem){
if(menuItem.tagName==‘LI’){
var aTag = menuItem.getElementsByTagName(‘A’)[0];
aTag.className=‘slMenuItem_depth’+currentDepth;
var subUl = menuItem.getElementsByTagName(‘UL’);
if(subUl.length>0){
initSubItems(subUl[0],currentDepth+1);
}
aTag.onclick = showSubMenu;
}
menuItem = menuItem.nextSibling;
}
}

function initSlideDownMenu()
{
dhtmlgoodies_slmenuObj = document.getElementById(‘dhtmlgoodies_slidedown_menu’);
dhtmlgoodies_slmenuObj.style.visibility=‘visible’;
var mainUl = dhtmlgoodies_slmenuObj.getElementsByTagName(‘UL’)[0];
var mainMenuItem = mainUl.getElementsByTagName(‘LI’)[0];
mainItemCounter = 1;
while(mainMenuItem){
if(mainMenuItem.tagName==‘LI’){
var aTag = mainMenuItem.getElementsByTagName(‘A’)[0];
aTag.className=‘slMenuItem_depth1’;
var subUl = mainMenuItem.getElementsByTagName(‘UL’);
if(subUl.length>0){
mainMenuItem.id = ‘mainMenuItem’ + mainItemCounter;
initSubItems(subUl[0],2);
aTag.onclick = showSubMenu;
mainItemCounter++;
}
}
mainMenuItem = mainMenuItem.nextSibling;
}

if(location.search.indexOf('mainMenuItemToSlide')&gt;=0){
	var items = location.search.split('&');
	for(var no=0;no&lt;items.length;no++){
		if(items[no].indexOf('mainMenuItemToSlide')&gt;=0){
			values = items[no].split('=');
			showSubMenu(false,document.getElementById('mainMenuItem' + values[1]));
			initMenuIdToExpand = false;
		}
	}
}else if(expandFirstItemAutomatically&gt;0){
	if(document.getElementById('mainMenuItem' + expandFirstItemAutomatically)){
		showSubMenu(false,document.getElementById('mainMenuItem' + expandFirstItemAutomatically));
		initMenuIdToExpand = false;
	}
}

if(expandMenuItemByUrl)
{
	var aTags = dhtmlgoodies_slmenuObj.getElementsByTagName('A');
	for(var no=0;no&lt;aTags.length;no++){
		var hrefToCheckOn = aTags[no].href;
		if(location.href.indexOf(hrefToCheckOn)&gt;=0 && hrefToCheckOn.indexOf('#')&lt;hrefToCheckOn.length-1){
			initMenuIdToExpand = false;
			var obj = aTags[no].parentNode;
			while(obj && obj.id!='dhtmlgoodies_slidedown_menu'){
				if(obj.tagName=='LI'){
					var subUl = obj.getElementsByTagName('UL');
					if(initialMenuItemAlwaysExpanded)alwaysExpanedItems[obj.parentNode] = true;
					if(subUl.length&gt;0){
						objectsToExpand.unshift(obj);
					}
				}
				obj = obj.parentNode;
			}
			showSubMenu(false,objectsToExpand[0]);
			break;
		}
	}
}

if(initMenuIdToExpand)
{
	objectsToExpand = new Array();
	var obj = document.getElementById(initMenuIdToExpand)
	while(obj && obj.id!='dhtmlgoodies_slidedown_menu'){
		if(obj.tagName=='LI'){
			var subUl = obj.getElementsByTagName('UL');
			if(initialMenuItemAlwaysExpanded)alwaysExpanedItems[obj.parentNode] = true;
			if(subUl.length&gt;0){
				objectsToExpand.unshift(obj);
			}
		}
		obj = obj.parentNode;
	}

	showSubMenu(false,objectsToExpand[0]);

}

}
window.onload = initSlideDownMenu;
</script>
</head>

<body>

 &lt;div class="title-header-text"&gt;
  	ZR-Q Series Reviews
    
    &lt;hr color="#3b7aab" size="1" width="730" align="left"/&gt;
  &lt;/div&gt;
  
  &lt;div class="contactus"&gt;
   &lt;b&gt;If you would like to leave a review about this product, please fill out the form below.&lt;/b&gt;&lt;br/&gt;
   &lt;b&gt;Please note that reviews must be approved and may take up to 5 days to post.&lt;/b&gt;
   &lt;/div&gt;
   
  &lt;div id="product-nav"&gt;
  &lt;div class="product-nav-text"&gt; 
	&lt;!-- START OF MENU --&gt;
	&lt;div id="dhtmlgoodies_slidedown_menu"&gt;
		&lt;ul&gt;
        	
			&lt;li&gt;&lt;a href="laser-measurement.html"&gt;Laser Measurement&lt;/a&gt;
				&lt;ul&gt;
					&lt;li&gt;&lt;a href="http://www.optex-ramco.com/lm-legacy.html" target="_self"&gt;Legacy&lt;/a&gt;&lt;/li&gt;
					&lt;li&gt;&lt;a href="#"&gt;&lt;/a&gt;&lt;/li&gt;	
				&lt;/ul&gt;
			&lt;/li&gt;
			&lt;li&gt;&lt;a href="bg-fgsuppression.html"&gt;Background/Foreground Suppression&lt;/a&gt;
				&lt;ul&gt;
					&lt;li&gt;&lt;a href="http://www.optex-ramco.com/bgfg-legacy.html" target="_self"&gt;Legacy&lt;/a&gt;&lt;/li&gt;
					&lt;li&gt;&lt;a href="#"&gt;&lt;/a&gt;&lt;/li&gt;
				&lt;/ul&gt;
			&lt;/li&gt;
			&lt;li&gt;&lt;a href="transparent.html"&gt;Transparent Object Detection&lt;/a&gt;
				&lt;ul&gt;
					&lt;li&gt;&lt;a href="#"&gt;&lt;/a&gt;&lt;/li&gt;
					&lt;li&gt;&lt;a href="#"&gt;&lt;/a&gt;&lt;/li&gt;
				&lt;/ul&gt;
			&lt;/li&gt;
			&lt;li&gt;&lt;a href="laser.html"&gt;Laser Sensors&lt;/a&gt;
				&lt;ul&gt;
					&lt;li&gt;&lt;a href="http://www.optex-ramco.com/laser-obsolete.html" target="_self"&gt;Obsolete&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;&lt;/a&gt;&lt;/li&gt;
				&lt;/ul&gt;
			&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;Fiber Optics&lt;/a&gt;
				&lt;ul&gt;
					&lt;li&gt;&lt;a href="#"&gt;&lt;/a&gt;&lt;/li&gt;
					&lt;li&gt;&lt;a href="#"&gt;&lt;/a&gt;&lt;/li&gt;
				&lt;/ul&gt;
			&lt;/li&gt;
			&lt;li&gt;&lt;a href="photo-electric-dc.html"&gt;Photo-Electric Sensors DC&lt;/a&gt;
				&lt;ul&gt;
					&lt;li&gt;&lt;a href="http://www.optex-ramco.com/pe-dc-legacy.html" target="_self"&gt;Legacy&lt;/a&gt;&lt;/li&gt;
					&lt;li&gt;&lt;a href="#"&gt;&lt;/a&gt;&lt;/li&gt;
				&lt;/ul&gt;
			&lt;/li&gt;
			&lt;li&gt;&lt;a href="photo-electric-acdc.html"&gt;Photo-Electric Sensors AC/DC&lt;/a&gt;
				&lt;ul&gt;
					&lt;li&gt;&lt;a href="#"&gt;&lt;/a&gt;&lt;/li&gt;
					&lt;li&gt;&lt;a href="#"&gt;&lt;/a&gt;&lt;/li&gt;
				&lt;/ul&gt;
			&lt;/li&gt;
			&lt;li&gt;&lt;a href="color-vision.html"&gt;Color Sensors/Vision&lt;/a&gt;
				&lt;ul&gt;
					&lt;li&gt;&lt;a href="http://www.optex-ramco.com/color-legacy.html" target="_self"&gt;Legacy&lt;/a&gt;&lt;/li&gt;
					&lt;li&gt;&lt;a href="#"&gt;&lt;/a&gt;&lt;/li&gt;
				&lt;/ul&gt;
			&lt;/li&gt;
            &lt;li&gt;&lt;a href="special.html"&gt;Special Use&lt;/a&gt;
				&lt;ul&gt;
					&lt;li&gt;&lt;a href="http://www.optex-ramco.com/special-legacy.html" target="_self"&gt;Legacy&lt;/a&gt;&lt;/li&gt;
					&lt;li&gt;&lt;a href="#"&gt;&lt;/a&gt;&lt;/li&gt;
				&lt;/ul&gt;
			&lt;/li&gt;
            &lt;li&gt;&lt;a href="controllers.html"&gt;Sensor Controllers&lt;/a&gt;&lt;/li&gt;	
		&lt;/ul&gt;
	&lt;/div&gt;
	&lt;!-- END OF MENU --&gt;
&lt;/div&gt;
&lt;/div&gt;

</body>
</html>