var sites = [
		['Salford', 53.4848, -2.3352, '<p style="line-height:1.2em"><span><a href="/contact-us/salford/">Salford Office</a></span><br />0161 787 9002</p>'],
		['Stockport', 53.4167,-2.1907, '<p style="line-height:1.2em"><span><a href="/contact-us/stockport/">Stockport Office</a></span><br />0161 429 7729</p>'],
		['Trafford', 53.4193, -2.3048, '<p style="line-height:1.2em"><span><a href="/contact-us/trafford/">Trafford Office</a></span><br />0161 905 1986</p>'],
		['Bolton', 53.5891, -2.4091, '<p style="line-height:1.2em"><span><a href="/contact-us/bolton/">Bolton Office</a></span><br />01204 365025</p>'],
		['Rochdale', 53.61, -2.1097, '<p style="line-height:1.2em"><span><a href="/contact-us/oldham/">Rochdale &amp; Oldham Office</a></span><br />01706 525361</p>'],
	];

    var latlng = new google.maps.LatLng(53.518431,-2.215805);
    var myOptions = {
		zoom:10,
		center: latlng,
		disableDefaultUI: true,
		panControl: true,
		panControlOptions: {
			position: google.maps.ControlPosition.TOP_RIGHT
		},
		zoomControl: true,
		zoomControlOptions: {
			position: google.maps.ControlPosition.TOP_RIGHT
		},
		mapTypeId: google.maps.MapTypeId.ROADMAP
    };
	
	
	function start() {
	
		var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
		infoBubble = new Array();
		
		for (var i = 0; i < sites.length; i++) {
			var site = sites[i];
			var siteLatLng = new google.maps.LatLng(site[1], site[2]);
			
			var marker = new google.maps.Marker({
				position: siteLatLng,
				map: map,
				html: site[3]
			});
			
			var infowindow = new google.maps.InfoWindow({
				content: "loading..."
			});

			google.maps.event.addListener(marker, 'click', function() {
				console.log(this);
				infowindow.setContent(this.html);
				infowindow.open(map,this);
			});

		}
	}	

if(window.addEventListener) {
	window.addEventListener("load", start, false);
} else if(window.attachEvent) {
	window.attachEvent("onload", start);
}