// JavaScript Document

//var navColors = Array("#86c660", "#00aeef", "#feba12", "#f7941e", "#939598");
var navColors = Array("#86c660", "#3fcbff", "#00aeef", "#feba12", "#f7941e", "#939598");

// JavaScript Document
var timeout    = 500;
var closetimer = 0;
var ddmenuitem = 0;

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;
   }
}

$(function(){
	
	$("ul#jsddm > li").each(function(index){
		var val = $(this).text();	
		
		if(val.length > 10 && val.length < 22)
		{
			$(this).addClass("double_line");
		}
			$(this).css({"backgroundColor" : navColors[index - 1]});
	});
	
	$("ul#jsddm li ul li").each(function(){
		val = $(this).text();	
		if(val.length > 10)
		{
			$(this).addClass("double_line");
		}
	});
	
	   $("#jsddm li ul li:last-child").css({"borderBottom" : "none"});
	   $('#jsddm > li').bind('mouseover', jsddm_open);   
       $('#jsddm > li').bind('mouseout',  jsddm_timer);	
});

document.onclick = jsddm_close;