// JavaScript supporting release popups - used in couple of pages...


	function infoEnter(el)
	{
		//get handle on the popup div and show it
		with (el.getNext())
		{
			setStyles({
			   display: 'block',
			   left: el.getLeft() ,
			   top: el.getTop()
			});
			
			setOpacity(0);

			var fadeFX = new Fx.Style(id, 'opacity', {
				duration: 500, 
				transition: Fx.Transitions.quartInOut
			});
			
			fadeFX.start(0.75);
		}
	}

	var gEl;
	function hideit()
	{
		gEl.setStyle('display', 'none');
	}
	
	function infoLeave(el)
	{
		//hide the popup!
		with (el)
		{

			var fadeFX = new Fx.Style(id, 'opacity', {
				duration: 300, 
				transition: Fx.Transitions.quartInOut
			});
			
			//hide when effect done. this is in case effect not supported
			//need to delay by dureationof effect if does happen (?)
			//MUST be better way to do it, couldn;t get settimeout working as i wanted :(
			gEl = el;
			setTimeout(hideit, 300);
			
			fadeFX.start(0);
		}
	}
	
	//set stuff up
	window.addEvent('domready', function()
		{
			//hide all the popups!
			$$(".relpop_holder").each(function(el) {
				el.setStyle('display', 'none');
				
				el.addEvents({
					'mouseleave': function(){infoLeave(el)}
				});
			});
			
			//add events to all the rollovers
			$$(".relinfo").each(function(el) {
			
				el.addEvents({
					'mouseenter': function(){infoEnter(el)}
				});
		});
			
			
			
		});