//var flashVersion      = '9.0.115.0';
var flashVersion      = '9.0.28.0';

var controllerHeight  = 33;

var videoPlayer, videoBase, imageBase;

var so;

//-----------------------------------------------------------------------------
// Create the 360 panorama
//-----------------------------------------------------------------------------
function init_pano(id, data)
{
	var sop = new SWFObject("deploy/Main.swf", "panorama-" + id, "936", "396", flashVersion, "#FFCC33");

	videoPlayer  = data.videoPlayer;
	videoBase   = data.videoBase;
	imageBase   = data.imageBase;

	sop.addParam("allowScriptAccess", "always");
	sop.addParam('wmode', 'transparent');

	var data2 = JSON.stringify(data);

	sop.addVariable("data", encodeURIComponent(data2));

	sop.write(id);
}

function init_pano2(id, data)
{
	var sop = new SWFObject("deploy/Main.swf", "panorama-" + id, "750", "396", flashVersion, "#FFCC33");

	sop.addParam("allowScriptAccess", "always");
	sop.addParam('wmode', 'transparent');

	var data2 = JSON.stringify(data);

	sop.addVariable("data", encodeURIComponent(data2));

	sop.write(id);
}


//-----------------------------------------------------------------------------
// Add a video.
//-----------------------------------------------------------------------------
function add_video(id, video, width, height, firstFrame, endFrame, endLink)
{
	so = new SWFObject(videoPlayer, id, width, height + controllerHeight, flashVersion, '#FF0000');

	so.addParam('scale',  'noscale');
	so.addParam('salign', 'tl');
	so.addParam('wmode',  'transparent');

	so.addVariable('videoURL',    videoBase + '/' + video);
	so.addVariable('videoWidth',  width);
	so.addVariable('videoHeight', height);

	if (firstFrame)
	{
		so.addVariable('firstFrameURL', imageBase + "/" + firstFrame);
	}

	if (endFrame)
	{
		so.addVariable('endFrameURL', imageBase + "/" + endFrame);
	}

	if (endLink)
	{
		so.addVariable('endFrameLink', 'http://www.savethechildren.es' + endLink);
	}

	so.write(id);
}


//-----------------------------------------------------------------------------
// Called from Flash when a hotspot is clicked.
//-----------------------------------------------------------------------------
function clickHotspot(id) {
	document.getElementById("panorama-flash-first").disable();

	$('#' + id).prepend('<div id="media"></div>');

	var mov = movies[id];

	if (mov)
	{
		// TODO : Get width and height from somewhere!
		//add_video('media', mov.movie, 423, 318, mov.startImage, mov.endImage, mov.link);
		add_video('media', mov.movie, mov.size[0], mov.size[1], mov.startImage, mov.endImage, mov.link);
	}

	$('#' + id).fadeIn();
}


//-----------------------------------------------------------------------------
// Handle 'close' function within popups.
//-----------------------------------------------------------------------------
$(function() {
	$('.popup-content').append('<a title="Close" href="#" class="close"><img alt="Close" src="/assets/images/btn-close.gif"></a>');

	$('.close').click(function() {
		$(this).parent().fadeOut(function() {
			$('#media').remove();
			document.getElementById("panorama-flash-first").enable();
		});
		
		return false;
	});
});