// google maps object
	var map;
	
	// custom marker icon
	var icon = "/img/frontend/corel/maps.png";
	var infowindow;
	
	// initialze the map
	function initialize(lat, lng) {
		// center the map
		var latlng = new google.maps.LatLng(lat, lng);
		
		// set map options
		var myOptions = {
			zoom: 7,
			center: latlng,
			mapTypeId: google.maps.MapTypeId.ROADMAP
		}
		
		// output map
		map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
		
		// infowindow
		infowindow = new google.maps.InfoWindow({
			maxWidth: 200
		});
	}
	
	// add a marker to the map
	function createMarker(lat, lng, html) {
		// build lat/lng from float
		var point = new google.maps.LatLng(lat, lng);
		
		// build new marker
		var marker = new google.maps.Marker({
			position: point,
			map: map,
			icon: icon
		});
		
		// add onclick event for the marker
		google.maps.event.addListener(marker, 'click', function() {
			infowindow.open(map, marker);
			infowindow.setContent(html);
		});
	}