/*// Initialize WebDDM
function initWebDDM ()
{
	// Begin base menu
	var menu = {
		'position':'relative',
		'top':0,
		'left':0,
		'width':500,
		'height':30,
		'expand_menu':'auto',

		// Begin array of items, level 0
		'items':{
			'top':0,
			'left':0,
			'width':472,
			'height':27,
			// Begin item 1
			// This is sort of the container for all of the rest of the items
			1:{
				'content':'&nbsp;',
				'isContainerItem':true,
				'width':340, 'height':26, 'left': 0, 'top': 0,
				'class':'container',
				'css':'line-height:1'
			},
			// End item 1
			// Begin item 2
			2:{
				'content':'Home', 'content_rollover':'<b><u>H</u>ome</b>',
				'url':'../index.html', 'cursor':'hand',
				'width':100, 'height':20, 'left':3, 'top':3,
				'class':'mainmenu_off',
				'class_rollover':'mainmenu_rollover',
				'tooltip':{
					'content':'Click here to go back to the main page',
					'classPrefix':'domTTClassic',
					'trail':true
				}
			},
			// End item 2
			// Begin item 3
			3:{
				'content':'More Info &nbsp; <img src="../menus/tooltips/arrowleft.gif" />',
				'content_menuopen':'<b><u>M</u>ore <u>I</u>nfo</b> &nbsp; <img src="../menus/tooltips/arrowdown.gif" />',
				'url':'index.html',
				'width':100, 'height':20, 'left':105, 'top':3,
				'class':'mainmenu_off',
				'class_menuopen':'mainmenu_rollover',
				'tooltip':{
					'content':'Tooltip with different style and no trailing',
					'classPrefix':'domTTClass2',
					'trail':false
				},
				// Begin array of items, item 3
				'items':{
					'top':23,
					'left':104,
					'width':206,
					'height':158,
					// Begin item 3-1
					// This is the container for the rest of the items
					1:{
						'content':'&nbsp;',
						'isContainerItem':true,
						'width':206, 'height':156, 'left':0, 'top': 2,
						'class':'container',
						'css':'line-height:1'
					},
					// End item 3-1
					// Begin item 3-2
					2:{
						'content':'Any <b>H</b><u>T</u><i>M</i><s>L</s> can be used in items, such as lists and graphics:<ul><li>one</li><li><img src="../WebDDM.gif" /></li></ul>',
						'content_rollover':'Dynamically change content at any time!',
						'width':200, 'height':150, 'left':3, 'top': 5,
						'class':'mainmenu_off',
						'class_rollover':'mainmenu_rollover',
						'tooltip':{
							'content':'Use <i>any</i> <b>HTML</b> in tooltips!!<br /><br /><span style="background-color:red">This tooltip\'s type is VELCRO and it will only hide when you move the mouse over the tooltip, and then off again.</span><br />The maxWidth of this item is set to 150.',
							'classPrefix':'domTTClassic',
							'trail':true,
							'type':'velcro',
							'maxWidth':150
						}
					}
					// End item 3-2
				}
				// End array of items, item 3
			},
			// End item 3
			// Begin item 4
			4:{
				'content':'JavaScript Calls &nbsp; <img src="../menus/tooltips/arrowleft.gif" />',
				'content_menuopen':'<b><u>J</u>ava<u>S</u>cript <u>C</u>alls</b> &nbsp; <img src="../menus/tooltips/arrowdown.gif" />',
				'url':'../index.html',
				'width':130, 'height':20, 'left':207, 'top':3,
				'class':'mainmenu_off',
				'class_menuopen':'mainmenu_rollover',
				'tooltip':{
					'content':'This tooltip\'s class prefix is "domTTOverlib" - it looks like tooltips made with the Overlib library.<br />This tooltip will self-destruct in 5 seconds.',
					'classPrefix':'domTTOverlib',
					'trail':true,
					'caption':'Tooltip caption',
					'lifetime':5000 // 5000 milliseconds = 5 seconds
				},
				// Begin array of items, item 4
				'items':{
					'top':23,
					'left':206,
					'width':136,
					'height':72,
					// Begin item 4-1
					// This is a container for the rest of the items
					1:{
						'content':'&nbsp;',
						'isContainerItem':true,
						'width':136, 'height':68, 'left':0, 'top':2,
						'class':'container',
						'css':'line-height:1'
					},
					// End item 4-1
					// Begin item 4-2
					2:{
						'content':'Alert Box',
						'content_rollover':'<b><u>A</u>lert <u>B</u>ox</b>',
						'url':'javascript:alert("Hello world!");',
						'cursor':'hand',
						'width':130, 'height':20, 'left':3, 'top':5,
						'class':'mainmenu_off',
						'class_rollover':'mainmenu_rollover',
						'tooltip':{
							'content':'This tooltip\'s type is STICKY. It doesn\'t close until you click the closeLink. The closeLink attribute defaults to "X", but we changed it "close" in this example.<br />This tooltip\'s grid is 12.',
							'classPrefix':'domTTOverlib',
							'trail':true,
							'caption':'Hello world',
							'type':'sticky',
							'closeLink':'Close',
							'grid':12,
							'maxWidth': 250
						}
					},
					// End item 4-2
					// Begin item 4-3
					3:{
						'content':'Confirm Box',
						'content_rollover':'<b><u>C</u>onfirm <u>B</u>ox</b>',
						'url':'javascript:confirm("You wanna confirm or what?");',
						'cursor':'hand',
						'width':130, 'height':20, 'left':3, 'top':27,
						'class':'mainmenu_off',
						'class_rollover':'mainmenu_rollover',
						'tooltip':{
							'content':'A sticky tooltip. Try to drag this one - the "drag" attribute is set to "true"!<br />This tooltip also fades.',
							'classPrefix':'domTTOverlib',
							'trail':true,
							'caption':'Hello world',
							'type':'sticky',
							'closeLink':'Close',
							'drag':true,
							'fade':'both'
						}
					},
					// End item 4-3
					// Begin item 4-4
					4:{
						'content':'Open Window',
						'content_rollover':'<b><u>O</u>pen <u>W</u>indow</b>',
						'url':'javascript:window.open("../index.html")',
						'cursor':'hand',
						'width':130, 'height':20, 'left':3, 'top':47,
						'class':'mainmenu_off',
						'class_rollover':'mainmenu_rollover',
						'tooltip':{
							'content':'Look for: <ul><li>Class of "domTTClassic"</li><li>Slower fading, and only fades in</li><li>Bigger mouse offset</li><li>Different tooltip direction (northwest)</li><li>Maximum opacity of 75</li></ul>',
							'classPrefix':'domTTClassic',
							'trail':true,
							'caption':'Hello world',
							'type':'greasy', // Redundant - greasy is the default setting
							'closeLink':'Close',
							'fade':'in', // in, out, both, neither
							'fadeDelay':100,
							'fadeDelta':5,
							'maxOpacity':75,
							'direction':'northwest',
							'offsetX':5,
							'offsetY':5
						}
					}
					// End item 4-4
				}
				// End array of items, item 4
			}
			// End item 4
		}
		// End array of items, level 0
	};
	// End base menu

	// Activate and build menu
	var tooltips_menu = new WebDDM('menu', menu);
}*/

// Initialize WebDDM
function initWebDDM ()
{
	// Preload all the images we will be using...
	WebDDM_preloadImages('../menus/tooltips/arrowdown.gif',
		'../menus/tooltips/arrowleft.gif');
	
	// Set arrow HTML
	var arrowDown = '<span style="position:relative;top:0;left:5;">'+
		'<img src="../menus/tooltips/arrowdown.gif" style="border-style: none;" />' +
		'</span>';
	var arrowLeft = '<span style="position:relative;top:0;left:5;">'+
		'<img src="../menus/tooltips/arrowleft.gif" style="border-style: none;" />' +
		'</span>';
			
	// Begin base menu
	var menu = {
		'position':'relative',
		'top':0,
		'left':0,
		'width':500,
		'height':30,
		'expand_menu':'auto',

		'items':{
			'top':0,
			'left':0,
			'width':340,
			'height':27,
			
			// Background item
			'background-item':{
				'width':340, 'height':26, 'left':0, 'top':0,
				'class':'container'
			},
			
			1:{
				'content':'Home',
				'content_rollover':'<a class="mainmenu_rollover" href="../index.html"><u>H</u>ome</a>',
				'cursor': 'hand',
				'width':100, 'height':20, 'offsetLeft':3, 'offsetTop':3,
				'class':'mainmenu_off',
				'class_rollover':'mainmenu_rollover',
				'tooltip':{
					'content':'Click here to go back to the main page',
					'classPrefix':'domTTClassic',
					'trail':true
				}
			},
			2:{
				'content':'More Info' + arrowLeft,
				'content_menuopen':'<a class="mainmenu_rollover" href="index.html"><u>M</u>ore <u>I</u>nfo' + arrowDown + '</a>',
				'cursor': 'hand',
				'width':100, 'height':20, 'offsetLeft':102, 'offsetTop':0,
				'class':'mainmenu_off',
				'class_menuopen':'mainmenu_rollover',
				'tooltip':{
					'content':'Tooltip with different style and no trailing',
					'classPrefix':'domTTClass2',
					'trail':false
				},

				'items':{
					'top':20,
					'left':0,
					'width':206,
					'height':158,

					// Background item
					'background-item':{
						'width':206, 'height':156, 'left':0, 'top': 2,
						'class':'container'
					},


					1:{
						'content':'Any <b>H</b><u>T</u><i>M</i><s>L</s> can be used in items, such as lists and graphics:<ul><li>one</li><li><img src="../WebDDM.gif" /></li></ul>',
						'content_rollover':'Dynamically change content at any time!',
						'width':200, 'height':150, 'offsetLeft':3, 'top':3,
						'class':'mainmenu_off',
						'class_rollover':'mainmenu_rollover',
						'css_rollover': 'font-weight: normal;',
						'tooltip':{
							'content':'Use <i>any</i> <b>HTML</b> in tooltips!!<br /><br /><span style="background-color:red">This tooltip\'s type is VELCRO and it will only hide when you move the mouse over the tooltip, and then off again.</span><br />The maxWidth of this item is set to 150.',
							'classPrefix':'domTTClassic',
							'trail':true,
							'type':'velcro',
							'maxWidth':150
						}
					}
				}
			},
			// End item 3
			// Begin item 4
			3:{
				'content':'JavaScript Calls'+arrowLeft,
				'content_menuopen':'<a class="mainmenu_rollover" href="index.html"><u>J</u>ava<u>S</u>cript <u>C</u>alls'+arrowDown+'</a>',
				'cursor': 'hand',
				'width':130, 'height':20, 'offsetLeft':102, 'offsetTop':0,
				'class':'mainmenu_off',
				'class_menuopen':'mainmenu_rollover',
				'tooltip':{
					'content':'This tooltip\'s class prefix is "domTTOverlib" - it looks like tooltips made with the Overlib library.<br />This tooltip will self-destruct in 5 seconds.',
					'classPrefix':'domTTOverlib',
					'trail':true,
					'caption':'Tooltip caption',
					'lifetime':5000 // 5000 milliseconds = 5 seconds
				},

				'items':{
					'top':20,
					'left':0,
					'width':136,
					'height':72,

					// Background item
					'background-item':{
						'width':136, 'height':70, 'left':0, 'top':2,
						'class':'container'
					},

					1:{
						'content':'Alert Box',
						'content_rollover':'<a class="mainmenu_rollover" href="javascript:alert(\'Hello world!\');"><u>A</u>lert <u>B</u>ox</a>',
						'cursor': 'hand',
						'width':130, 'height':20, 'offsetLeft':3, 'offsetTop':3,
						'class':'mainmenu_off',
						'class_rollover':'mainmenu_rollover',
						'tooltip':{
							'content':'This tooltip\'s type is STICKY. It doesn\'t close until you click the closeLink. The closeLink attribute defaults to "X", but we changed it "close" in this example.<br />This tooltip\'s grid is 12.',
							'classPrefix':'domTTOverlib',
							'trail':true,
							'caption':'Hello world',
							'type':'sticky',
							'closeLink':'Close',
							'grid':12,
							'maxWidth': 250
						}
					},
					2:{
						'content':'Confirm Box',
						'content_rollover':'<a class="mainmenu_rollover" href="javascript:void confirm(\'You wanna confirm or what?\');"><u>C</u>onfirm <u>B</u>ox</a>',
						'cursor': 'hand',
						'width':130, 'height':20, 'offsetLeft':0, 'offsetTop':22,
						'class':'mainmenu_off',
						'class_rollover':'mainmenu_rollover',
						'tooltip':{
							'content':'A sticky tooltip. Try to drag this one - the "drag" attribute is set to "true"!<br />This tooltip also fades.',
							'classPrefix':'domTTOverlib',
							'trail':true,
							'caption':'Hello world',
							'type':'sticky',
							'closeLink':'Close',
							'drag':true,
							'fade':'both'
						}
					},
					3:{
						'content':'Open Window',
						'content_rollover':'<a class="mainmenu_rollover" href="javascript:void window.open(\'index.html\')"><u>O</u>pen <u>W</u>indow</a>',
						'cursor': 'hand',
						'width':130, 'height':20, 'offsetLeft':0, 'offsetTop':22,
						'class':'mainmenu_off',
						'class_rollover':'mainmenu_rollover',
						'tooltip':{
							'content':'Look for: <ul><li>Class of "domTTClassic"</li><li>Slower fading, and only fades in</li><li>Bigger mouse offset</li><li>Different tooltip direction (northwest)</li><li>Maximum opacity of 75</li></ul>',
							'classPrefix':'domTTClassic',
							'trail':true,
							'caption':'Hello world',
							'type':'greasy', // Redundant - greasy is the default setting
							'closeLink':'Close',
							'fade':'in', // in, out, both, neither
							'fadeDelay':100,
							'fadeDelta':5,
							'maxOpacity':75,
							'direction':'northwest',
							'offsetX':5,
							'offsetY':5
						}
					}
					// End item 4-4
				}
				// End array of items, item 4
			}
			// End item 4
		}
	};
	
	var tooltips_menu = new WebDDM('menu', menu);
}
