var active = 1;

function LoadLocation()
{
	$('map2').style.display='none';
	Event.observe('maplink1','mouseover',function(e) { HighlightMap(1);});
	Event.observe('maplink1','mouseout',function(e) { DeHighlightMap(1);});
	Event.observe('maplink2','mouseover',function(e) { HighlightMap(2);});
	Event.observe('maplink2','mouseout',function(e) { DeHighlightMap(2);});
	
	Event.observe('maplink1','click',function(e) { SelMap(1);});
	Event.observe('maplink2','click',function(e) { SelMap(2);});
	
	
}

function SelMap(id)
{
	active=id;
	Effect.Appear($('map'+id));
	Effect.Fade($('map'+(id==1 ? '2' : '1')));
	$('maplink'+(id==1 ? '2' : '1')).className = 'maplink';
}

function HighlightMap(id)
{
	$('maplink'+id).className = 'maplink selected';
}
function DeHighlightMap(id)
{
	$('maplink'+id).className = 'maplink ' + (id==active ? "active" : "");
}
Event.observe(window,'load',function(e){LoadLocation();});