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

$(document).ready(function()
{  $('#jsddm > li').bind('mouseover', jsddm_open)
   $('#jsddm > li').bind('mouseout',  jsddm_timer)
   $('#jsddm  > li a').bind('click',  jsddm_close)
});

document.onclick = jsddm_close;






// just the hover part will be here
            $("#jsddm  > li a").hover(function (){

					$(this).data("OrigBg",$(this).css("background-color"));
					$(this).data("OrigBgC",$(this).css("color"));
					$(this).animate({color:"white",backgroundColor:"#b9bf43"}, 200);
            },function () {
                        //Fade back to teh original color
						original = jQuery(this).data("OrigBg");
						originalC = jQuery(this).data("OrigBgC");

							if ($(this).is('.isactive')) {
							//#this id has the class
							} else {
							$(this).animate({color:originalC,backgroundColor:original}, 300, function(){
							$(this).removeAttr('style');
							});
							}
});



changemenu('1');