var markersArray = [];
var idarray = [];
var map;
var data;
var marker, i;
var infowindow = new google.maps.InfoWindow();
var h;

$(document).ready(function() {

	$("#btabout").fancybox({
		'type'				: 'iframe'
	});
	$('#btabout').click(function() {
		$('#fancybox-content').css('height','350');
		$('#fancybox-outer').css('height','370');
		$('#fancybox-wrap').css('height','370');
	});

	$("#btcity").fancybox({
		'type'				: 'iframe'
	});
	$('#btcity').click(function() {
		$('#fancybox-content').css('height','250');
		$('#fancybox-outer').css('height','270');
		$('#fancybox-wrap').css('height','270');
	});

	$("#addbutton").fancybox({
            'width'             : 680,
            'height'            : 630,
            'autoScale'         : false,
            'transitionIn'      : 'none',
            'transitionOut'     : 'none',
            'type'              : 'iframe'
	});
	$('#addbutton').click(function() {
		$('#fancybox-content').css('height','600');
		$('#fancybox-outer').css('height','620');
		$('#fancybox-wrap').css('height','620');
	});
	var hash = location.hash;
	if(hash){
		h = hash.replace( /^#/, '' );
	}

});
function addnewm(){
	if (markersArray) {
		for (i in markersArray) {
		  markersArray[i].setMap(null);
		}
  	}
	markersArray.length = 0;
	initialize();
}
function initialize() {
	var hash = location.hash;
	h = hash.replace( /^#/, '' );
	$.ajax({
		type: "POST",
		url: "apt/getcoords/all",
		success: function(d){

			var z;
			if(h){
				z = 13;
			}else{
				z = 11;
			}
			var latlng = new google.maps.LatLng(45.50, -73.60);
			var myOptions = {zoom: z,center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP};
		    map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);

			data = jQuery.parseJSON(d);
			
			for (i = 0; i < data.length; i++) {  
			  marker = new google.maps.Marker({
			  position: new google.maps.LatLng(data[i][0], data[i][1]),map: map});
			  marker.setMap(map);
			  markersArray.push(marker);

			  google.maps.event.addListener(marker, 'click', (function(marker, i) {
				return function() {
   				  infowindow.setContent(data[i][2]);
				  infowindow.open(map, marker);
				  location.hash = '#'+data[i][3];
				}
			  })(marker, i));
			  if(data[i][3]==h){google.maps.event.trigger(marker,'click');}
			}
			if(!h){			
				var markerCluster = new MarkerClusterer(map, markersArray);
			}
		}
	});
	/*
	$(function(){
		$(window).hashchange( function(){
		})
		$(window).hashchange();
	});
	*/
}