var timeout    = 350;
var closetimer = 0;
var ddmenuitem = 0;

function jsddm_open()
{  jsddm_canceltimer();
   jsddm_close();
   ddmenuitem = $(this).find('div').css('visibility', 'visible');
   
			if (ddmenuitem.attr('class')=="philosopy_link") 
			{
				
				   $("#philosopy_link").css("background-image","url(images/global/philo2.png)");
				$("#philosopy_link").css("border-bottom-width","10px");
				$("#philosopy_link").css("border-bottom-style","solid");
				$("#philosopy_link").css("border-bottom-color","#385f7e");	
				
			}
			else
			{
			   
				$("#work_link").css("background-image","url(images/global/work2.png)");
				$("#work_link").css("border-bottom-width","10px");
				$("#work_link").css("border-bottom-style","solid");
				$("#work_link").css("border-bottom-color","#385f7e");
			}

   }

function jsddm_close()
{  if(ddmenuitem) 
	{
	  $("#work_link").removeAttr("style");
	  $("#philosopy_link").removeAttr("style");
	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()
{  $('#middleonePan').bind('mouseover', jsddm_open)
   $('#middleonePan').bind('mouseout',  jsddm_timer)
   $('#middlethreePan').bind('mouseover', jsddm_open)
   $('#middlethreePan').bind('mouseout',  jsddm_timer)
   
   
   
   });

document.onclick = jsddm_close;