Google maps problem

JavaScript
1

hi,
i have a page like:


<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>GoogleMap</title>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.1.js'></script>
	<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js'></script>
	<script type='text/javascript' src='blur.min.js'></script>

	<style type='text/css'>
		body{
			margin:0;
			padding:0;
			color:#fff;
			font-family:arial;
			text-shadow:0 2px 2px #000;
			
			background:top left no-repeat;
			background-image:url('imajlar/Screen%20Shot%202013-06-10%20at%201.52.21%20PM%20(2).png');
			
		}
		.circle{
			margin:0;
			-webkit-box-shadow:0 0 5px #CCC, 0 0 400px #fff inset;
			-moz-box-shadow:0 0 5px #CCC, 0 0 400px #fff inset;
			box-shadow:0 0 5px #CCC, 0 0 400px #fff inset;
			-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=400,Direction=0,Color='#fff')";
			filter:progid:DXImageTransform.Microsoft.Shadow(Strength=400,Direction=0,Color='#fff');

			width:250px;
			height:315px;			
		cursor:default;
		}
	</style>
</head>
<body>
	<div class="circle">
    	<div class="iletisim" align="center">
                        	<img src="imajlar/ILETISIM/adres.png" name="address" style="margin-top:40px; margin-bottom:10px;"/>
                        </div>
						<div class="telephone" align="center">
                        	<img src="imajlar/ILETISIM/tel-fax.png" name="telephoneandfax" style="margin-bottom:10px;"/>
                        </div>
                        <div class="maps" align="center">
                        <a href="https://maps.google.com/maps/ms?msa=0&amp;msid=213710056391168101473.0004de675e2aaab352935&amp;hl=tr&amp;ie=UTF8&amp;t=m&amp;ll=40.982717,29.066316&amp;spn=0.002551,0.008615&amp;z=17&amp;output=embed">
                        	<img src="imajlar/ILETISIM/harita.png" name="telephoneandfax" style="margin-bottom:10px;"/>
                            </a>
                        </div>
						<div class="mail" align="center">
                        	<a href="mailto:grafik@terranartworks.com">
                            	<img src="imajlar/ILETISIM/mail.png" name="mail"/>
                            </a>
                        </div>
    </div>
	<script type="text/javascript">
		$(document).ready(function(){
			$('.circle').blurjs({
				draggable: false,
				overlay: 'rgba(255,255,255,0.1)',
			});
		});
	</script>

</body>
</html>

i want to add a link up to map and somewhere that i clicked at the map photo,i want to load original google map page.then when i click a button,the original map should return to its first position,i mean to which picture and communication infos page.
i insert <a> tag after the body tag but it didn’t do what i wanted.
is there any solution for this problem?