var timeout    = 500;
var closetimer = 0;
var ddmenuitem = 0;

var newDiv;
var parentDiv;
var parent;
var subMenuName;

function jsddm_open()
{  jsddm_canceltimer();
   jsddm_close();
   ddmenuitem = $(this).find('ul').css('visibility', 'visible');}

function jsddm_close()
{  if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}

function jsddm_timer()
{  closetimer = window.setTimeout(jsddm_close, timeout);}

function jsddm_canceltimer()
{  if(closetimer)
   {  window.clearTimeout(closetimer);
      closetimer = null;}}



document.onclick = jsddm_close;
	
function createMenu(element){
	// Creating the parent <ul> element for the menu
	newDiv = $('<ul></ul>');
	newDiv.attr("id","jsddm");
	newDiv.appendTo(element);
	parent = newDiv;
	
	// menu ----------------
	
	parentDiv = createMenuName(parent,"Club","#"); 					
	
	newDiv = createLi("About The Club","index.html#about");
	newDiv.appendTo(parentDiv);
	
	newDiv = createLi("Demonstration Garden","demoGarden.html");
	newDiv.appendTo(parentDiv);
	
	newDiv = createLi("Contact Us","index.html#contact");
	newDiv.appendTo(parentDiv);
	
	newDiv = createLi("Joining AZRFG","index.html#join");
	newDiv.appendTo(parentDiv);
			
	// menu ----------------
	
	parentDiv = createMenuName(parent,"Events","#");
			
	newDiv = createLi("Announcements","/phpBB3/viewforum.php?f=2",true);
	newDiv.appendTo(parentDiv);
	
	newDiv = createLi("Important Upcoming Events","index.html#events");
	newDiv.appendTo(parentDiv);
	
	newDiv = createLi("Monthly Meetings","index.html#meetings");
	newDiv.appendTo(parentDiv);
			
	//newDiv = createLi("Plant Sales","plantSales.html");
	//newDiv.appendTo(parentDiv);
		
	// menu ----------------
	
	parentDiv = createMenuName(parent,"Information","#");
	
	newDiv = createLi("Articles","articles.html");
	newDiv.appendTo(parentDiv);
			
	newDiv = createLi("Forum","/phpBB3",true);
	newDiv.appendTo(parentDiv);
	
	newDiv = createLi("Links To Related Sites","links.html");
	newDiv.appendTo(parentDiv);
		
	newDiv = createLi("Newsletters","/phpBB3/viewforum.php?f=3",true);
	newDiv.appendTo(parentDiv);
	
	//newDiv = createLi("Plant Sales","plantSales.html");
	//newDiv.appendTo(parentDiv);
	
	
	// mouse events
	
	$('#jsddm > li').bind('mouseover', jsddm_open)
	$('#jsddm > li').bind('mouseout',  jsddm_timer)
}

function createMenuName(thisParent,name,url){
	var newDiv = createLi(name,url);
	newDiv.appendTo(thisParent);
	var parentDiv = newDiv;
	newDiv = $('<ul></ul>');  
	newDiv.appendTo(parentDiv);	
	return newDiv;
}


function createLi(name,url,targetBlank){
	var parentDiv;
	var newDiv;
	parentDiv = $('<li></li>');	
	newDiv = $('<a>' +name+ '</a>');
	newDiv.attr('href',url);
	if (targetBlank==true) {
    	newDiv.attr("target","_blank");
	}
	newDiv.appendTo(parentDiv);
	return parentDiv;
}

$(document).ready(function(){  
	createMenu($("#menu"));
	
});