var ajaxPopup;
var divPopupContent;
var divPopupWorking;
var divPopupClose;
var popupOpen = false;

function initPreview() {
	divPopupContent = document.getElementById('popup-data');
	divPopupWorking = document.getElementById('popup-working');
	divPopupClose = document.getElementById('popup-close');
	divPopupContent.innerHTML = '';
	ajaxPopup = getNewXMLHttp();
}


function displayPreview(escort) {
	initPreview();
	divPopupContent.style.display = 'none';
	document.getElementById('popup').style.display = 'block';
	document.getElementById('layer1').style.display = 'none';
	
	var fadeInFx = new Fx.Elements
	(
		$$('#popup #popup-bg-fill'), 
		{
			onComplete: function()
			{
				document.getElementById('layer1').style.display = 'block';
	        	var heightMorph = new Fx.Morph
	        	(
		        	'layer1', 
		        	{
		        		onComplete: function() 
		        		{
		        			var widthMorph = new Fx.Morph
		        			(
		        				'layer1', 
			        			{
			        				onComplete: function() 
			        				{
					        			popupOpen = true;
					        			divPopupClose.style.display = 'block';
					        			divPopupWorking.style.display = 'block';
					        			url = "/slideshow.php";
										str = "escort=" + escape(escort);
												
										ajaxPopup.open("POST", url, true);
										ajaxPopup.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");	    
										ajaxPopup.onreadystatechange = displayPreviewComplete;	
										ajaxPopup.send(str);
					        		}, 
				        			duration: 300, 
				        			transition: Fx.Transitions.Sine.easeOut
				        		}
				        	);
							widthMorph.start({
								width: '890px',
								marginLeft: '-450px',
								border: '0px'
							});
								
			        	},	        	
		        		duration: 200, 
		        		transition: Fx.Transitions.Sine.easeOut
		        	} 
		        );
				heightMorph.start({
					height: '600px',
					marginTop: '-300px'
				});	
		    },
	    	duration: 200, 
	    	transition: Fx.Transitions.Sine.easeOut
		}
	);
	fadeInFx.start({ '0': { 'opacity': [0,0.75] } });
	return false;
}


function displayPreviewComplete() {
	if(ajaxPopup.readyState != 4) return;	
		
	var text = String(ajaxPopup.responseText);
	divPopupContent.innerHTML = text;
	divPopupContent.innerHTML += '<div id="slideshow-player-div"><object data="/Assets/Player/player.swf?inVol=50&snd=/Assets/bgsound.mp3" type="application/x-shockwave-flash" width="20" height="20"><param name="movie" value="/Assets/Player/player.swf?inVol=50&snd=/Assets/bgsound.mp3" /><param name="wmode" value="transparent" /><param name="menu" value="false" /></object></div>';

//	alert(divPopupContent.innerHTML);

	var myGallery = new gallery( $('popup-content'), { 
		timed: true,
		delay: 3000,
		fadeDuration: 500,
		showArrows: true,
		showCarousel: false,
		embedLinks: false,
		useHistoryManager: false,
		useThumbGenerator: false,
		showInfopane: true,
		slideInfoZoneSlide: false,
		titleSelector: "span",
		slideInfoZoneOpacity: 0,
		defaultTransition: "crossfade"
	} );

	divPopupWorking.style.display = 'none';
	divPopupContent.style.display = 'block';	
}

function closePreview() {
	if(!popupOpen) return;
	
	initPreview();
	
	divPopupContent.style.display = 'none';
	divPopupWorking.style.display = 'none';
	divPopupClose.style.display = 'none';
    divPopupContent.innerHTML = ''; 			

	var sizeMorph = new Fx.Morph('layer1', {
     	onComplete: function() {
     		document.getElementById('layer1').style.display = 'none';
     		var myFx = new Fx.Elements($$('#popup #popup-bg-fill'), {
				onComplete: function(){
        			document.getElementById('popup').style.display = 'none';
        			popupOpen = false;
    			},
    			duration: 300, transition: Fx.Transitions.Sine.easeOut
			});
			myFx.start({ '0': { 'opacity': [0.75, 0] } });	
     	}, 
     	duration: 500, transition: Fx.Transitions.Sine.easeOut
     	} );
	sizeMorph.start({
		width: ['890px', '10px'],
		height: ['600px', '10px'],
		marginLeft: ['-450px', '0px'],
		marginTop: ['-300px', '0px']
	});
}