var map;


window.addEvent('domready', function() {	

	if ($('banner')) {
		var s = new SliderFade('banner', ['banner1.jpg','banner3.jpg','banner7.jpg','banner5.jpg','banner6.jpg','banner2.jpg', 'banner8.jpg', 'banner9.jpg', 'banner4.jpg'], 'http://www.perignat-les-sarlieve.fr/templates/01/images/');
	}
	
	if ($('agendaRub')) {
		var reqNews = new Request({method : 'get', 
										url : $('agendaRubMairie').get('href'),
										onComplete: function(response) { $('agendaContent').set('html', response); }
									   }).send();
		$$('#agendaRub a').each(function(item, i) {
			item.addEvent('click', function(e) {
			e.stop();
			var reqNews = new Request({method : 'get', 
										url : this.get('href'),
										onComplete: function(response) { $('agendaContent').set('html', response);}
									   }).send();

			if (this.get('id') == 'agendaRubMairie') {
				$('agendaContent').removeClass($('agendaContent').get('class'));
				$('agendaContent').addClass('mairie');
			}
			else if (this.get('id') == 'agendaRubCulture') {
				$('agendaContent').removeClass($('agendaContent').get('class'));
				$('agendaContent').addClass('culture');
			}
			else {
				$('agendaContent').removeClass($('agendaContent').get('class'));
				$('agendaContent').addClass('sports');		
			}
			});
		});
	}
	
	if (Browser.Engine.name == 'trident' && Browser.Engine.version == 4) {
			$$('#main_navigation > li').each(function(i, e) {
				i.addEvents({
					'mouseenter': function () {
						this.set('class', this.get('class')+'_over over');
					},
					'mouseleave' : function () {
						this.set('class', this.get('class').replace(/^(.*)_over\sover$/,'$1'));
					}
				});
			});
		}
	});


var SliderFade = new Class ({
	Implements: Options,

	options : {
		imageTime	:	4000,
		fadeTime	:	1500
	},
	
	initialize : function (container, images, path, options) {
		this.setOptions(options);
		this.container = $(container);
		
		this.images = images.map(function(url) {
			return new Element('img', 
							   {'src' : path+url,
							    'width' : '100%', 'height': '100%',
								'tween' : {duration : this.options.fadeTime}
							   });
		}, this);

		this.index = 0;
		this.currentImage = this.images[this.index].inject(container);
		this.fade.periodical(this.options.imageTime + this.options.fadeTime, this);
	},
	
	fade : function () {
		this.index = (this.index + 1) % this.images.length;
		this.lastImage = this.currentImage;
		
		this.currentImage = this.images[this.index].fade('hide').inject(this.container).fade('in');
	}
});



function initialize() {
	if (GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById("map"));
    
		var center = new GLatLng(45.73582616043304,3.138720989227295);
		map.setCenter(center, 13);
		map.setUIToDefault();
		
		var markers = [];
		
		var latlng = [];
		var targetCnt = '';
		if (document.URL.indexOf("lat=")) {
			var targetLat = document.URL.replace(/^.*\?lat\=([0-9.]+)&lng\=([0-9.]+)$/g,"\$1-\$2");
			latlng = targetLat.split('-');
		}
	
		var xmlFile = "../include/carte-perignat-les-sarlieve.xml";
		GDownloadUrl (xmlFile, function (data, responseCode) {
			var docXml = GXml.parse(data);
			
			var entity = docXml.documentElement.getElements("commercant");
			entity.each(function(item, index) {	
				var id = parseInt(item.get('id'));
				var lat = (item.getElement('lat')).get('text'); var lng = item.getElement('lng').get('text');
				var point = new GLatLng(parseFloat(lat),parseFloat(lng));
			
				markers[id] = new GMarker(point);
				GEvent.addListener(markers[id], 'click', function () {
					markers[id].openInfoWindowHtml('<p><b>'+item.getElement('type').get('text')+'</b><br/><span class="map_entete">'+item.getElement('libelle').get('text')+'</span><br/>'+
													 item.getElement('adresse').get('text')+'<br/>'+item.getElement('cpville').get('text')+'<br/><br/>Téléphone : <b>'+
													 item.getElement('telephone').get('text')+'</b><br/>'+
													 'Mobile : <b>'+((item.getElement('mobile').get('text') == '')?'non communiqué':item.getElement('mobile').get('text'))+'</b><br/>'+
													 'Mel : <b>'+((item.getElement('email').get('text') == '')?'non communiqué':'<a href="mailto:'+item.getElement('email').get('text')+'">'+item.getElement('email').get('text')+'</a>')+'</b>');
				});

				map.addOverlay(markers[id]);

				if (parseFloat(latlng[0]) == parseFloat(lat) && parseFloat(latlng[1]) == parseFloat(lng)) {
					GEvent.trigger(markers[id], 'click');
				}
			});
		});
		
	}
}