var winHeight;

$(document).ready(function(){
	$('#overlay').click(hideMap);
	$('#view_enlarged').click(showMap);
	$('#button_site_plan').click(showMap);
	$('img.button_diagram').click(showMap);
	$('img.button_diagram2').click(showMap2);
	$('img.button_diagram3').click(showMap3);
	$('img.button_diagram4').click(showMap4);
	$('#button_regional').click(function(){
		switchMap('#map_image2','#map_image1');
	});
	$('#button_local').click(function(){
		switchMap('#map_image1','#map_image2');
	});
	$('#button_close').click(hideMap);
	$('#button_close2').click(hideMap);
	$('#button_close3').click(hideMap);
	$('#button_close4').click(hideMap);
	$('#map_image2').hide();
});

function showMap(){
	$('#overlay').height($(document).height());
	$('#overlay').css('opacity', '.8');
	$('#overlay').css('display','block');
	$('#overlay').css('filter', 'alpha(opacity=80)');
	$('#map').css('display', 'block');
	maph = $('#map').height();
	winHeight = $(window).height();
	if(maph < winHeight){
		maph = Math.round(-1*(maph/2));
		$('#map').css('marginTop', maph + 'px');
	}else{
		$('#map').css('marginTop', '12px');
		$('#map').css('top', '0px');
	}

}
function showMap2(){
	$('#overlay').height($(document).height());
	$('#overlay').css('opacity', '.8');
	$('#overlay').css('display','block');
	$('#overlay').css('filter', 'alpha(opacity=80)');
	$('#map2').css('display', 'block');
	map2h = $('#map2').height();
	winHeight = $(window).height();
	if(map2h < winHeight){
		map2h = Math.round(-1*(map2h/2));
		$('#map2').css('marginTop', map2h + 'px');
	}else{
		$('#map2').css('marginTop', '12px');
		$('#map2').css('top', '0px');
	}
}
function showMap3(){
	$('#overlay').height($(document).height());
	$('#overlay').css('opacity', '.8');
	$('#overlay').css('display','block');
	$('#overlay').css('filter', 'alpha(opacity=80)');
	$('#map3').css('display', 'block');
	map3h = $('#map3').height();
	winHeight = $(window).height();
	if(map3h < winHeight){
		map3h = Math.round(-1*(map3h/2));
		$('#map3').css('marginTop', map3h + 'px');
	}else{
		$('#map3').css('marginTop', '12px');
		$('#map3').css('top', '0px');
	}
}
function showMap4(){
	$('#overlay').height($(document).height());
	$('#overlay').css('opacity', '.8');
	$('#overlay').css('display','block');
	$('#overlay').css('filter', 'alpha(opacity=80)');
	$('#map4').css('display', 'block');
	map4h = $('#map4').height();
	winHeight = $(window).height();
	if(map4h < winHeight){
		map4h = Math.round(-1*(map4h/2));
		$('#map4').css('marginTop', map4h + 'px');
	}else{
		$('#map4').css('marginTop', '12px');
		$('#map4').css('top', '0px');
	}
}
function hideMap() {
	$('#map').css('display','none');
	$('#map2').css('display','none');
	$('#map3').css('display','none');
	$('#map4').css('display','none');
	$('#overlay').css('display', 'none');
}
function switchMap(map,newmap){
	$(map).hide();
	$(newmap).fadeIn('slow');
}