var popactive =  false;
var popactiveid = null;

function popsetup(id, pos)
{   	var delaytimer = null;
 			var time = 500;
  		var hidedelay = 200;
  		var showing = false;
  		var shown = false;
	
			var distance = 30;
  		var popup = $('#pop_'+id);
  		var trigger = $('#txt_'+id);
  		
  		var xpos = 0;
  		if(pos == 'left')
  		{  xpos = 200;
			if(id = 63)		   
				popup.css('background-color', '#9CC974');
		}
  		else if(pos == 'center')
  		{  xpos = 450;
			if(id = 63)
				popup.css('background-color', '#7abce1');
		}
  		else if(pos == 'right')
  		{	xpos = 120;
			if(id = 63)
				popup.css('background-color', '#87ba94');
		}
  		  
  		//console.log(popup);
  		$([trigger.get(0), popup.get(0)]).mouseover(function()
  		{	if(delaytimer)
  				clearTimeout(delaytimer);
  				
  			if(showing || shown)
  			{	return;
  			}
  			else
  			{	showing = true;
  				
  			popup.css(
  			{  left: xpos, 
  			 	display: 'block',
  			 	opacity: 0
  			})
  			.animate(
  			{  left: '+=' + distance + 'px',
  				 opacity: 1
  			}, time, 'linear', function() 
  				{	showing = false;
  					shown = true;
  				});
  		  }
  	})
  	.mouseout(function() 
  	{	if(delaytimer) 
  			clearTimeout(delaytimer);
  			
  		delaytimer = setTimeout(function () 
  		{ delaytimer = null;
  		  popup.hide();
  		  shown = false;
  		  
  		  /*
  		  animate(
  			{ left: '-=' + distance + 'px',
  				opacity: 0
  			}, 1, 'swing', function() 
  					{ shown = false;
  						popup.css('display', 'none',
  											'z-index', '40');
  					});*/
  		}, hidedelay);
  	});							

}