var fadeSpeed = 400;
var theId;
$(document).ready(function(){
	$('body').append('<div id="mediaFader"></div><!-- media fader --><div id="googlePop"><div id="mediaBtnClose"><img src="images/backMediaClose.gif" width="34" height="34" alt="Close" title="Close"/></div><div id="googleMap"></div><!-- google map --></div><!-- google pop -->');	
	if($.browser.msie && $.browser.version == 6) {
		$('#mediaFader, #mediaContainer').css({
			position: 'absolute'
		});
		$('body').css('overflow-y','auto');
		$('html').css('overflow-y','hidden');
		$('#nav li').each(function(){ $(this).css('position','static'); });
	}

	$('.googlePopup').click(function(){
		theId = $(this).attr('id').replace('pop','');
		showPopup();
		return false;
	});
	
	
	$('#mediaFader, #mediaBtnClose').click(function(){ 
		$('#mediaFader').fadeOut(fadeSpeed); 
		$('#googlePop').fadeOut(fadeSpeed);
		if($.browser.msie && $.browser.version == 6) {
			$('select').each(function(){
				$(this).show();
			});
		}
		return false;
	});



});



function showPopup(){
	if($.browser.msie && $.browser.version == 6) {
		$('select').each(function(){
			$(this).hide();
		});
	}
	$('#mediaFader').fadeIn(fadeSpeed,function(){ loadContent(); });
};


function loadContent(){
	var heading = $('#popCode'+theId+'').html();
		
	$('#googleMap').fadeOut(fadeSpeed,function(){ $(this).empty().append(heading).fadeIn(fadeSpeed);});
	$('#googlePop').fadeIn(fadeSpeed);
};