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 submenu 1*/
		subMenuName = "Creative";
		parentDiv = createMenuName(parent,subMenuName); 
				
		/*element 1 of submenu1*/
		newDiv = createLi("PHOTOGRAPHERS","photographers.html");
		newDiv.appendTo(parentDiv);
		
		/*element 2 of submenu1*/
		newDiv = createLi("MAKE UP ARTIST","makeup_artist.html");
		newDiv.appendTo(parentDiv);
		
		/*element 3 of submenu1*/
		newDiv = createLi("DESIGNERS","designers.html");
		newDiv.appendTo(parentDiv);
		
		/*##########submenu ends##################################################*/
		
		/*Creating submenu 2*/
		subMenuName = "MODELS";
		parentDiv = createMenuName(parent,subMenuName);
				
		/*element 1 of submenu1*/
		newDiv = createLi("MEN","men.html"); 
		newDiv.appendTo(parentDiv);
		
		/*element 2 of submenu1*/
		newDiv = createLi("WOMEN","women.html");
		newDiv.appendTo(parentDiv);
		

		$('#jsddm > li').bind('mouseover', jsddm_open)
		$('#jsddm > li').bind('mouseout',  jsddm_timer)
	}
	
	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;
		
	}