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

		'items':{
			'top':0,
			'left':0,

			'background-item':{
				'width':678, 'height':23,
				'left': 1, 'top': 0,
				'class':'container'
			},

			1:{
				'content':'<a href="resource3.php" target="iframe">Main</a>',
				'cursor':'hand',
				'width':99, 'height':20, 'offsetLeft':1, 'offsetTop':1,
				'class':'win9x_off',
				'class_rollover':'win9x_rollover'
			},
			2:{
				'content':'Fabric &nbsp; <img src="images/arrow.gif" />',
				'content_menuopen':'Fabric &nbsp; <img src="images/arrowover.gif" />',
				'url':'resource.php',
				'width':110, 'height':20,
				'offsetLeft':100,
				'class':'win9x_off',
				'class_menuopen':'win9x_rollover',

				'items':{
					'top':18,
					'left':0,

					'background-item':{
						'width':113, 'height':63,
						'left':0, 'top':1,
						'class':'container'
					},

					1:{
						'content':'<a href="resource/weave.php" target="iframe">Weave Styles</a>',
						'cursor':'hand',
						'width':110, 'height':20,
						'offsetLeft':1, 'offsetTop':1,
						'class':'win9x_off',
						'class_rollover':'win9x_rollover'
					},
					2:{
						'content':'<a href="resource/materials.php" target="iframe">Materials',
						'cursor':'hand',
						'width':110, 'height':20,
						'offsetTop':20,
						'class':'win9x_off',
						'class_rollover':'win9x_rollover'
					},
					3:{
						'content':'<a href="resource/colors.php" target="iframe">Colors',
						'cursor':'hand',
						'width':110, 'height':20,
						'offsetTop':20,
						'class':'win9x_off',
						'class_rollover':'win9x_rollover'
                    }
                }
			},

			3:{
				'content':'Designs &nbsp; <img src="images/arrow.gif" />',
				'content_menuopen':'Designs &nbsp; <img src="images/arrowover.gif" />',
				'url':'resource.php',
				'width':100, 'height':20,
				'offsetLeft':110,
				'class':'win9x_off',
				'class_menuopen':'win9x_rollover',

				'items':{
					'top':18,
					'left':0,

					'background-item':{
						'width':103, 'height':23,
						'left':0, 'top':1,
						'class':'container'
					},

					1:{
						'content':'<a href="resource/designs.php" target="iframe">Designs</a>',
						'cursor':'hand',
						'width':100, 'height':20,
						'offsetLeft':1, 'offsetTop':1,
						'class':'win9x_off',
						'class_rollover':'win9x_rollover'
                    }
                }
			},
			4:{
				'content':'Periods &nbsp; <img src="images/arrow.gif" />',
				'content_menuopen':'Periods &nbsp; <img src="images/arrowover.gif" />',
				'url':'resource.php',
				'width':125, 'height':20,
				'offsetLeft':100,
				'class':'win9x_off',
				'class_menuopen':'win9x_rollover',

				'items':{
					'top':18,
					'left':0,

					'background-item':{
						'width':128, 'height':123,
						'left':0, 'top':1,
						'class':'container'
					},

					1:{
						'content':'<a href="resource/Early_Medieval.php" target="iframe">Early Medieval</a>',
						'cursor':'hand',
						'width':125, 'height':20,
						'offsetLeft':1, 'offsetTop':1,
						'class':'win9x_off',
						'class_rollover':'win9x_rollover'
					},
					2:{
						'content':'<a href="resource/High_Medieval.php" target="iframe">High Medieval',
						'cursor':'hand',
						'width':125, 'height':20,
						'offsetTop':20,
						'class':'win9x_off',
						'class_rollover':'win9x_rollover'
					},
					3:{
						'content':'<a href="resource/Renaissance.php" target="iframe">Renaissance',
						'cursor':'hand',
						'width':125, 'height':20,
						'offsetTop':20,
						'class':'win9x_off',
						'class_rollover':'win9x_rollover'
					},
					4:{
						'content':'<a href="resource/Tudor.php" target="iframe">Tudor',
						'cursor':'hand',
						'width':125, 'height':20,
						'offsetTop':20,
						'class':'win9x_off',
						'class_rollover':'win9x_rollover'
					},
					5:{
						'content':'<a href="resource/Elizabethan.php" target="iframe">Elizabethan',
						'cursor':'hand',
						'width':125, 'height':20,
						'offsetTop':20,
						'class':'win9x_off',
						'class_rollover':'win9x_rollover'
					},
					6:{
						'content':'<a href="resource/Other.php" target="iframe">Other Periods',
						'cursor':'hand',
						'width':125, 'height':20,
						'offsetTop':20,
						'class':'win9x_off',
						'class_rollover':'win9x_rollover'
                    }
                }
			},
			5:{
				'content':'Locations &nbsp; <img src="images/arrow.gif" />',
				'content_menuopen':'Locations &nbsp; <img src="images/arrowover.gif" />',
				'url':'resource.php',
				'width':130, 'height':20,
				'offsetLeft':125,
				'class':'win9x_off',
				'class_menuopen':'win9x_rollover',

				'items':{
					'top':18,
					'left':0,

					'background-item':{
						'width':133, 'height':143,
						'left':0, 'top':1,
						'class':'container'
					},

					1:{
						'content':'<a href="resource/S_Europe.php" target="iframe">Southern Europe</a>',
						'cursor':'hand',
						'width':130, 'height':20,
						'offsetLeft':1, 'offsetTop':1,
						'class':'win9x_off',
						'class_rollover':'win9x_rollover'
					},
					2:{
						'content':'<a href="resource/C_Europe.php" target="iframe">Central Europe',
						'cursor':'hand',
						'width':130, 'height':20,
						'offsetTop':20,
						'class':'win9x_off',
						'class_rollover':'win9x_rollover'
					},
					3:{
						'content':'<a href="resource/E_Europe.php" target="iframe">Eastern Europe',
						'cursor':'hand',
						'width':130, 'height':20,
						'offsetTop':20,
						'class':'win9x_off',
						'class_rollover':'win9x_rollover'
					},
					4:{
						'content':'<a href="resource/W_Europe.php" target="iframe">Western Europe',
						'cursor':'hand',
						'width':130, 'height':20,
						'offsetTop':20,
						'class':'win9x_off',
						'class_rollover':'win9x_rollover'
					},
					5:{
						'content':'<a href="resource/N_Europe.php" target="iframe">Northern Europe',
						'cursor':'hand',
						'width':130, 'height':20,
						'offsetTop':20,
						'class':'win9x_off',
						'class_rollover':'win9x_rollover'
					},
					6:{
						'content':'<a href="resource/M_East.php" target="iframe">Middle East',
						'cursor':'hand',
						'width':130, 'height':20,
						'offsetTop':20,
						'class':'win9x_off',
						'class_rollover':'win9x_rollover'
					},
					7:{
						'content':'<a href="resource/F_East.php" target="iframe">Far East',
						'cursor':'hand',
						'width':130, 'height':20,
						'offsetTop':20,
						'class':'win9x_off',
						'class_rollover':'win9x_rollover'
                    }
                }
			},
			6:{
				'content':'<a href="resource/contact.php" target="iframe">Contact Us</a>',
				'cursor':'hand',
				'width':110, 'height':20,
				'offsetLeft':130,
				'class':'win9x_off',
				'class_rollover':'win9x_rollover'


			}
		}
	};

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