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;
		
		/*Creating home menu item - no submuenu*/
		newDiv = createLi("Home","index.php?page=home");
		newDiv.appendTo(parent);
		
		/*##########submenu ends##################################################*/
		
		/*Creating About Us menu*/
		subMenuName = "About Us";
		parentDiv = createMenuNameWithURL(parent,subMenuName,"index.php?page=about");
				
		/*element of about us*/
		newDiv = createLi("OneBody&sup3;","index.php?page=about"); 
		newDiv.appendTo(parentDiv);
		
		/*element of about us*/
		newDiv = createLi("Testimonials","index.php?page=testimonials");
		newDiv.appendTo(parentDiv);
		
		/*element of about us*/
		newDiv = createLi("Client Profiles","index.php?page=clientProfiles");
		newDiv.appendTo(parentDiv);
		
		/*element of about us*/
//		newDiv = createLi("OneBody&sup3; Blog","http://onebody3.wordpress.com/"); 
//		newDiv.appendTo(parentDiv);
		
		/*##########submenu ends##################################################*/
		
		/*Creating services menu*/
		subMenuName = "Services";
		parentDiv = createMenuNameWithURL(parent,subMenuName,"index.php?page=services");
		/*element 1 of services*/
		newDiv = createLi("What We Offer","index.php?page=services"); 
		newDiv.appendTo(parentDiv);
		
		/*element 2 of services*/
		newDiv = createLi("EMERGE&nbsp;&copy;","index.php?page=emerge");
		newDiv.appendTo(parentDiv);
		
		/*element 3 of services*/
		newDiv = createLi("Body Shop","index.php?page=bodyShop");
		newDiv.appendTo(parentDiv);
		
		/*##########submenu ends##################################################*/

		/*Creating blog menu item - no submuenu*/
		newDiv = createLiWithTarget("Blog","http://onebody3.wordpress.com/","_blank");
		newDiv.appendTo(parent);
		
		/*##########submenu ends##################################################*/
		
		/*Creating contact menu item - no submuenu*/
		newDiv = createLi("Contact","index.php?page=contact");
		newDiv.appendTo(parent);
		/*##########submenu ends##################################################*/
		
		$('#jsddm > li').bind('mouseover', jsddm_open)
		$('#jsddm > li').bind('mouseout',  jsddm_timer)
	}
	
	
	
	function createMenuNameWithURL(thisParent,name, url){
		var newDiv = createLi(name,url);
		newDiv.appendTo(thisParent);
		var parentDiv = newDiv;
		newDiv = $('<ul></ul>');  
		newDiv.appendTo(parentDiv);
		//parentDiv = newDiv;
		return newDiv;
	}
	
	function createMenuName(thisParent,name){
		var newDiv = createLi(name,"#");
		newDiv.appendTo(thisParent);
		var parentDiv = newDiv;
		newDiv = $('<ul></ul>');  
		newDiv.appendTo(parentDiv);
		//parentDiv = newDiv;
		return newDiv;
	}
	
	
	function createLi(name,url){
		var parentDiv;
		var newDiv;
		parentDiv = $('<li></li>');
		newDiv = $('<a>' +name+ '</a>');
		newDiv.attr('href',url);
		newDiv.appendTo(parentDiv);
		return parentDiv;
	}
	
	function createLiWithTarget(name,url,target){
		var parentDiv;
		var newDiv;
		parentDiv = $('<li></li>');
		newDiv = $('<a>' +name+ '</a>');
		newDiv.attr('href',url);
		newDiv.attr('target',target);
		newDiv.appendTo(parentDiv);
		return parentDiv;
	}