// JavaScript Document

var distance=30;
var time = 300;
var hideDelay = 1000;
var hideDelayTimer = null;
var shown = false;
var beingShown = false;;

$(function(){
	
	
	
	$('#userLoginIcon, #userLoginPane').mouseenter(
	  function(){
		 
		  if (hideDelayTimer) clearTimeout(hideDelayTimer);
		  if (shown || beingShown){
			  return false;
		  }else{
				beingShown = true;
				 
				$('#userLoginPane').css({
					 
					  top: $('#mainBanner').offset().top + 30,
					  left: $('#mainBanner').offset().left + 90,
					  display: 'block'
					  
					}).animate({
						
					  left:'+='+ distance + 'px',
					 /* top:'+='+ distance + 'px',*/
					  opacity: 1
					  
				}, time, 'swing', function(){
					
					beingShown=false;
					shown=true;
					
			 });
		  }
		  return false;
	  }).mouseleave(function(){
		  
		  if (hideDelayTimer) clearTimeout(hideDelayTimer);
		  hideDelayTimer = setTimeout(function(){
			  hideDelayTimer = null;
			  $('#userLoginPane').animate({
				  left:'+='+ distance + 'px',
				 /* top: '+='+ distance + 'px',*/
				  opacity:0
			  }, time, 'swing',function(){
				  shown = false;
				  $('#userLoginPane').css({
					  display:'none'
				  })
			  });
		  },hideDelay);
		  return false;
	  });
});