$(document).ready(function() {
	
	$("#smallMap").click(function() {
	   
	
		var $o = {
		fade:'fast',
		opacity:'0.7'
		};
		
		var _o = $(document.createElement('div')).css({display:'none',opacity:$o.opacity}).attr('id','overlay');
		
		$('body').append(_o);
		
		var _d = $(document.createElement('div')).addClass('preview_div').css({display:'none'});
		
		var _c = $(document.createElement('div')).addClass('close').attr('id', 'mapClose');
			
		var _img = '<img src="../../images/maplarge.jpg" border="0" width="497" height="398" />';
		var _cls = '<img src="../../images/close.png" border="0" width="14" height="15" />';
			
		_c.append(_cls);
			
		_d.append(_img).append(_c);
			
		_o.after(_d);
			
		_o.fadeIn($o.fade);
		_d.fadeIn($o.fade);
			
		_c.click(function(){_o.fadeOut($o.fade);
		_d.fadeOut($o.fade);
		_o.remove();
		$('body').focus();
		});
	
	});
	
});