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 2*/
		subMenuName = "Digital";
		parentDiv = createMenuName(parent,subMenuName);
				
		/*element 1 of submenu1*/
		newDiv = createLi("MLS vs. EPL","epl.html"); 
		newDiv.appendTo(parentDiv);
		
		/*element 2 of submenu1*/
		newDiv = createLi("Coast Drums","coastdrums.html");
		newDiv.appendTo(parentDiv);
		
		newDiv = createLi("Sasquatch Typeface","sasquatch.html");
		newDiv.appendTo(parentDiv);
		
		newDiv = createLi("Kinetic Type","kinetic.html");
		newDiv.appendTo(parentDiv);
				
		/*element 3 of submenu1*/
		newDiv = createLi("Big Sky Station","bss.html");
		newDiv.appendTo(parentDiv);
		
		/*##########submenu ends##################################################*/
		
		
		
		/*Creating submenu 1*/
		subMenuName = "Print";
		parentDiv = createMenuName(parent,subMenuName); 
				
		/*element 1 of submenu1*/
		newDiv = createLi("1984","1984.html");
		newDiv.appendTo(parentDiv);
		
		newDiv = createLi("Outdoors NW","onw.html");
		newDiv.appendTo(parentDiv);
		
		newDiv = createLi("Pizza Bank","pizzabank.html");
		newDiv.appendTo(parentDiv);
		
		newDiv = createLi("Nicole Soper Photography","nsp.html");
		newDiv.appendTo(parentDiv);
		
		newDiv = createLi("Union","union.html");
		newDiv.appendTo(parentDiv);
		
		newDiv = createLi("Yager Vineyards","yager.html");
		newDiv.appendTo(parentDiv);
		
		/*element 2 of submenu1*/
		newDiv = createLi("Five Doors Up","5doorsup.html");
		newDiv.appendTo(parentDiv);
		
		newDiv = createLi("X-Type","xtype.html");
		newDiv.appendTo(parentDiv);
		
		newDiv = createLi("Januik Winery","januik.html");
		newDiv.appendTo(parentDiv);
		
		/*##########submenu ends##################################################*/
		/*Creating submenu 3*/
		subMenuName = "Contact";
		parentDiv = createMenuName(parent,subMenuName);
				
		/*##########submenu ends##################################################*/
		
		
		/*Creating submenu 4*/
		subMenuName = "Blog";
		parentDiv = createMenuName(parent,subMenuName);
		
		
		/*##########submenu ends##################################################*/
		$('#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;
	}