
dojo.addOnLoad(function() {
	var pluginEls = dojo.query(".tx_mobit_pi3");
	var debug = function(msg){
		dojo.byId('main').innerHTML += msg+'<br/>';
	}
	dojo.forEach(pluginEls,function(pluginEl){
		var mapEl = dojo.query("div.google_maps",pluginEl)[0];
		if (mapEl&&GBrowserIsCompatible()) {
			var infoDivEls = dojo.query('.tx_mobit_pi3-info span',pluginEl);
			var latitude = infoDivEls[0].innerHTML;
			var longitude = infoDivEls[1].innerHTML;
			var zoom = infoDivEls[2].innerHTML;
			if(!latitude||!longitude)return;
			var map = new GMap2(mapEl);
			map.addControl(new GLargeMapControl());
			map.addControl(new GMapTypeControl());
			map.addControl(new GScaleControl());
			map.setCenter(new GLatLng(parseFloat(latitude), parseFloat(longitude)), parseInt(zoom));
			dojo.forEach(dojo.query('.tx_mobit_pi3-gite',pluginEl),function(divEl){
				var isClicked = false;
				var giteE1 = dojo.query('.tx_mobit_pi3-gite-content',divEl)[0];
                                giteE1.style.display='none';
                                var content=giteE1.innerHTML;
				var latitude = dojo.query('.tx_mobit_pi3-gite-latitude',divEl)[0].innerHTML;
				var longitude = dojo.query('.tx_mobit_pi3-gite-longitude',divEl)[0].innerHTML;
				var point = new GLatLng(parseFloat(latitude),parseFloat(longitude));
				var baseIcon = new GIcon(G_DEFAULT_ICON);
				baseIcon.iconSize = new GSize(20, 34);
				baseIcon.image = 'fileadmin/templates/minisite/private/img/share/marker-red.png';
				var marker = new GMarker(point,{ icon:baseIcon });
				GEvent.addListener(marker,"mouseover", function() {
					marker.openInfoWindowHtml(content,null,{zoomLevel:parseInt(zoom)});
				});
				GEvent.addListener(marker,"click", function() {
					if(isClicked){
						isClicked = false;
						map.closeInfoWindow();
					}else{
						isClicked = true;
						marker.openInfoWindowHtml(content,null,{zoomLevel:parseInt(zoom)});
					}
					
				});
				GEvent.addListener(marker,"mouseout", function() {
					if(!isClicked){
						map.closeInfoWindow();
					}
				});
				map.addOverlay(marker);
			});
			dojo.forEach(dojo.query('.tx_mobit_pi3-ville',pluginEl),function(liEl){
				var title = dojo.query('.tx_mobit_pi3-title',liEl)[0].innerHTML;
				var introductionEl = dojo.query('.tx_mobit_pi3-introduction',liEl)[0];
				introductionEl.style.display='none';
				var introduction = introductionEl.innerHTML;
				var content = '<p class="baloontitle">'+title+'</p><span class="tx_mobit_pi3-introduction">'+introduction+'</span>';
				var latitude = dojo.query('.tx_mobit_pi3-latitude',liEl)[0].innerHTML;
				var longitude = dojo.query('.tx_mobit_pi3-longitude',liEl)[0].innerHTML;
				var point = new GLatLng(parseFloat(latitude),parseFloat(longitude));
				var baseIcon = new GIcon(G_DEFAULT_ICON);
				baseIcon.iconSize = new GSize(20, 34);
				baseIcon.image = 'fileadmin/templates/minisite/private/img/share/marker-blue.png';
								var marker = new GMarker(point,{ icon:baseIcon });
				GEvent.addListener(marker,"mouseover", function() {
					marker.openInfoWindowHtml(content,null,{zoomLevel:parseInt(zoom)});
				});
				GEvent.addListener(marker,"click", function() {
					if(isClicked){
						isClicked = false;
						map.closeInfoWindow();
					}else{
						isClicked = true;
						marker.openInfoWindowHtml(content,null,{zoomLevel:parseInt(zoom)});
					}
					
				});
				GEvent.addListener(marker,"mouseout", function() {
					if(!isClicked){
						map.closeInfoWindow();
					}
				});
                                
				var displayEl = dojo.query('.tx_mobit_pi3-display',liEl)[0];
				var hideEl = dojo.query('.tx_mobit_pi3-hide',liEl)[0];
				hideEl.style.display = 'none';
				dojo.connect(displayEl,'onclick',function(){
					map.addOverlay(marker);
					hideEl.style.display = '';
					displayEl.style.display = 'none';
				});
				dojo.connect(hideEl,'onclick',function(){
					map.removeOverlay(marker);
					hideEl.style.display = 'none';
					displayEl.style.display = '';
				});
			});
		}else{
			mapEl.style.display="none";
		}
	});
});
    