// Make sure that you include these in the head of the cls_lookandfeel.php page
/*
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
*/

// Don't forget to put onload="initialize" in the body tag
function initialize() {
	var latlng = new google.maps.LatLng(-37.24929, 174.951813);
	var settings = {
	zoom: 16,
	center: latlng,
	mapTypeControl: true,
	mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
	navigationControl: true,
	navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
	mapTypeId: google.maps.MapTypeId.ROADMAP
	};

	var map = new google.maps.Map(document.getElementById("map_canvas"), settings);
	
	// Putting in the markers
	var companyLogo = new google.maps.MarkerImage('/img/gmap_pin.png',
	new google.maps.Size(136,68),
	new google.maps.Point(0,0),
	new google.maps.Point(68,70)
	);
	var companyShadow = new google.maps.MarkerImage('/img/gmap_shadow.png',
	new google.maps.Size(136,681),
	new google.maps.Point(0,0),
	new google.maps.Point(50, 68)
	);
	var companyPos = new google.maps.LatLng(-37.24929, 174.951813);
	var companyMarker = new google.maps.Marker({
	position: companyPos,
	map: map,
	icon: companyLogo,
	shadow: companyShadow,
	title:"Franklin Architectural Design"
	});
}