// Script: Hierarchical Menu v2.0
// Company: Interaxis
// Author: dynamicreport.com
// Website: http://dynamicreport.com/ddobj.html
// License: Commercial (original author info. must remain in all files)



// --------------------------------- EXAMPLE HTML MENU LAYOUT (1)

var img_path = "ddobj/menu/images/";

var menu1 = new Array (6);
menu1[0] = '<table width = "100%" height = "30" cellpadding = "0" cellspacing = "0" border = "0">' +
	'<tr><td align = "center" class = "bluebg"><p class = "header1"><a href = "#" onclick = "javascript: return false;" onmouseover = "javascript: dd_obj[4].params ({FADERESET : false, CONTROL : false, OFFX : 0, OFFY : 0, PLOC : true, PH : true, DRAG_DELAY : true, PARENT : 1}); dd_obj[4].show (0, \'\', menu1[3], 420); dd_obj[4].release (); return false;" onmouseout = "dd_obj[4].resetHide ();"><br>Caresheets</a></p></td></tr>' +
	'</table>';
menu1[1] = '<table width = "100%" height = "30" cellpadding = "0" cellspacing = "0" border = "0">' +
	'<tr><td align = "center" class = "bluebg"><p class = "header1"><a href = "#" onclick = "javascript: return false;" onmouseover = "javascript: dd_obj[4].params ({FADERESET : false, CONTROL : false, OFFX : 0, OFFY : 0, PLOC : true, PH : true, DRAG_DELAY : true, PARENT : 2}); dd_obj[4].show (0, \'\', menu1[4], 420); dd_obj[4].release (); return false;" onmouseout = "dd_obj[4].resetHide ();"><br>Accessories</a></p></td></tr>' +
	'</table>';
menu1[2] = '<table width = "100%" height = "30" cellpadding = "0" cellspacing = "0" border = "0">' +
	'<tr><td align = "center" class = "bluebg"><p class = "header1"><a href = "#" onclick = "javascript: return false;" onmouseover = "javascript: dd_obj[4].params ({FADERESET : false, CONTROL : false, OFFX : 0, OFFY : 0, PLOC : true, PH : true, DRAG_DELAY : true, PARENT : 3}); dd_obj[4].show (0, \'\', menu1[5], 420); dd_obj[4].release (); return false;" onmouseout = "dd_obj[4].resetHide ();"><br>Miscellaneous</a></p></td></tr>' +
	'</table>';
menu1[3] = '<table width = "100%" cellpadding = "0" cellspacing = "0" border = "0">' +
	'<tr><td align = "center" class = "greybg">' +
	'<p class = "option"><span class = "header2">Caresheets</span></p>' +
	'<p><img src = "' + img_path + 'hermit1.gif" width = "180" height = "130" align = "right"></p>' +
	'<p class = "option" align = "left"><img src = "' + img_path + 'palm.gif" width = "15" height = "16" align = "absmiddle"> <a href = "#" onclick = "javascript: return false;">Diet: Food and Nutrition</p></a>' +
	'<p class = "option" align = "left">&nbsp;<img src = "' + img_path + 'palm.gif" width = "15" height = "16" align = "absmiddle"> <a href = "#" onclick = "javascript: return false;">Seashells: Type by Species</a></p>' +
	'<p class = "option" align = "left">&nbsp;&nbsp;<img src = "' + img_path + 'palm.gif" width = "15" height = "16" align = "absmiddle"> <a href = "#" onclick = "javascript: return false;">Maintenance: Preparing The Tank</a></p>' +
	'<p class = "option" align = "left">&nbsp;&nbsp;&nbsp;<img src = "' + img_path + 'palm.gif" width = "15" height = "16" align = "absmiddle"> <a href = "#" onclick = "javascript: return false;">Heating: Temperature and Lighting</a></p>' +
	'<br>' +
	'</td></tr>' +
	'</table>';
menu1[4] = '<table width = "100%" cellpadding = "0" cellspacing = "0" border = "0">' +
	'<tr><td align = "center" class = "greybg">' +
	'<p class = "option"><span class = "header2">Accessories</span></p>' +
	'<p><img src = "' + img_path + 'hermit2.gif" width = "180" height = "150" align = "right"></p>' +
	'<p class = "option" align = "left"><img src = "' + img_path + 'palm.gif" width = "15" height = "16" align = "absmiddle"> <a href = "#" onclick = "javascript: return false;">Terrariums</a></p>' +
	'<p class = "option" align = "left">&nbsp;<img src = "' + img_path + 'palm.gif" width = "15" height = "16" align = "absmiddle"> <a href = "#" onclick = "javascript: return false;">Natural Sponges</a></p>' +
	'<p class = "option" align = "left">&nbsp;&nbsp;<img src = "' + img_path + 'palm.gif" width = "15" height = "16" align = "absmiddle"> <a href = "#" onclick = "javascript: return false;">Seashells &amp; Shell feeders</a></p>' +
	'<p class = "option" align = "left">&nbsp;&nbsp;&nbsp;<img src = "' + img_path + 'palm.gif" width = "15" height = "16" align = "absmiddle"> <a href = "#" onclick = "javascript: return false;">Heater Pads &amp; Light Fixtures</a></p>' +
	'<br>' +
	'</td></tr>' +
	'</table>';
menu1[5] = '<table width = "100%" cellpadding = "0" cellspacing = "0" border = "0">' +
	'<tr><td align = "center" class = "greybg">' +
	'<p class = "option"><span class = "header2">Miscellaneous</span></p>' +
	'<p><img src = "' + img_path + 'hermit3.gif" width = "180" height = "121" align = "right"></p>' +
	'<p class = "option" align = "left"><img src = "' + img_path + 'palm.gif" width = "15" height = "16" align = "absmiddle"> <a href = "#" onclick = "javascript: return false;">Image Gallery</a></p>' +
	'<p class = "option" align = "left">&nbsp;<img src = "' + img_path + 'palm.gif" width = "15" height = "16" align = "absmiddle"> <a href = "#" onclick = "javascript: return false;">File Submissions</a></p>' +
	'<p class = "option" align = "left">&nbsp;&nbsp;<img src = "' + img_path + 'palm.gif" width = "15" height = "16" align = "absmiddle"> <a href = "#" onclick = "javascript: return false;">Links &amp Resources</a></p>' +
	'<p class = "option" align = "left">&nbsp;&nbsp;&nbsp;<img src = "' + img_path + 'palm.gif" width = "15" height = "16" align = "absmiddle"> <a href = "#" onclick = "javascript: return false;">FAQ :: Search :: Forum</a></p>' +
	'<br>' +
	'</td></tr>' +
	'</table>';



// --------------------------------- EXAMPLE HTML MENU LAYOUT (2)



// skinned menu thrown in as an example
var menu2 = new Array (2);
menu2[0] = '<p class = "header2">DDOBJ as a menu <img src = "' + img_path + 'gears_sm.gif" align = "absmiddle" width = "27" height = "25"></p>';
menu2[1] = '<table width = "100%" height = "180" background = "' + img_path + 'gears_bg.jpg" cellpadding = "0" cellspacing = "0">' + 
	'<tr><td class = "option" width = "50%">' +
	'<a href = "#" onclick = "javascript: return false;">menu item one</a><br><br>' +
	'<a href = "#" onclick = "javascript: return false;">menu item two</a><br><br>' +
	'<a href = "#" onclick = "javascript: return false;">menu item three</a><br><br>' +
	'<a href = "#" onclick = "javascript: return false;">menu item four</a>' +
	'</td><td valign = "middle">' +
	'<img src = "' + img_path + 'gears.gif" width = "120" height = "112">' +
	'</td></tr>' +
	'</table>';