/*
 * Initialisation du lecteur video
 */ 
function playVideo(video, width, height, autoload, autoplay) {
	
	var params = {};
	
	swfobject.embedSWF("./squelettes/video/"+video, "lecteur",
			width, height, "9.0.0", "expressInstall.swf", {
				"loading" : "Chargement, veuillez patienter ..."
			}, params);
}


$("#carto").ready(function() {
	
	$(".jMyCarousel").jMyCarousel({
		visible: '900px',
		auto: true,
		circular: true,
		speed: 250,
		step: 32,
		mouseWheel: false	 
	});

	$("#data #datadragbox #datadragbox-btn-close").hover(function() {
		$(this).addClass("btn-close-over");
	}, function() {
		$(this).removeClass("btn-close-over");
	});
	$("#data #datadragbox #datadragbox-btn-close").click(function() {
		$("#tabs ul li:eq(1)").addClass("ui-tabs-disabled");
		$("#data").addClass("hidden");
		$("#select_theme_departement").show();
		$("#select_theme_commune").show();
		$("#img_verrou").remove();
		$("#verrou-acces-guide").remove();
		$("#recherche_carte img").css('z-index', 0);
	});

});


function openCloseBox(element) {
	if (document.getElementById(element).style.display == "none") {
		document.getElementById(element).style.display = "block";
	} else {
		document.getElementById(element).style.display = "none";
	}
}


function vider_champ(element, val) {
	if (element.value == val) {
		element.value = "";
	}
}


function form_submit() {
	document.getElementById('form_contact').submit();
}


/*
 * Accès guidés => Selection du thème
 */
function check_theme(theme) {

	$("#selectedTheme").val(theme);

	var params = "type=list&action=theme&theme=" + theme;

	$.getJSON(urlData,
		params,
		function(result) {
			for ( var i = 0; i < $(".themes").length; i++) {

				if ($(".themes")[i].id != theme) {
					if (theme != null) {
						$("#" + $(".themes")[i].id).hide();
					} else {
						$(".padding_theme").height(10);
						$("#" + $(".themes")[i].id).show();
						if (!document.getElementById("retour_"
								+ theme)) {
							$("#retour_" + $(".themes")[i].id)
									.hide();
						}
						$("#questions_" + $(".themes")[i].id)
								.hide();
						$("#retour_theme").hide();
						$("#radions").remove();
					}
				} else {

					$("#questions_" + theme).empty();
					$("#questions_" + theme).append(
							"<div class=\"padding_theme\"></div>");
					var results = result.results;
					// foreach result add an <option> in select
					for (key in results) {
						var o = results[key];
			
						$("#questions_" + theme)
								.append(
										"<div class=\"question_sous_theme\" id=\"question"
												+ o.idtheme
												+ "\"><a onclick=\"javascript:getNatureRadion("
												+ o.idtheme
												+ ",'"
												+ theme
												+ "');return false;\" onmouseover=\"javascript: infos_sous_theme('"
												+ o.csous_theme
												+ "');\" href=\"#\">"
												+ o.question_sous_theme
												+ "</a></div>");
						$("#retour_theme").show();
					}
			
					$("#questions_" + theme).show();
					$("#infos_radion").hide();
					$("#infos_radion .details:visible").hide();
					$("#infos_sous_theme .details:visible").hide();
					$("#infos_sous_theme").show();
				}
			}
		});
	if (theme != null){
		$(".padding_theme").height(0);
	}
}


/*
 * Accès guidés => Recupération de l'association nature/radion en fonction du
 * sous theme
 */
function getNatureRadion(idtheme, theme) {

	var theme = $("#selectedTheme").val();
	$("#" + theme)
			.prepend(
					"<div id=\"img_verrou\"><table><tr><td><img src=\"squelettes/img/_contenu/loading.gif\" alt=\"Chargement ... \" /></td><td>Chargement ...</td></tr></table></p></div><div id=\"verrou-acces-guide\"></div>");
	var params = "type=list&action=theme_nature&idtheme=" + idtheme;

	$.getJSON(
		urlData,
		params,
		function(result) {
			var results = result.results

			for ( var i = 0; i < $(".question_sous_theme").length; i++) {

				if ($(".question_sous_theme")[i].id != "question"
						+ idtheme) {

					$("#" + $(".question_sous_theme")[i].id).hide();

				}else{
					$("#" + $(".question_sous_theme")[i].id).addClass("checked");
				}	

			}

			// Suppression des champs de saisie si ils existent

			$("#radions").remove();
			$(".theme_departement").remove();
			$(".theme_commune").remove();
			$(".calendrier").remove();
			$("#btn_rechercher").remove();

			$("#question" + idtheme).prepend(
					"<a href=\"#\" class=\"retour\" onclick=\"javascript:check_theme('"
							+ theme
							+ "');return false;\">&laquo;</a>");
			$("#question" + idtheme)
					.after(
							"<div id=\"radions\" style=\"display: none\"><input type=\"hidden\" name=\"selected_radion\" id=\"selected_radion\" value=\"\" /><p>S&eacute;lection du radionucleide ?</p></div>");

			var i = 0;
			var cnat = "";
			for (key in results) {
				if (i != 0)
					cnat += ",";

				var o = results[key];
				cnat += o.cnat;
				i++;
			}
			getRadion(cnat);
		}
);
}

/*
 * Récupération des informations sur le sous thème selectionné
 */
function infos_sous_theme(sous_theme) {
	
	$("#infos h2").addClass("title-blue");
	$("#infos h2").removeClass("title-orange");
	$("#infos_radion").hide();
	$("#infos_sous_theme .details:visible").hide();
	$("#infos_sous_theme").show();
	$("#infos_sous_theme .details span img").height('');
	$("#infos_sous_theme .details span img").width('');
	$("#infos_sous_theme .details span img").css("position","");
	var theme = $("#selectedTheme").val();
	$("#details_sous_theme_" + sous_theme).show();
}


/*
 * Récupération des informations sur le radion selectionné
 */
function infos_radion(element, radion) {
	
	//$(element).parent().css("border", "1px solid #17919C");
	$(element).css("color", "#aaaaaa");
	$("#infos h2").addClass("title-orange");
	$("#infos h2").removeClass("title-blue");
	$("#infos_sous_theme").hide();
	$("#infos_radion .details:visible").hide();
	$("#infos_radion").show();
	$("#details_radion_" + radion).show();
	$("#infos_radion .details span img").height('');
	$("#infos_radion .details span img").width('');
	$("#infos_radion .details span img").css("position","");
}


/*
 * Accès guidés : Recupération de radion en fonction de la nature
 */
function getRadion(nature) {
	
	$("#selectedNature").attr("value", nature);
	var params = "type=list&action=theme_radion&listNature=" + nature;

	$.getJSON(
		urlData,
		params,
		function(result) {
			var results = result.results
			var i = 0;
			var content = "<table cellspacing=\"10\">";
			for (key in results) {
				var o = results[key];
				var id = o.id.replace('+', '*plus*');
				if (i == 2) {

					content += "<td><a href=\"#\" id=\"radion_"
							+ id
							+ "\" class=\"radion\" onclick=\"selectRadion(this,'"
							+ o.id
							+ "','"
							+ nature
							+ "');return false;\" onmouseover=\"javascript:infos_radion(this, '"
							+ id + "');\">" + o.name
							+ "</a></td></tr>";
					i = 0;
				} else {
					if (i == 0) {

						content += "<tr><td><a href=\"#\" id=\"radion_"
								+ id
								+ "\" class=\"radion\" onclick=\"selectRadion(this,'"
								+ o.id
								+ "','"
								+ nature
								+ "');return false;\" onmouseover=\"javascript:infos_radion(this, '"
								+ id
								+ "');\">"
								+ o.name
								+ "</a></td>";
					} else {

						content += "<td><a href=\"#\" id=\"radion_"
								+ id
								+ "\" class=\"radion\" onclick=\"selectRadion(this,'"
								+ o.id
								+ "','"
								+ nature
								+ "');return false;\" onmouseover=\"javascript:infos_radion(this, '"
								+ id + "');\">" + o.name
								+ "</a></td>";
					}
					i++;
				}

			}
			content += "</table>";
			content += "<table style=\"margin-bottom: 10px\"><tr><td><a href=\"#\" id=\"radion_tous\" class=\"radion\" onclick=\"selectRadion(this,'tous','"+ nature+ "');return false;\" onmouseover=\"javascript:infos_radion(this, 'tous');\">Tous les r&eacute;sultats</a></td></tr></table>";

			$("#radions").append(content);
			$("#radions").show();
			$("#img_verrou").remove();
			$("#verrou-acces-guide").remove();
			$(".radion").unbind();
			$(".radion").mouseout(function(){
				$(this).css("color", "#F76F2C");
			});

		});
}

/*
 * Accès guidés => contourner le problème du caractère "+" dans certains code
 * radion
 */

function addslashes(str) {
	str = str.replace('+', '*plus*');

	return str;
}

var afficheDept = true;


/*
 * Accès guidés => selection et mise en valeur des radions
 */
function selectRadion(object, radion, nature) {
	
	var theme = $("#selectedTheme").val();
	$("#" + theme)
	.prepend(
			"<div id=\"img_verrou\" class=\"img_verrou\"><table><tr><td><img src=\"squelettes/img/_contenu/loading.gif\" alt=\"Chargement ... \" /></td><td>Chargement ...</td></tr></table></p></div><div id=\"verrou-acces-guide\" class=\"verrou-acces-guide\"></div>");
	$("#infos2")
	.prepend(
		"<div id=\"img_verrou2\" class=\"img_verrou\"><table><tr><td><img src=\"squelettes/img/_contenu/loading.gif\" alt=\"Chargement ... \" /></td><td>Chargement ...</td></tr></table></p></div><div id=\"verrou-acces-guide2\" class=\"verrou-acces-guide\"></div>");

	var last = $("#selected_radion").attr("value");
	last = addslashes(last);
	$("#radion_" + last).parent().css("border", "1px solid #17919C");
	$("#radion_" + addslashes(radion)).parent().css("border", "1px solid red");
	$("#selected_radion").attr("value", radion);
	if( radion == "tous" )
		radion = "";
	getDepartement(addslashes(radion), nature);
}


/*
 * Accès guidés => récupérations des départements
 */
function getDepartement(radion, nature) {
	
	var theme = $("#selectedTheme").val();
	radion = radion.replace('*plus*', '+');
	radion = escape(radion).replace(/\+/g, '%2B');
	var params = "type=list&action=theme_departement&listNature=" + nature
			+ "&listRadion=" + radion;

	$.getJSON(
		urlData,
		params,
		function(result) {
			var results = result.results;

			if (!document
					.getElementById("select_theme_departement")) {
				$("#" + theme)
						.after(
								"<div id=\"infos2\" class=\"themes\"><p class=\"title\">Finaliser votre recherche en s&eacute;lectionnant la localisation g&eacute;ographique (d&eacute;partement puis commune) et en pr&eacute;cisant &eacute;ventuellement la p&eacute;riode de temps souhait&eacute;e.</p><div class=\"theme_departement\">"
										+ "<table><tr><th>D&eacute;partement : </th><td><select id=\"select_theme_departement\" onchange=\"javacript:getCommune('"
										+ radion
										+ "','"
										+ nature
										+ "');\"></select></td></tr></table>"
										+ "</div>" + "</div>");
			} else {
				$("#select_theme_departement").empty();
			}
			if (document.getElementById("select_theme_commune")) {
				$("#select_theme_commune").empty();
				$(".theme_commune").hide();
				$(".calendrier").hide();
				$("#btn_rechercher").hide();
			}

			$("#select_theme_departement")
					.append(
							"<option value=\"\">Les d&eacute;partements</option>");
			for (key in results) {
				var o = results[key];
				$("#select_theme_departement").append(
						"<option value=\"" + o.id + "\">" + o.name
								+ "</option>");
			}
			$("#img_verrou").remove();
			$("#verrou-acces-guide").remove();
			$("#img_verrou2").remove();
			$("#verrou-acces-guide2").remove();						
		});
}


/*
 * Accès guidés => récupération des communes
 */
function getCommune(radion, nature) {
	
	var theme = $("#selectedTheme").val();
	$("#" + theme)
			.prepend(
					"<div id=\"img_verrou\" class=\"img_verrou\"><table><tr><td><img src=\"squelettes/img/_contenu/loading.gif\" alt=\"Chargement ... \" /></td><td>Chargement ...</td></tr></table></p></div><div id=\"verrou-acces-guide\" class=\"verrou-acces-guide\"></div>");
	$("#infos2")
	.prepend(
			"<div id=\"img_verrou2\" class=\"img_verrou\"><table><tr><td><img src=\"squelettes/img/_contenu/loading.gif\" alt=\"Chargement ... \" /></td><td>Chargement ...</td></tr></table></p></div><div id=\"verrou-acces-guide2\" class=\"verrou-acces-guide\"></div>");

	var departement = $("#select_theme_departement").val();
	if (departement != "") {

		var params = "type=list&action=theme_commune&listNature=" + nature
				+ "&listRadion=" + radion + "&departement=" + departement;

		$.getJSON(
			urlData,
			params,
			function(result) {
				var results = result.results
				if (!document
						.getElementById("select_theme_commune")) {
					$(".theme_departement")
							.after(
									"<div class=\"theme_commune\"><table><tr>"
											+ "<th>Commune : </th><td><select id=\"select_theme_commune\"></select></td>"
											+ "</tr></table></div>" +
											"<div class=\"calendrier\">" +
											"<div class=\"date\"><table><tr><th>Date de d&eacute;but&nbsp;: </th><td><input type=\"text\" class=\"input_date\" id=\"datepicker_datedeb\" /></td></tr></table></div>" +
											"<div class=\"date\"><table><tr><th>Date de fin&nbsp;: </th><td><input type=\"text\" class=\"input_date\" id=\"datepicker_datefin\" /></td></tr></table></div></div><div id=\"btn_rechercher\"><a href=\"#\" onclick=\"javascript: afficheResultat(); return false;\">Rechercher</a></div>");
					// Init datepickers

					$('#datepicker_datedeb').datePicker({showCurrentAtPos: 3});
					$('#datepicker_datedeb').dpSetStartDate('01/01/2000');
					$('#datepicker_datedeb').dpSetPosition(1, 2);
					if (jQuery.browser.msie) {
						$('#datepicker_datedeb').dpSetOffset(-15,90);
					}

					$('#datepicker_datefin').datePicker();
					$('#datepicker_datefin').dpSetStartDate('01/01/2000');
					$('#datepicker_datefin').dpSetPosition(1, 2);
					if (jQuery.browser.msie) {
						$('#datepicker_datefin').dpSetOffset(-15,90);
					}

					$("#datepicker_datedeb").change( function(){
						// get value		
						var valueDatedeb = this.value;
						var valueDatefin = $("#datepicker_datefin").val();
						
						// control date
						if ( isValidDate(valueDatedeb)==false ){
							alert("La date de d\351but n'est pas valide");
							this.value = "";
							window.setTimeout(function(){ $("#datepicker_datedeb").focus(); }, 100);
						}else{
							if ( isValidDate(valueDatefin) ){
								dateDebut = createDate(valueDatedeb);
								dateFin = createDate(valueDatefin);
								dateCourante = new Date();
								if( dateDebut != null && dateFin != null && dateDebut > dateFin ){
									alert("La date de d\351but doit \352tre inf\351rieure ou \351gale \340 la date de fin");				
									this.value = "";
									window.setTimeout(function(){ $("#datepicker_datedeb").focus(); }, 100);
								}else
								if( dateDebut != null && dateDebut > dateCourante ){
									alert("La date de d\351but doit \352tre inf\351rieure ou \351gale \340 la date du jour");				
									this.value = "";
									window.setTimeout(function(){ $("#datepicker_datedeb").focus(); }, 100);
								}
							}
						}
					});
					$("#datepicker_datefin").change( function(){
						// get value		
						var valueDatedeb = $("#datepicker_datedeb").val();			
						var valueDatefin = this.value;
						// control date
						if ( isValidDate(valueDatefin)==false ){
							alert("La date de fin n'est pas valide");
							this.value = "";
							window.setTimeout(function(){ $("#datepicker_datefin").focus(); }, 100);
						}else{
							if ( isValidDate(valueDatedeb) ){
								dateDebut = createDate(valueDatedeb);
								dateFin = createDate(valueDatefin);
								dateCourante = new Date();
								if( dateDebut != null && dateFin != null && dateDebut > dateFin ){
									alert("La date de fin doit \352tre sup\351rieure ou \351gale \340 la date de d\351but");				
									this.value = "";
									window.setTimeout(function(){ $("#datepicker_datefin").focus(); }, 100);
								}else
								if( dateFin != null && dateFin > dateCourante ){
									alert("La date de fin doit \352tre inf\351rieure ou \351gale \340 la date du jour");				
									this.value = "";
									window.setTimeout(function(){ $("#datepicker_datefin").focus(); }, 100);
								}
							}
						}
					});
						
					$(".themes").css("padding-bottom: 0px;");
				} else {
					$(".theme_commune").show();
					$("#select_theme_commune").empty();
					$(".calendrier").show();
					$("#datepicker_datedeb").val("");
					$("#datepicker_datefin").val("");
					$("#btn_rechercher").show();
				}
				$("#select_theme_commune").append("<option value=\"\">Toutes les communes</option>");
				for (key in results) {
					var o = results[key];
					$("#select_theme_commune").append("<option value=\"" + o.id + "\">"+ o.name + "</option>");
				}
				$("#img_verrou").remove();
				$("#verrou-acces-guide").remove();
				$("#img_verrou2").remove();
				$("#verrou-acces-guide2").remove();	
			});

	} else {

		$(".theme_commune").hide();
		$(".calendrier").hide();
		$("#btn_rechercher").hide();
		$("#img_verrou").remove();
		$("#verrou-acces-guide").remove();
		$("#img_verrou2").remove();
		$("#verrou-acces-guide2").remove();		
	}
}


/*
 * Accès guidés => affichage des détails sur l'évenement Rollover de chaque
 * thème
 */
function theme_detail(theme) {

	for ( var i = 0; i < $(".details").length; i++) {
		if ($(".details")[i].id != "details_" + theme) {
			$("#" + $(".details")[i].id).hide();
		} else {
			$("#details_" + theme).show();
		}
	}
}


/*
 * Accès guidés => récupération des prélévements et affichage dans le tableau
 * Flexigrid.
 */
function afficheResultat() {

	var valueOrganisme   = "";
	var valueDepartement = "";
	var valueCommune     = "";
	var valueMilieu      = "";
	var valueNature      = "";
	var valueEspece      = "";
	var valueRadion      = "";
	var valueDatedeb     = "";
	var valueDatefin     = "";	
	var valueSd          = false;	
	
	if (document.getElementById("select_theme_departement")) {
		var valueDepartement = $("#select_theme_departement").val();
	}
	if (document.getElementById("select_theme_commune")) {
		valueCommune = $("#select_theme_commune").val();
	}
	if (document.getElementById("selectedNature")) {
		valueNature = $("#selectedNature").val();
	}
	if (document.getElementById("selected_radion") && $("#selected_radion").val() != "tous" ){
		valueRadion = $("#selected_radion").val();
	}
	if (document.getElementById("datepicker_datedeb")) {
		valueDatedeb = $("#datepicker_datedeb").val();
	}
	if (document.getElementById("selected_radion")) {
		valueDatefin = $("#datepicker_datefin").val();
	}

	// save current state
	currentValueOrganisme   = valueOrganisme;
	currentValueDepartement = valueDepartement;
	currentValueCommune     = valueCommune;					
	currentValueMilieu      = valueMilieu;					
	currentValueNature      = valueNature;					
	currentValueEspece      = valueEspece;					
	currentValueRadion      = valueRadion;
	currentValueDatedeb     = valueDatedeb;
	currentValueDatefin     = valueDatefin;
	currentValueSd          = valueSd;		
	
	// open data
	showData(false, null, valueOrganisme, valueDepartement, valueCommune, valueMilieu,
			valueNature, valueEspece, valueRadion, valueDatedeb, valueDatefin,
			valueSd);

	$("#select_theme_departement").hide();
	$("#select_theme_commune").hide();
}