var timeout         = 500;
var closetimer		= 0;
var ddmenuitem      = 0;
var offen			= false;

function jsddm_open()
{	jsddm_canceltimer();
	jsddm_close();
	ddmenuitem = $(this).find('ul').eq(0).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(){
	$('#navi > li').bind('mouseover', jsddm_open);
	$('#navi > li').bind('mouseout',  jsddm_timer);
	
	$("input[name='name']").bind({
		mouseover: function() {
			$("span[rel='name']").animate({opacity: "0.8"}, 250);
		},
		mouseout: function() {
			$("span[rel='name']").animate({opacity: "0.0"}, 250);
		}
	});
	$("input[name='email']").bind({
		mouseover: function() {
			$("span[rel='mail']").animate({opacity: "0.8"}, 250);
		},
		mouseout: function() {
			$("span[rel='mail']").animate({opacity: "0.0"}, 250);
		}
	});
	$("input[name='work']").bind({
		mouseover: function() {
			$("span[rel='work']").animate({opacity: "0.8"}, 250);
		},
		mouseout: function() {
			$("span[rel='work']").animate({opacity: "0.0"}, 250);
		}
	});

	$("textarea").bind({
		mouseover: function() {
			$("span[rel='message']").animate({opacity: "0.8"}, 250);
		},
		mouseout: function() {
			$("span[rel='message']").animate({opacity: "0.0"}, 250);
		}
	});
	
	$('.sidebar li').last().addClass('last');
	$('.dropdown').prepend('<li class="top">&nbsp;</li>').append('<li class="btm">&nbsp;</li>');
	
	$("li[class='drop']").bind({					
			
		click: function() {
			
			var sel = $(this).attr("title");
			
			$("#" + sel).slideToggle(300);
			$(this).toggleClass("last");
			return false;
		}
	});

});

document.onclick = jsddm_close;