var maps = new Array();	
var controls = new Array();	
	
	function initialize() {
      if (GBrowserIsCompatible()) {
      	var count = document.getElementById('map_listings').count.value;
      	var elem = document.getElementById('map_listings').elements;
      	
		for( k = 1 ; k <= count ; k++)
		{
	        var map = new GMap2(document.getElementById("map_canvas" + k))
	        maps[maps.length] = map;
	        var lat = parseFloat(elem[(2*k)-1].value);
	        var lon = parseFloat(elem[(2*k)].value);
	        var point = new GLatLng( lat , lon );
    	    map.setCenter(point, 13);
        	map.addOverlay(new GMarker(point));
     	   map.addControl(new GSmallMapControl());    
     	   toggle1(2,k);//fixes layer issue
        }
      }
    }

	function toggle1(type,id)
	    {
	    	if( type == 1)
	    	{
	 		   	var size = 400;
	 		   	var pad = 250;
	 		   	var control = new GMapTypeControl();
	 		   	maps[id-1].addControl(control);
	 		   	controls[id-1] = control;
   		 		document.getElementById('toggle' + id).innerHTML = '<button onClick=\"toggle1(2,' + id + ')\">smaller view</button>';
   		 	}
   		 	else
   		 	{
	 		   	var size = 150;
	 		   	var pad = 0;
	 		   	maps[id-1].removeControl(controls[id-1]);
   		 		document.getElementById('toggle' + id).innerHTML = '<button onClick=\"toggle1(1,' + id + ')\">larger view</button>';   		 	
   		 	}

   		 	document.getElementById('map_canvas' + id).style.width = size + 'px';
   		 	document.getElementById('map_canvas' + id).style.height = size + 'px';
   		 	document.getElementById('holder' + id).style.width = size + 'px';
   		 	
   		 	document.getElementById('holder' + id).style.marginBottom =  "-" + pad + 'px';
   		 	document.getElementById('holder' + id).style.top = "-" + pad + 'px';
   		 }