window.onDomReady(mapinit);

function mapinit() {
	var usmap = $('usmap');
	var iowamap = $('iowamap');
	var mapwrapper = $('mapwrapper');
		
	var usLink = new Element('a');
	usLink.setProperty('href', '#');
	usLink.innerHTML = 'Back to US Map';

	var iowaShowFx = new Fx.Styles(iowamap, {
		duration: 500,
		onComplete: function () {
			usLink.injectAfter('iowamap');
		}
	});
			
	var usHideFx = new Fx.Styles(usmap, {
		duration: 500,
		onComplete: function () {
			usmap.setStyle('display', 'none');
			
			iowamap.setStyles({
				display: '',
				position: 'relative'
			});

			iowaShowFx.start({
				opacity: [1]
			});
		}		
	});

	var iowaHideFx = new Fx.Styles(iowamap, {
		duration: 500,
		onComplete: function () {
			iowamap.setStyle('display', 'none');
			
			usmap.setStyles({
				display: '',
				position: 'relative'
			});

			usShowFx.start({
				opacity: [1]
			});
		}		
	});

	var usShowFx = new Fx.Styles(usmap, {
		duration: 500
	});


	usLink.addEvent('click', function (e) {
		var event = new Event(e);
		event.stop();
		event.target.blur();

		usLink.remove();

		iowaHideFx.start({
			opacity: [1, 0]
		});
	});


	var iowalink = $ES('map area', mapwrapper)[0];
	iowalink.addEvent('click', function (e) {
		var event = new Event(e);
		event.stop();
		event.target.blur();

		usHideFx.start({
			opacity: [1, 0]
		});

	});
}