(function($){  

var settings;


var map = false;
var geocoder = false;
var tabPolyRegions 	= new Array();
var tabPolyDept 	= new Array();
var zoomLevel		= 'region';
var initFinished 	= false; //sera mis a true une fois l'objet initialisé, en attendant certains fonctions se rappellerons elles mem en timeout

var timeoutHideCartoMetaData 	= null;
var populizeTimeout 			= null;
var regexSanitizer 				= new RegExp(/([^A-Za-z0-9]+)/g);

function init(options, domObj) {
	
	settings = jQuery.extend({ 
		option	: 'unused' 
	}, options);
   
   initControllers();	
   
   //en dernier
   initFinished = true; 
}	



function initGoogleMap() {
   if (map || ! GBrowserIsCompatible()) {
    	return ;
   }
   
   
   
   map = new GMap2($("#google-map-canvas").get(0));
   map.setCenter(new GLatLng(46.227638,2.213749), 6);
   
   map.setUIToDefault();   
   //map.enableGoogleBar();

   geocoder = new GClientGeocoder();
   
   $(window).unload(function() {
		GUnload();
	});
}

/**
 * initialise les listes region et dept + les events sur ceux ci
 * 
 * @return
 */
function initControllers() {
	
	
	$('#cartoRegionData')
		//.hide('fast')
		.find('li')
			//.uiHover()
			.click(function(){
				regionClicked(this, true);
			})
			
			.mouseover(function() {
				
				var regionNameFormated = $(this).find('.region').text().replace(regexSanitizer, '-');
				$('#regionHovered').attr('src', "/images/carteFrance/"+$('#map-Region-'+regionNameFormated).attr('id')+".gif");
			})
			
	;
	
	$('#cartoDepartementData')
		.find('li')
			//.hide('fast')
			//.uiHover()
			.click(function(){
				var current_departement = $(this).text();
				var regionDom			= $('#cartoRegionData li:has(.region[title="'+$(this).find('.region').attr('title')+'"])');
				if ($(this).hasClass('menu')) {
					showRegions();
					//$('#cartoRegionData li:has(.region[title="'+$(this).find('.region').attr('title')+'"])').click();
				} else {
					departementClicked(this, regionDom, true);
				}
				
				//departementClicked(this, regionDom);
			})
			
			.mouseover(function() {
				try {
					var deptNameFormated = $(this).find('.departement').attr('title').replace(regexSanitizer, '-');
					var regionNameFormated = $(this).find('.region').text().replace(regexSanitizer, '-');
					var nbResults = $('#vcard-departement-'+deptNameFormated+' .nbResult').text();
					if (nbResults && $.trim(nbResults) != '') {
						$('#regionHovered-'+regionNameFormated).attr('src', "/images/carteFrance/regions/images/map-Departement-"+deptNameFormated+".gif");				
					} else {
						$('#regionHovered-'+regionNameFormated).attr('src', "/images/carteFrance/regions/images/map-Departement-"+deptNameFormated+"-off.gif");
					}
				} catch(e) {}	
			})
			
			.filter('.menu.back.icon')
				.html('<span class="ui-icon ui-icon-closethick" />')
				.click(function() {
					showFranceCliked(true);			
				})
	;
	
	$('#mapRelativeContainer').mouseenter(function() {
		$('#cartoMetaData')
			.stop()
			.find('.zoomActif')
				.css({display:'block'})
			.end()
			.css({display:'block'})
			.animate({opacity:0.8, width: '250px'}, 400, function() {
				//$(this).css({overflow: 'scroll'});		
			});	
	});
	
	$('#mapRelativeContainer').mouseleave(function() {
		if (timeoutHideCartoMetaData) {
			clearTimeout(timeoutHideCartoMetaData);
		}
		timeoutHideCartoMetaData = setTimeout(function() {
			$('#cartoMetaData').stop().animate({ width: '0px', opacity:'0'});
		}, 150);
	});
	
	$('#testmap_01_Map')
		.mouseout(function() {
			$('#regionHovered').attr('src', "/images/carteFrance/__transparent.gif");
		})
		.find('area')
			.mouseover(function() {
				var regionNameFormated = $(this).attr('id').replace('map-Region-', '');
				
				var domRegion = $('#vcard-region-'+regionNameFormated);
				var nbResults = domRegion.find('.nbResult').text();
				
				if ((nbResults && $.trim(nbResults) != '') || ($('#resultatRecherche').length == 0) && domRegion.length > 0) {
					$('#regionHovered').attr('src', "/images/carteFrance/"+$(this).attr('id')+".gif");
					$('#detail-area-hovered').removeClass('no-result');
				} else {
					$('#regionHovered').attr('src', "/images/carteFrance/"+$(this).attr('id')+"-off.gif");
					$('#detail-area-hovered').addClass('no-result');
				}
				
			}).click(function() {
				var regionNameFormated = $(this).attr('id').replace('map-Region-', '');
				var domRegion = $('#vcard-region-'+regionNameFormated);
				var nbResults = domRegion.find('.nbResult').text();
				if (domRegion.length > 0 && (domRegion.length > 0 || $('#resultatRecherche').length == 0)) {
					regionClicked($('#vcard-region-'+regionNameFormated), true);
				}
				
				return false;
			}).mousemove(function(e) {
				var clientCoords = "( " + e.clientX + ", " + e.clientY + " )";
				var regionNameFormated = $(this).attr('id').replace('map-Region-', '');
				
				var nbResults = $('#vcard-region-'+regionNameFormated+' .nbResult').text();
				if (nbResults && $.trim(nbResults) != '') {
					var nbResultsHtml = nbResults;
				} else {
					if ($('#resultatRecherche').length == 0) {
						var nbResultsHtml = '';
					} else {
						var nbResultsHtml = '(0)';
					}
				}
				
				$('#detail-area-hovered')
					.stop()
					.find('.lieux')
						.text(regionNameFormated)
					.end()
					.find('.nombre')
						.text(nbResultsHtml)
					.end()
					.css({
						position:'absolute'
						, display:'block'
						, opacity:1
						, left:(parseInt(e.pageX)+5)+'px'
						, top:(parseInt(e.pageY)-5)+'px'
					})
				;		
			}).mouseleave(function(){
				$('#detail-area-hovered').stop().fadeOut('fast');
		    })
	 ;
	
	//pour etre certain qu'il soit bien positionné par raport au body
	$('#detail-area-hovered')
		.remove()
		.appendTo("body")
		.mouseover(function() {
			if (timeoutHideCartoMetaData) {clearTimeout(timeoutHideCartoMetaData);}
		})
	;
	
	$('#btn-retours-carte-france').click(function() {
		
		var current_region 			= $("#lieux_region").val();
		var current_departement 	= $("#lieux_departement").val();
		var current_ville 			= $("#lieux_ville").val();
		
		if ( zoomLevel == 'ville' || ((current_ville) || current_ville != '')) {
			zoomTo = 'dept';
		} else if ( ((current_departement) || current_departement != '')) {
			zoomTo = 'region';
		} else {
			var zoomTo = 'default';
		}
		
		switch (zoomTo) {
			case 'dept' :
				zoomLevel = 'dept';
				$('#lieu, #lieu-proxy').val(current_departement+', '+current_region+", france");
				jQuery.cmsAutoCompleteFillFormLieux({region:current_region, pays:'france', departement:current_departement});
				$('#lieu-proxy').val(current_departement+', '+current_region+", france");
				$('.formAjax.resaForm').submit();
				break;
			case 'region' :
				zoomLevel = 'region';
				$('#lieu, #lieu-proxy').val(current_region+", france");
				jQuery.cmsAutoCompleteFillFormLieux({region:current_region, pays:'france'});
				$('#lieu-proxy').val(current_region+", france");
				$('.formAjax.resaForm').submit();
				break;
			default :
				zoomLevel = 'default';
				$('#lieu, #lieu-proxy').val("france");
				jQuery.cmsAutoCompleteFillFormLieux({pays:'france'});
				$('#lieu-proxy').val("france");
				showFranceCliked(true);
				break;
				
		}
	});
}



function showRegions() {
	$('#cartoDepartementData')
		.removeClass('zoomActif')
		.slideUp('fast', function() {
			$('#cartoRegionData')
				.addClass('zoomActif')
				.slideDown()
			;
		})
	;
	//$('#mapRelativeContainer').mouseenter();
	
}


/**
 * reprend la meme syntaxe que regionCLiked et departementCliked car fait la meme chose bien qu'on ai pas de liste de la france... vu qu'iln'y a que la france 
 * 
 * @param bool forceMoteur si a true ou undefined, on fait comme si l'interneaute avait selecitonné le dpt sur la carte, avec remplissage du formulaire des lieux     
 *
 */
function showFranceCliked(forceMoteur) {
	zoomLevel = 'region';
	
	$('#cartoDepartementData').removeClass('zoomActif').slideUp();
	$('#cartoRegionData').addClass('zoomActif').slideDown();	
	$('.mapRegionContainer.mapContaineur').hide('fast');
	$('#mapAbsoluteContainer').show('fast');
	$('#cartoVilleData').removeClass('zoomActif').hide('fast');
	
	if (forceMoteur) {
		$('#lieu, #lieu-proxy').val('');
		jQuery.cmsAutoCompleteFillFormLieux({region:'', pays:'france'});
		$('.formAjax.resaForm').submit();
	}
		
	$('#btn-retours-carte-france').fadeOut('fast');
	$('#regionHovered').attr('src', "/images/carteFrance/__transparent.gif");
}

/**
 * a ce niveau, on veut montrer les departements
 * donc on cache menu et overlay region
 * et on affiche menu et overlay departement
 * 
 * @param dom regionDom
 * @param bool forceMoteur si a true ou undefined, on fait comme si l'interneaute avait selecitonné le dpt sur la carte, avec remplissage du formulaire des lieux     
 * @return
 */
function regionClicked(regionDom, forceMoteur) {
	zoomLevel = 'dept';
	
	var current_region = $(regionDom).find('.region').text();
	var current_regionSanitized = $(regionDom).find('.region').text().replace(regexSanitizer, '-');
	//console.debug($(regionDom).find('.region').attr('title'), regionDom);
	
	//on modifie le menu
	$('#cartoRegionData')
		.removeClass('zoomActif')
		.slideUp('fast', function() {
			$('#cartoDepartementData')
				.addClass('zoomActif')
				.find('li')
					.hide('fast')
					.filter('.menu.back')
						.attr('title', $(regionDom).find('.region').attr('title'))
						.show('fast')
					.end()
					.filter('li:has(.region[title="'+$(regionDom).find('.region').attr('title')+'"])')
						.show('fast')
					.end()
				.end()
				.slideDown()
			;			
		})
	;
	$('#cartoVilleData').removeClass('zoomActif').hide();
	$('#cartoDepartementData li.menu.back.icon')
		.html('<span class="ui-icon ui-icon-closethick" />')
		.append($('<span>').text($(regionDom).find('.region').text()))
	;
		
	
	if (forceMoteur && current_region) {
		$('#lieu, #lieu-proxy').val(current_region+", france");
		jQuery.cmsAutoCompleteFillFormLieux({region:current_region, pays:'france'});
		$('.formAjax.resaForm').submit();
	}
		
	
	// et on charge la carte des departemnts de la region, en verifiant tout de meme avant si elle a pas deja ete chargée :
	if (current_region && $('#mapRegionContainer-'+current_regionSanitized).length == 0) {
		$.ajax({
			url 		: '/images/carteFrance/regions/'+current_regionSanitized+'.html'
			, dataType 	: 'html'
			, type 		: 'get'
			, success 	: function(htmlResponse) {		

				$('#mapAbsoluteContainer')
					.hide('fast')
					.after(htmlResponse)
				;
				$('#mapRegionContainer-'+current_regionSanitized+' area')
					.mouseover(function() {
						
						
						var deptNameFormated = $(this).attr('id').replace('map-Departement-', '');
						
						var nbResults = $('#vcard-departement-'+deptNameFormated+' .nbResult').text();
						if ((nbResults && $.trim(nbResults) != '') || $('#resultatRecherche').length == 0) {
							$('#regionHovered-'+current_regionSanitized).attr('src', "/images/carteFrance/regions/images/"+$(this).attr('id')+".gif");
							$('#detail-area-hovered').removeClass('no-result');
						} else {
							$('#regionHovered-'+current_regionSanitized).attr('src', "/images/carteFrance/regions/images/"+$(this).attr('id')+"-off.gif");
							$('#detail-area-hovered').addClass('no-result');
						}
						
						
					}).click(function() {
						var deptNameFormated = $(this).attr('id').replace('map-Departement-', '');
						var deptDom				= $('#vcard-departement-'+deptNameFormated);
						var regionDom			= $('#cartoRegionData li:has(.region[title="'+$(deptDom).find('.region').attr('title')+'"])');
						//console.debug(deptNameFormated, $('#vcard-departement-'+deptNameFormated), $('#vcard-departement-'+deptNameFormated).get(0));
						
						departementClicked(deptDom, regionDom, true);
						
						return false;
					}).mousemove(function(e) {
						
						var deptNameFormated = $(this).attr('id').replace('map-Departement-', '');
						
						var nbResults = $('#vcard-departement-'+deptNameFormated+' .nbResult').text();
						if (nbResults && $.trim(nbResults) != '') {
							var nbResultsHtml = nbResults;
						} else {
							if ($('#resultatRecherche').length == 0) {
								var nbResultsHtml = ''; //si y'a pas de resultat affichés, alors ce sera toujorus 0 resultats, meme si en fait, il y en a
							} else {
								var nbResultsHtml = '(0)';
							}
							
						}
						
						
						$('#detail-area-hovered')
							.stop()
							.find('.lieux')
								.text(deptNameFormated)
							.end()
							.find('.nombre')
								.text(nbResultsHtml)
							.end()
							.css({position:'absolute', display:'block', opacity:1, left:(parseInt(e.pageX)+20)+'px', top:(parseInt(e.pageY)-20)+'px'})
							
						;
					}).mouseleave(function(){
						$('#detail-area-hovered').stop().fadeOut('fast');
				    })
				;
				$('#mapRegionContainer-'+current_regionSanitized).show('fast');
				$('.mapContaineur.map.relative').css({
					backgroundImage : 'url(/images/carteFrance/regions/background/'+current_regionSanitized+'-area.gif)'
				});
			}
		});
	} else {
		$('#mapAbsoluteContainer').hide('fast');
		$('#mapRegionContainer-'+current_regionSanitized).show('fast');		
		$('.mapContaineur.map.relative').css({
			backgroundImage : 'url(/images/carteFrance/regions/background/'+current_regionSanitized+'-area.gif)'
		});
		$('#regionHovered-'+current_regionSanitized).attr('src', "/images/carteFrance/__transparent.gif");
	}
	
	
}


/**
 * a ce niveau, on veut montrer les resultats
 * 
 * @param departementDom
 * @param regionDom
 * @param bool forceMoteur si a true ou undefined, on fait comme si l'interneaute avait selecitonné le dpt sur la carte, avec remplissage du formulaire des lieux     
 * 
 * @return
 */
function departementClicked(departementDom, regionDom, forceMoteur) {
	//zoomLevel = 'ville';
	
	var current_region 			= $(regionDom).find('.region').text();
	var current_departement 	= $(departementDom).find('.departement').attr('title');
	if (forceMoteur) {
		$('.mapRegionContainer.mapContaineur').hide('fast');
		//on modifie le menu		
		$('#lieu, #lieu-proxy').val(current_region+', '+current_departement+", france");
		jQuery.cmsAutoCompleteFillFormLieux({region:current_region, pays:'france', departement:current_departement});
		$('.formAjax.resaForm').submit();
	}
		
}


function addMarkerQte(options) {
	//on cache la carte en image :
	$('.mapRegionContainer.mapContaineur').hide('fast');
	$('#mapAbsoluteContainer').hide('fast');
	
	
	
}

function populizeville(domObj, data) {
	if (! data || data.length == 0) {
		$('#nb-result .nombre').text('0');
		$('#Secteur').text('');
		$('#btn-retours-carte-france').fadeIn('slow');
		$('.mapContaineur.map.relative').css({backgroundImage : 'url(/images/carteFrance/__vide.gif)'});
		return;
	}
	
	
	
	if (!initFinished) {
		if (populizeTimeout) {
			clearTimeout(populizeTimeout);
		}
		populizeTimeout = setTimeout(function() {
			populizeville(domObj, data);
		}, 100);
		return;
	}
	
	
	$('#cartoRegionData, #cartoDepartementData').removeClass('zoomActif').hide();

	$('#cartoVilleData').addClass('zoomActif');
	$('#cartoVilleData').empty();
	
	$('#regionHovered, .img-region-hovered').attr('src', '/images/carteFrance/__vide.gif');
	
	var nbTotal = 0;
	var gMapLetter = '';
	var img = 'http://maps.google.com/maps/api/staticmap?size=250x230&zoom=8&maptype=roadmap\&sensor=false&key='+settings.mapApiKey;
	var maxNbVilleForPicto = 20;
	var dataLength = data.length;
	

	$.each(data, function(index,villeData) {
		var currImg = ''; //doit etre local
		nbTotal +=  parseInt(villeData.nombreelement);
		
		currImg += '&markers='
		
		if (dataLength > 1 && dataLength < maxNbVilleForPicto) {
			if (index + 1 > 9) {
				gMapLetter = String.fromCharCode(56 + parseInt(index) );
			} else {
				gMapLetter =  parseInt(index) + 1;
			}
			
			var mapLabel = '<span class="label-num index-'+gMapLetter+'">'+gMapLetter+' : </span>';
			//les lettre dnas la carto google  sont en priori les chiffre, puis apres, on prend le code ascii
			
			currImg += 'label:'+gMapLetter+'|';
		} else {
			var mapLabel = '';
		}
		
		currImg += villeData.libelle;
		if (villeData.codePostal) {
			currImg += ','+villeData.codePostal;
		} else if (villeData.departementLibelle) {
			currImg += ','+villeData.departementLibelle;
		} 
		
		currImg += '|';
		$('<li class="ville" >'+mapLabel+villeData.libelle+' <span class="nbResult">('+villeData.nombreelement+')</span><span class="vcard"> <span class="region">'+villeData.regionLibelle+'</span> <span title="'+villeData.departementLibelle+'" class="departement">'+villeData.departementLibelle+'</span></span></li>')
			.appendTo('#cartoVilleData')
			.click(function() {
				$('#lieu, #lieu-proxy').val(villeData.libelle+', '+villeData.regionLibelle+', '+villeData.departementLibelle+", france");
				jQuery.cmsAutoCompleteFillFormLieux({ville:villeData.libelle, region:villeData.regionLibelle, pays:'france', departement:villeData.departementLibelle});
				$('.formAjax.resaForm').submit();
			}).hover(function() {
				$('.mapContaineur.map.relative').css({backgroundImage : 'url(http://maps.google.com/maps/api/staticmap?size=250x230&zoom=8&maptype=roadmap\&sensor=false&key='+settings.mapApiKey+currImg+')'});
			}, function() {
				$('.mapContaineur.map.relative').css({backgroundImage : 'url('+$('.mapContaineur.map.relative').data('defaultBg')+')'});
			})
		;
		if (dataLength < maxNbVilleForPicto) {
			img += currImg;
		}
	});
	villeData = data.pop();
	if (dataLength >= maxNbVilleForPicto) {
		var deptNameFormated =  villeData.departementLibelle.replace(regexSanitizer, '-');
		img += '&center='+deptNameFormated+', france';
	}
	
	
	
	$('#Secteur').text(villeData.departementLibelle);
	
	
	$('.mapContaineur.map.relative')
		.css({backgroundImage : 'url("'+img+'")'})
		.data('defaultBg', img)
	;

	$('#nb-result .nombre').text(nbTotal);
	$('#btn-retours-carte-france').fadeIn('slow');
}

function populizedepartement(domObj, data) {
	if (! data || data.length == 0) {
		$('#cartoDepartementData li .nbResult').empty();
		$('#btn-retours-carte-france').fadeIn('slow');
		return;
	}
	zoomLevel = 'region';
	if (!initFinished) {
		if (populizeTimeout) {
			clearTimeout(populizeTimeout);
		}
		populizeTimeout = setTimeout(function() {
			populizedepartement(domObj, data);
		}, 100);
		return;
	}
	
	if ($('#cartoDepartementData.zoomActif').length == 0) {
		//alors on est en train d'afficher les regions on demande un zoom sur les departements :
		//on extrait un nom de deprtement au hasard, et on regarde la region qui le contient (ils sont tous contenus par la meme region de toute facon)
		if ($('#lieux_ville').val() != '' || $('#lieux_codePostal').val() != '') {
			return;
		} else {
			deptData = data.pop();
			data.push(deptData);//patch car le return a ete enleve, on a donc besoin de toutes les ddonnes
			var regionNameFormated =  deptData.regionLibelle.replace(regexSanitizer, '-');
			regionClicked($('#vcard-region-'+regionNameFormated), false);
		}
	}
	
	//console.debug($('#vcard-region-'+deptData.regionLibelle), '#vcard-region-'+deptData.regionLibelle);
	
	$('#cartoDepartementData li')
		.css({display:"none"})
		.filter('.menu')		
			.show('fast')
		.end()
		.find('.nbResult')
			.empty()
	;
	//console.debug($('#cartoDepartementData li'))
	;
	var nbTotal = 0;
	$.each(data, function(index, deptData) {
		var deptNameFormated =  deptData.departementLibelle.replace(regexSanitizer, '-');
		
		$('#cartoDepartementData li#vcard-departement-'+deptNameFormated)
			.show('fast')
			.find('.nbResult')
				.html(' ('+deptData.nombreelement+')')
				.show()
		;
		//console.log(deptNameFormated, '#cartoDepartementData li#vcard-departement-'+deptNameFormated)
		nbTotal +=  parseInt(deptData.nombreelement);
	});
	
	$('#nb-result .nombre').text(nbTotal);
	$('#btn-retours-carte-france').fadeIn('slow');
	
	deptData = data.pop();
	$('#Secteur').text(deptData.regionLibelle);
	
}

function populizeRegion(domObj, data) {
	

	if (!initFinished) {
		if (populizeTimeout) {
			clearTimeout(populizeTimeout);
		}
		populizeTimeout = setTimeout(function() {
			populizeRegion(domObj, data);
		}, 100);
		return;
	}
	$('.mapContaineur.map.relative').css({
		backgroundImage : 'url(/images/carteFrance/map-01.gif)'
	});
	$('.mapRegionContainer.mapContaineur').hide('fast');
	
	$('#cartoRegionData li')
		.hide('fast')
		.find('.nbResult')
			.empty()
	;
	var nbTotal = 0;
	var tabRegionsWithResult = new Array();
	$.each(data, function(index, regionData) {
		var regionNameFormated =  regionData.regionLibelle.replace(regexSanitizer, '-');
		
		$('#cartoRegionData li#vcard-region-'+regionNameFormated)
			.show('slow')
			.find('.nbResult')
				.html(' ('+regionData.nombreelement+')')
				.show()
		;
		if (regionData.nombreelement != undefined && regionData.nombreelement > 0) {
			tabRegionsWithResult.push(regionData.regionLibelle);
		}
		nbTotal += parseInt(regionData.nombreelement);
	})
	
	$('#nb-result .nombre').text(nbTotal);
	
	if (false && tabRegionsWithResult.length == 1) {
		//si y'a que une region, on lui zoome dessus :
		var regionName = tabRegionsWithResult.pop();
		$('#Secteur').text(regionName);
		
		if ($('#lieux_ville').val() != ''|| $('#lieux_codePostal').val() != '' || $('#lieux_departement').val() != '' ) {
			return;
		} else {
			var regionNameFormated =  regionName.replace(regexSanitizer, '-');
			var regionDom = $('#cartoRegionData li#vcard-region-'+regionNameFormated)
			regionClicked(regionDom, false)

		}
		
	}else {
		$('#Secteur').text('En France');
		showFranceCliked(false);
	}
	
}


jQuery.fn.mapHandler = function(action, options) {
	   if (undefined == action) {
		   action = 'init'
	   }
	   // console.debug(action, options);
	   switch (action) {
		   case 'addMarkerQte' :
	  			addMarkerQte(options);
	  			break;
		   case 'showRegions' :
			   showRegions(options);
	  			break;
		   case 'initGoogleMap' :
			   initGoogleMap(this);
	   			break;
		   case 'populizedepartement' :
			   populizedepartement(this, options);
	   			break;
		   case 'populizeville' :
			   populizeville(this, options);
	   			break;
		   case 'populizeRegion' :
			   populizeRegion(this, options);
	   			break;
	   		case 'init' :
	   		default :  
	   			init(options, this);
	   }
		return this;
};




$.fn.uiHover = function(){
	return this.each(function(){
		$(this).hover(
			function(){ $(this).addClass('ui-state-hover'); },
			function(){ $(this).removeClass('ui-state-hover'); }
		);
	});
}






})(jQuery); 
// fin mapHandler