function startList() {
	// code for IE
	if(!document.body.currentStyle) return;
	var subs = document.getElementsByName('submenu');
	for(var i=0; i<subs.length; i++) {
		var li = subs[i].parentNode;
		if(li && li.lastChild.style) {
			li.onmouseover = function() {
				this.lastChild.style.visibility = 'visible';
			}
			li.onmouseout = function() {
				this.lastChild.style.visibility = 'hidden';
			}
		}
	}
}

function doMenuImage(picimage) {
    eval("document['scriptimage'].src = " + picimage + ".src");
}

function showHide(selected) {
		var showhideSection = document.getElementsByName('showhide')[0];
		var sections = showhideSection.getElementsByTagName('div'); 
		for (i = 0; i < sections.length; i++) {
			sections[i].style.display = 'none';
		}

		document.getElementsByName(selected)[0].style.display="block";
}

function expandCollapseMenu(menuId) {
				var sectionBlock = document.getElementsByName(menuId)[0];
				var sectionStyle = sectionBlock.style.display;
				if (sectionStyle == 'none') {
					collapse(sectionBlock);
					sectionBlock.style.display = 'block';
				} else {
					sectionBlock.style.display = 'none';
				}
}
			
function collapse(sectionBlock) {
				var menus = document.getElementsByTagName('UL');
				var sectionParent = document.getElementsByName('parent' + sectionBlock.id)[0].value;
				if (sectionParent != null && sectionParent != undefined){
					for (i = 0; i < menus.length; i++) {
						var curParent = document.getElementsByName('parent' + menus[i].id);
						if (curParent[0] != null && 
							curParent[0].value == sectionParent && 
							menus[i].id != sectionBlock.id) {
							
							menus[i].style.display = 'none';
							var nestedmenus = menus[i].getElementsByTagName('UL');
							for (j = 0; j < nestedmenus.length; j++) {
								nestedmenus[j].style.display = 'none';
							}
						}
					}
				}	
}

function displayproduct(prodId, section) {
	if (prodId.length == 4) {
		prodId = '0' + prodId;
	}
	var title = document.getElementsByName(prodId + 'title');
	if (title != null && title[0] != null) {
		//var url = "images" + '/' + section + '/' + prodId + '.jpg';
		var url = "images" + '/products/' + prodId + '.jpg';
		if (section.indexOf('/') != -1) {
		      //url = "images" + '/' + section.substring(0, section.lastIndexOf('/')) + '/' + prodId + '.jpg';
			url = "images" + '/products/' + prodId + '.jpg';
		}

		document['prodImage'].src = url;
		document.getElementsByName('productdesc')[0].value = title[0].value;
		document.getElementsByName('detailLink')[0].href = 
			document.getElementsByName(prodId + 'link')[0].value;

	} else {
		document.getElementsByName('productdesc')[0].value = 'Unable to find Item: ' + prodId;
		document['prodImage'].style.display = 'none';
		document.getElementsByName('detailLink')[0].style.display = "none";
	}

	if (section.indexOf('/') != -1) {
	      section = section.substr(section.lastIndexOf('/') + 1);
	}
      document.getElementsByName('curSection')[0].value = section;	
	showHide('product');
}


function search(searchVal, section) {
	var title = document.getElementsByName(searchVal + 'title');
	if ((document.getElementsByName(searchVal + 'title')!= null && 
		document.getElementsByName(searchVal + 'title')[0] != null) || 
		document.getElementsByName('0' + searchVal + 'title')!= null && 
		document.getElementsByName('0' + searchVal + 'title')[0] != null) {
		displayproduct(searchVal, section);
	} else {
		var resultcount = 0;
		var resultString = '<ul>';
		var searchVals = searchVal.split(' ');
		inputs = document.getElementsByTagName('input');
		for (count = 0; count < inputs.length; count++) {
			if (inputs[count].type == 'hidden' && 
			    inputs[count].name.substring(inputs[count].name.length - 5) == 'title') {
				
				var searchmatch = false;			    
				for (searchcount = 0; searchcount < searchVals.length; searchcount++) {
					if (inputs[count].value.toUpperCase().indexOf(searchVals[searchcount].toUpperCase()) != -1) {
						searchmatch = true;
						break;
					}
				}

				if (searchmatch) {
					resultcount++;
					resultString = resultString + '<li><a href="#" class="smalltext" onclick="displayproduct(\'' 
								    + inputs[count].name.substr(0, inputs[count].name.length - 5) 
								    + '\', \'searchresults\')">' 
						                    + inputs[count].value + '</a></li>';
				}
			}
		}

		if (resultcount > 0) {
			resultString = '<p class="smalltext" style="padding:3px;margin:0px;text-align:left;">Found ' + resultcount + ' Matching results</p>' 
					+ resultString;
			resultString = resultString + '</ul>'
		} else {
			resultString = '<p class="smalltext" style="padding:3px;margin:0px;text-align:left;">no matching results found.</p><br/>'
		}
		document.getElementById('searchresults').innerHTML = 
					'<span class="mediumtext">Search Results</span><br/>' + 
					resultString +
					'<a href="#" onclick="showHide(\''+ section + '\');" class="smalltext">Back</a>';

		showHide('searchresults');
	}
}

function highlight(blockName, selected) {
	var block = document.getElementsByName(blockName)[0];
	var prevSel = block.getElementsByTagName("a");
	if (prevSel != null && prevSel.length !=0) {
		for (i = 0; i < prevSel.length; i++) {
			if(prevSel[i].className == 'largetextSelected') {
				prevSel[i].className = 'largetext';
			}	
		}
	}
	selected.className = 'largetextSelected';
}
