// JavaScript Document

var loaderFrame = '<div id="loader"><img src="images/loading.gif" alt="Loading" id="loader-image" /><br />Please Wait<br />Loading Image</div>';

var basePageHTML;
var basePageColour;

// Save anything already in the load queue into a function
var mapFunc = window.onload;
window.onload = function() {

	// Fire off previous items in queue first
	if (mapFunc) { mapFunc(); }
	
	basePageHTML = $('center-bar').innerHTML;
	basePageColour = $('center-bar').getStyle('background-color');

	$('travel-times-link').addEvent('click', function(event) {
		loadTTStd();
	});	

	$('nenw-lga-link').addEvent('click', function(event) {
		loadLGAStd();
	});	

}

function loadTTStd() {

	$('center-bar').setStyle('padding','0');
	$('center-bar').setStyle('width','400px');
	$('center-bar').setStyle('height','470px');
	$('center-bar').setStyle('overflow','hidden');
	$('center-bar').setStyle('border','#FFFFFF 1px solid');
	$('center-bar').setStyle('background-color','#FFFFFF');
	$('center-bar').setHTML(loaderFrame);
	
	var images = ['images/travel-times-medium.jpg'];
	new Asset.images(images, {
		onComplete: function(){
			$('center-bar').setStyle('cursor','default');
			$('center-bar').setHTML('<div id="normal-ttmap"></div><img src="images/zoom-in.jpg" alt="Zoom In" title="Click here to Zoom In" id="zoom-image" /><div id="map-footer"><img src="images/close.gif" alt="Close" title="Click here to Close" id="close-image" /></div>');
			
			$('zoom-image').addEvent('click', function(event) { loadTTLrg(); });								
			$('zoom-image').addEvent('mouseenter', function() { 
				$('zoom-image').addClass('hover'); });
			$('zoom-image').addEvent('mouseleave', function() { 
				$('zoom-image').removeClass('hover'); });
			
			Lightbox.init();
			
			$('close-image').addEvent('click', function(event) { closeMap(); });				
			$('close-image').addEvent('mouseenter', function() { 
				$('close-image').addClass('hover'); });
			$('close-image').addEvent('mouseleave', function() { 
				$('close-image').removeClass('hover'); });
		}	
	});

}

function loadTTLrg() {

	Lightbox.show('images/travel-times-large.jpg', 'Regional Travel Times');		
/*
	MOOdalBox.open( 
	"ttmap.php",
	"<strong>Regional Travel Times</strong>",
	"780 600"
	);
*/
}

function loadLGAStd() {

	$('center-bar').setStyle('padding','0');
	$('center-bar').setStyle('width','400px');
	$('center-bar').setStyle('height','470px');
	$('center-bar').setStyle('overflow','hidden');
	$('center-bar').setStyle('border','#FFFFFF 1px solid');
	$('center-bar').setStyle('background-color','#FFFFFF');
	$('center-bar').setHTML(loaderFrame);
	
	var images = ['images/nenw-lga-medium.jpg'];
	new Asset.images(images, {
		onComplete: function(){
			$('center-bar').setStyle('cursor','default');
			$('center-bar').setHTML('<div id="normal-lgamap"></div><div id="map-footer"><img src="images/close.gif" alt="Close" title="Click here to Close" id="close-image" /></div>');

			$('close-image').addEvent('click', function(event) { closeMap(); });
			$('close-image').addEvent('mouseenter', function() { 
				$('close-image').addClass('hover'); });
			$('close-image').addEvent('mouseleave', function() { 
				$('close-image').removeClass('hover'); });
		}	
	});

}

function closeMap() {

	$('center-bar').setStyle('cursor','default');
	$('center-bar').setStyle('height','auto');
	$('center-bar').setStyle('width','360px');
	$('center-bar').setStyle('border','0');
	$('center-bar').setStyle('padding','10px');
	$('center-bar').setStyle('padding-left','20px');
	$('center-bar').setStyle('padding-right','20px');
	$('center-bar').setStyle('background-color',basePageColour);
	$('center-bar').setHTML(basePageHTML);

}