// JavaScript Document

function menu_create()
{
	var clear = document.createElement( 'div' );
	clear.className = "clear";
	clear.innerHTML = "<!-- //-->";

	var menu_container = document.createElement( 'div' );
	menu_container.className = "menu_container";
	menu_container.id = "menu";
	
	
	var menu_header = document.createElement( 'div' );
	menu_header.className = "menu_header";
	
	var menu_left = document.createElement( 'div' );
	menu_left.className = "menu_left";
	menu_left.innerHTML = "<h1>Where would you like to go?</h1>";
	menu_header.appendChild( menu_left );
	
	var menu_right = document.createElement( 'div' );
	menu_right.className = "menu_right";
	menu_right.innerHTML = 	'<a href="" onclick="hide_menu(); return false;">Close</a>' +
            				'<div style="float:right; padding-left:10px; padding-top:2px;">' + 
							'<a href="" onclick="hide_menu(); return false;"><img src="images/close_button.gif" alt="close" style="vertical-align:middle" /></a>' +
							'</div>';
	menu_header.appendChild( menu_right );
	menu_header.appendChild( clear );
	menu_container.appendChild( menu_header );
	
	var menu_toolbar = document.createElement( 'div' );
	menu_toolbar.className = "menu_toolbar";
	
	var menu_toolbar_item = document.createElement( 'div' );
	menu_toolbar_item.className = "menu_toolbar_item";
	menu_toolbar_item.innerHTML = '<a href="index.php">Home</a>';
	menu_toolbar.appendChild( menu_toolbar_item );
	
	menu_toolbar_item = document.createElement( 'div' );
	menu_toolbar_item.className = "menu_toolbar_item";
	menu_toolbar_item.innerHTML = '<a href="contact.php">Contact</a>';
	menu_toolbar.appendChild( menu_toolbar_item );
	
	clear = document.createElement( 'div' );
	clear.className = "clear";
	clear.innerHTML = "<!-- //-->";
	menu_toolbar.appendChild( clear );
	
	menu_container.appendChild( menu_toolbar );
	
	var menu = document.createElement( 'div' );
	menu.className = "menu";
	menu.id = "menu_items";
	
	menu_container.appendChild( menu );
	
	var menu_footer = document.createElement( 'div' );
	menu_footer.className = "menu_footer";
	
	menu_right.innerHTML = 	'<a href="" onclick="hide_menu(); return false;">Close</a>' +
							'<div style="float:right; padding-left:10px; padding-top:2px;">' + 
							'<a href="" onclick="hide_menu(); return false;"><img src="images/close_button.gif" alt="close" style="vertical-align:middle" /></a>' + 
							'</div>';
	
	menu_footer.appendChild( menu_right );
	
	clear = document.createElement( 'div' );
	clear.className = "clear";
	clear.innerHTML = "<!-- //-->";
	
	menu_footer.appendChild( clear );
	menu_container.appendChild( menu_footer );
	
	document.body.appendChild( menu_container );
}

function menu_add( short_name, url, title, description, image, style )
{
	var menu_item = document.createElement( 'div' );
	menu_item.className = "menu_item";
	
	var id = "menu_" + short_name;
	
	if( menu_item.addEventListener )
	{
		menu_item.addEventListener( "mouseover", function ( a ) { return function(){ menu_over( a ); } }( id ), false ); 
		menu_item.addEventListener( "mouseout", function ( a ) { return function(){ menu_out( a ); } }( id ), false );
	}
	else
	{
		menu_item.attachEvent( "onmouseover", function ( a ) { return function(){ menu_over( a ); } }( id ) ); 
		menu_item.attachEvent( "onmouseout", function ( a ) { return function(){ menu_out( a ); } }( id ) );
	}
	
	var menu_image = document.createElement( 'div' );
	menu_image.className = "menu_image";
	menu_image.id = "menu_" + short_name;
	menu_image.innerHTML = '<a href="' + url + '" style="' + style + '"><img src="images/custom/' + image + '" alt="' + title + '" /></a>';
	menu_item.appendChild( menu_image );
	
	var menu_text = document.createElement( 'div' );
	menu_text.className = "menu_text";
	menu_text.innerHTML = '<h2><a href="' + url + '">' + title + '</a></h2>' + description;
	menu_item.appendChild( menu_text );

	document.getElementById( 'menu_items' ).appendChild( menu_item );
}

function menu_clear()
{
	var clear = document.createElement( 'div' );
	clear.className = "clear";
	clear.innerHTML = "<!-- //-->";
	
	document.getElementById( 'menu_items' ).appendChild( clear );
}