/*---------------------------------------------------------
  JavaScript behavior for Six Flags maps portfolio page
-----------------------------------------------------------*/

Script.include('/javascript/widgets.js');

Event.onDOMReady(function()
{
	new Insertion.Bottom(document.body, '<div id="iwindow"><a href="#" id="close-iwindow">Close</a><div id="map-frame"></div></div>');

	iWindow = $('iwindow');
	iWindow.hide();
	
	$('close-iwindow').observe('click', function(e)
	{
		Event.stop(e);
		iWindow.hide();
	});
	$('close-iwindow').onclick = function() { return false; };
	
	$A($('view-detail').getElementsByTagName('a')).each(function(el)
	{
		$(el).observe('click', function(e)
		{
			Event.stop(e);
			
			var frame = $('map-frame');
			
			frame.update('<img src="'+el.href+'" width="2300" height="1533" id="scrollable-map" />');
			iWindow.show();
			
			frame.setStyle({width: Math.round(window.getDimensions().width*.85) + 'px', height: Math.round(window.getDimensions().height*.85) + 'px'});
			
			new Scrollable('scrollable-map', {within: frame});
		});
		
		el.onclick = function(){ return false; };
	});
});