var classes, classes_names, groups, groups_names, groups_class, products_groups, products_groups_names;

function show_left_nav() {
	document.getElementById('products_leftnav').style.display = 'block';
	document.getElementById('home_leftnav').style.display = 'none';
	
	document.getElementById('left_column').className = 'leftcol_gray';
}

function show_all_classes() {
	var html = '';
	
	for (var i=0;i<classes.length;i++) {
		html = html + '<div id="menuoffset_' + classes[i] + '" onmouseover="document.getElementById(\'menuoffset_' + classes[i] + '\').style.backgroundColor=\'#BBBBBB\';buttonMouseover(event, \'Menu_' + classes[i] + '\');"  onmouseout="document.getElementById(\'menuoffset_' + classes[i] + '\').style.backgroundColor=\'#D7D9CE\';buttonOrMenuMouseout(event);" onclick="show_class(' + classes[i] + ');" class="leftnav">' + classes_names[i] + '</div>';
	}
	
	document.getElementById('classes').innerHTML = html + '<br>';
	
	html = '<div id="Menu" class="menu" onmouseover="menuMouseover(event)">';
	
	for (var i=0;i<classes.length;i++) {
		html = html + '<a class="menuItem" href="javascript:;" onclick="show_class(' + classes[i] + ');" onmouseover="menuItemMouseover(event, \'Menu_' + classes[i] + '\');"><span class="menuItemText">' + classes_names[i] + '</span><span class="menuItemArrow">&#9654;</span></a>';
	}
	
	html = html + '</div>';
	for (var i=0;i<classes.length;i++) {
		html = html + '<div id="Menu_' + classes[i] + '" class="menu" onmouseover="menuMouseover(event);if(document.getElementById(\'menuoffset_' + classes[i] + '\'))document.getElementById(\'menuoffset_' + classes[i] + '\').style.backgroundColor=\'#BBBBBB\';" onmouseout="if(document.getElementById(\'menuoffset_' + classes[i] + '\'))document.getElementById(\'menuoffset_' + classes[i] + '\').style.backgroundColor=\'#D7D9CE\';if(window.event)buttonOrMenuMouseout(event);">';
		group = groups_class[i].split(',');
		group_names = groups_names[i].split('|');
		for (var j=0;j<group.length;j++) {
			html = html + '<a class="menuItem" href="javascript:;" onclick="javascript:show_class(' + classes[i] + ');show_group(' + group[j] + ', 0);">' + group_names[j] + '</a>';
		}
		html = html + '</div>';
	}
	
	document.getElementById('class_holder').innerHTML = html;
}

function show_class(class_id) {
	var group, group_names, product, product_names;
	var html ='';
	
	document.getElementById('shadow_products').style.display = 'none';
	//document.getElementById('row_products').style.display = 'none';
	document.getElementById('row_products').bgColor = '#D7D9CE';

	document.getElementById('shadow_groups').style.display = 'block';
	//document.getElementById('row_groups').style.display = 'block';
	document.getElementById('row_groups').bgColor = '#D7D9CE';
	
	document.getElementById('groups').innerHTML = '';
	document.getElementById('products').innerHTML = '';

	document.getElementById('hid_class').value = class_id;
	document.getElementById('hid_group').value = 0;
	
	for (var i=0;i<classes.length;i++) {
		if(classes[i] == class_id) {
			//document.getElementById('classes').innerHTML = '<table cellspacing="0" cellpadding="0" border="0"><tr valign="middle"><td><div class="menuBar"><a class="menuButtonSelected" href="javascript:;" onclick="return buttonClick(event, \'Menu\');" onmouseover="buttonMouseover(event, \'Menu\');" id="allaisles1"><img id="allaisles2" src="images/all.gif" height="14" width="22" border="0" align="middle" vspace="4"></a></div></td><td class="leftnav">' + classes_names[i] + '</td></tr></table>';
			document.getElementById('classes').innerHTML = '<table cellspacing="0" cellpadding="0" border="0"><tr valign="middle"><td><div class="menuBar"><img id="allaisles" src="images/all.gif" height="14" width="22" border="0" align="middle" vspace="4" class="menuButtonSelected" onclick="return buttonClick(event, \'Menu\');" onmouseover="buttonMouseover(event, \'Menu\');"></div></td><td class="leftnav">' + classes_names[i] + '</td></tr></table>';
			group = groups_class[i].split(',');
			group_names = groups_names[i].split('|');
		}
	}
	
	for (var i=0;i<group.length;i++) {
		html = html + '<div id="Menu2_' + group[i] + '" class="menu" onmouseover="menuMouseover(event);if(document.getElementById(\'menuoffset_g_' + group[i] + '\'))document.getElementById(\'menuoffset_g_' + group[i] + '\').style.backgroundColor=\'#BBBBBB\';" onmouseout="if(document.getElementById(\'menuoffset_g_' + group[i] + '\'))document.getElementById(\'menuoffset_g_' + group[i] + '\').style.backgroundColor=\'#D7D9CE\';if(window.event)buttonOrMenuMouseout(event);">';
		for (var j=0;j<groups.length;j++) {
			if(groups[j] == group[i]) {
				product = products_groups[j].split(',');
				product_names = products_groups_names[j].split('|');
			}
		}
		for (var j=0;j<product.length;j++) {
			html = html + '<a class="menuItem" href="#" onclick="javascript:retain_state(\'?fuseaction=order&product_id=' + product[j] + '&product_group_id=' + group[i] + '\');">' + product_names[j] + '</a>';
		}
		html = html + '</div>';
	}
	
	for (var i=0;i<group.length;i++) {
		html = html + '<div id="menuoffset_g_' + group[i] + '" onmouseover="document.getElementById(\'menuoffset_g_' + group[i] + '\').style.backgroundColor=\'#BBBBBB\';buttonMouseover(event, \'Menu2_' + group[i] + '\');"  onmouseout="document.getElementById(\'menuoffset_g_' + group[i] + '\').style.backgroundColor=\'#D7D9CE\';buttonOrMenuMouseout(event);" onclick="show_group(' + group[i] + ', 0);" class="leftnav" style="width: 100%;">' + group_names[i] + '</div>';
	}
	
	document.getElementById('groups').innerHTML = html;
	
	html = '<div id="Menu1" class="menu" onmouseover="menuMouseover(event)">';
	
	for (var i=0;i<group.length;i++) {
		html = html + '<a class="menuItem" href="javascript:;" onclick="javascript:show_group(' + group[i] + ', 0);"><span class="menuItemText">' + group_names[i] + '</span></a>';
	}
	
	html = html + '</div>';
	
	document.getElementById('group_holder').innerHTML = html;
	if(window.event) {
		buttonOrMenuMouseout(event);
	}
}

function show_group(group_id, product_id) {
	var group, group_names;
	var class_id = document.getElementById('hid_class').value;
	var product, product_names;
	var html = '';
	var style = '';
	
	document.getElementById('shadow_products').style.display = 'block';
	//document.getElementById('row_products').style.display = 'block';
	document.getElementById('row_products').bgColor = '#D7D9CE';
	
	document.getElementById('hid_group').value = group_id;
	
	for (var i=0;i<classes.length;i++) {
		if(classes[i] == class_id) {
			group = groups_class[i].split(',');
			group_names = groups_names[i].split('|');
		}
	}
	
	if(group.length == 1) {
		document.getElementById('groups').innerHTML = '<b>' + group_names[0] + '</b>';
	} else {
		for (var i=0;i<group.length;i++) {
			if(group_id == group[i]) {
				//document.getElementById('groups').innerHTML = '<table cellspacing="0" cellpadding="0" border="0"><tr valign="middle"><td><div class="menuBar"><a class="menuButtonSelected" href="javascript:;" onclick="return buttonClick(event, \'Menu1\');" onmouseover="buttonMouseover(event, \'Menu1\');" id="allcategories1"><img id="allcategories2" src="images/all.gif" height="14" width="22" border="0" align="middle" vspace="4"></a></div></td><td class="leftnav">' + group_names[i] + '</td></tr></table>';
				document.getElementById('groups').innerHTML = '<table cellspacing="0" cellpadding="0" border="0"><tr valign="middle"><td><div class="menuBar"><img id="allcategories" src="images/all.gif" height="14" width="22" border="0" align="middle" vspace="4" class="menuButtonSelected" onclick="return buttonClick(event, \'Menu1\');" onmouseover="buttonMouseover(event, \'Menu1\');"></div></td><td class="leftnav">' + group_names[i] + '</td></tr></table>';
			}
		}
	}

	for (var i=0;i<groups.length;i++) {
		if(groups[i] == group_id) {
			product = products_groups[i].split(',');
			product_names = products_groups_names[i].split('|');
		}
	}
	
	for (var i=0;i<product.length;i++) {
		if (product_id == product[i]) {
			style = 'style="color: black;"';
		} else {
			style = '';
		}
		html = html + '<a href="index.cfm?fuseaction=order&class=' + class_id + '&product_group_id=' + group_id + '&product_id=' + product[i] +  '" class="gmenu"' + style + '>' + product_names[i] + '</a><img src="img/clear.gif" height="4" width="100%"><br>';
	}
	
	document.getElementById('products').innerHTML = '<table cellspacing="0" cellpadding="0" border="0"><tr valign="middle"><td><img src="img/clear.gif" height="1" width="5"></td><td><img src="img/clear.gif" height="5" width="100%">' + html + '</td></tr></table>';
	if(window.event) {
		buttonOrMenuMouseout(event);
	}
}