$(document).ready(function(){
	$('#downloadList').accordion({
		header: '.expander',
		autoheight: false,
		alwaysOpen: false
	});
	
	$('#collectecommune').change(function()
	{
		$('.collecte').hide();
		if ($(this).val() != '')
			$( '#NextCollecte_' + $(this).val() ).show();
	});
	/*$('select[name=gmapCommune]').change(function()
	{
	});*/
	
	$('select[name=listeCommune], select[name=chooseRubrique], select[name=lexique], select[name=gallerie], select[name=CommuneCalendrier]').change(function()
	{
		if ($(this).val() != "") {
			location = $(this).val();
		}
	});

	$('select[name=myCommune]').change(function()
	{
		$('#getcalendar').submit();
	});
	/*$('select[name=gallerie]').change(function()
	{
		$('#getGallerie').submit();
	});*/
	$('#horaireouverture').change(function()
	{
		$('.horaire').hide();
		if ( $(this).val() != '')
			$( '#Horaire_' + $(this).val() ).show();
	});
	$('.selector').toggle(function()
	{
		var div = $(this);
		div.height('180px');
		div.css('overflow-y', 'scroll');
	},function()
	{
		var div = $(this);
		div.height('17px');
		div.css('overflow-y', 'hidden');
	});
	$('#searchbuttonfield').click(function()
	{
		$(this).parent().submit();
	});

	
	$('#carousel').jcarousel({
		scroll: 5
	});
	$('#carousel a').click(function(){
		//$('#imagecarousel').css('width', $('#imagecarousel img').width() + 'px' );
		$('#imagecarousel img').attr('src', this.href);
		return false;
	}); 
	
	$("a[rel^='prettyPhoto']").prettyPhoto();

	$('select[name=test]').change(function()
	{
		$.prettyPhoto.open( $(this).val() );
	});

	$('#CommanderInfotainer').validate({
		ignore: ':hidden',
		rules:
		{
			ecole : { defaultValue: $('input#ecole').attr('title') },
			adresse : { defaultValue: $('textarea#adresse').attr('title') },
			nom : { defaultValue: $('input#nom').attr('title') },
			prenom : { defaultValue: $('input#prenom').attr('title') },
			tel : { defaultValue: $('input#tel').attr('title') },
			email : { defaultValue: $('input#email').attr('title') },
			periode : { defaultValue: $('input#periode').attr('title') }
		},
		submitHandler: function()
		{
			$('img#loading').show();
			var commander = $("input#commander").val();
			var ecole = $("input#ecole").val();
			var adresse = $("textarea#adresse").val();
			var nom = $("input#nom").val();
			var prenom = $("input#prenom").val();
			var tel = $("input#tel").val();			
			var email = $("input#email").val();
			var periode = $("input#periode").val();
			var lang = $("html").attr('lang') || 'fr';
			
			$.ajax({
			   type: "POST",
			   url: "/" + lang + "/layout/set/ajax/support-educatif/infotainer",
			   data: "commander=" + commander + "&ecole="+ecole+"&adresse="+adresse+"&nom="+nom+"&prenom="+prenom+"&tel="+tel+"&email="+email+"&periode="+periode,
			   success: function(data){
				 $("#CommanderInfotainer").after('<div class="text"><p class="dateLocate">' + data + '</p></div>');
					$('img#loading').hide();
			   }
			 });
		}
	});
	
	$('#CommanderActivite').validate({
		ignore: ':hidden',
		rules:
		{
			ecole : { defaultValue: $('input#ecole').attr('title') },
			adresse : { defaultValue: $('textarea#adresse').attr('title') },
			nom : { defaultValue: $('input#nom').attr('title') },
			prenom : { defaultValue: $('input#prenom').attr('title') },
			tel : { defaultValue: $('input#tel').attr('title') },
			email : { defaultValue: $('input#email').attr('title') }
		},
		submitHandler: function()
		{
			$('img#loading').show();
			var commander = $("input#commander").val();
			var id = $("input#id-activite").val();
			var ecole = $("input#ecole").val();
			var adresse = $("textarea#adresse").val();
			var nom = $("input#nom").val();
			var prenom = $("input#prenom").val();
			var tel = $("input#tel").val();			
			var email = $("input#email").val();
			var lang = $("html").attr('lang') || 'fr';
			
			$.ajax({
			   type: "POST",
			   url: "/" + lang + "/layout/set/ajax/support-educatif/activites",
			   data: "commander=" + commander + "&id-activite=" + id + "&ecole="+ecole+"&adresse="+adresse+"&nom="+nom+"&prenom="+prenom+"&tel="+tel+"&email="+email,
			   success: function(data){
				 $("#CommanderActivite").after('<div class="text"><p class="dateLocate">' + data + '</p></div>');
					$('img#loading').hide();
			   }
			 });
		}
	});
	
	$('#CommanderMiniCour').validate({
		ignore: ':hidden',
		rules:
		{
			ecole : { defaultValue: $('input#ecole').attr('title') },
			adresse : { defaultValue: $('textarea#adresse').attr('title') },
			nom : { defaultValue: $('input#nom').attr('title') },
			prenom : { defaultValue: $('input#prenom').attr('title') },
			tel : { defaultValue: $('input#tel').attr('title') },
			email : { defaultValue: $('input#email').attr('title') },
			periode : { defaultValue: $('input#periode').attr('title') }
		},
		submitHandler: function()
		{
			$('img#loading').show();
			var commander = $("input#commander").val();
			var ecole = $("input#ecole").val();
			var adresse = $("textarea#adresse").val();
			var nom = $("input#nom").val();
			var prenom = $("input#prenom").val();
			var tel = $("input#tel").val();			
			var email = $("input#email").val();
			var idminicour = $("input#id-minicour").val();
			var lang = $("html").attr('lang') || 'fr';
			
			$.ajax({
			   type: "POST",
			   url: "/" + lang + "/layout/set/ajax/support-educatif/mini-cour",
			   data: "commander=" + commander + "&ecole="+ecole+"&adresse="+adresse+"&nom="+nom+"&prenom="+prenom+"&tel="+tel+"&email="+email+'&id-minicour='+idminicour,
			   success: function(data){
				 $("#CommanderMiniCour").after('<div class="text"><p class="dateLocate">' + data + '</p></div>');
					$('img#loading').hide();
			   }
			 });
		}
	});
	
	$('#CommanderVisitePedagogique').validate({
		ignore: ':hidden',
		rules:
		{
			ecole : { defaultValue: $('input#ecole').attr('title') },
			adresse : { defaultValue: $('textarea#adresse').attr('title') },
			nom : { defaultValue: $('input#nom').attr('title') },
			prenom : { defaultValue: $('input#prenom').attr('title') },
			tel : { defaultValue: $('input#tel').attr('title') },
			email : { defaultValue: $('input#email').attr('title') },
			periode : { defaultValue: $('input#periode').attr('title') }
		},
		submitHandler: function()
		{
			$('img#loading').show();
			var commander = $("input#commander").val();
			var ecole = $("input#ecole").val();
			var adresse = $("textarea#adresse").val();
			var nom = $("input#nom").val();
			var prenom = $("input#prenom").val();
			var tel = $("input#tel").val();			
			var email = $("input#email").val();
			var periode = $("input#periode").val();
			var lang = $("html").attr('lang') || 'fr';
			
			$.ajax({
			   type: "POST",
			   url: "/" + lang + "/layout/set/ajax/support-educatif/visite-pedagogique",
			   data: "commander=" + commander + "&ecole="+ecole+"&adresse="+adresse+"&nom="+nom+"&prenom="+prenom+"&tel="+tel+"&email="+email+"&periode="+periode,
			   success: function(data){
				 $("#CommanderVisitePedagogique").after('<div class="text"><p class="dateLocate">' + data + '</p></div>');
					$('img#loading').hide();
			   }
			 });
		}
	});
	$('#contactSidec').validate({ignore: ':hidden'});

	$('input[title], textarea[title]').each(function() {
		if($(this).val() === '') {
		 $(this).val($(this).attr('title')); 
		}
		
		$(this).focus(function() {
		 if($(this).val() === $(this).attr('title')) {
		  $(this).val('').addClass('focused'); 
		 }
		});
		$(this).blur(function() {
		 if($(this).val() === '') {
		  $(this).val($(this).attr('title')).removeClass('focused'); 
		 }
		});
	 });	

	$('a.commande-activite').click(function()
	{
		$('#id-activite').val( $(this).parent().parent().parent().prev().html() );
		$('#form-commande').show();
		return false;
	});
	$('a.commande-minicour').click(function()
	{
		$('#id-minicour').val( $(this).attr('href').substring(1) );
		$('#form-commande').show();
		return false;
	});

	$('.one-seactivite .details h3.hidedText').click(function()
	{
		$('.one-seactivite .details h3.open').removeClass("open").next().hide();
		$(this).addClass('open').next().show();
		
	});
	$('.one-seactivite .details li div').hide();
	$('.one-seactivite .details li div:first').show();
	
	$('.legende-picto input').click(function()
	{
		toggleGroup( $(this).attr('name') );
	});
	
	$('.slide-step li').click(function()
	{
		var num_step = $(this).attr('title');
		$(this).parent('ul').css('background-position', '0 -' + num_step * 41 + "px" );
		$('.step' + old_step).hide();
		$('.step' + num_step).show();
		old_step = num_step;
	});
	
	
	$('#registerAlerte').validate({
		ignore: ':hidden',
		rules:
		{
			/*nom : { defaultValue: $('#nom').attr('title') },
			prenom : { defaultValue: $('#prenom').attr('title') },
			email : { defaultValue: $('#email').attr('title') },
			ecole : { defaultValue: $('#ecole').attr('title') },
			adresse : { defaultValue: $('#adresse').attr('title') }*/
			email : { defaultValue: $('#email').attr('title') }
		},
		submitHandler: function()
		{
			
			$('img#loading').show();
			var inscription = $("input#forminscription").val();
			var communeid = $("#formcommuneid").val();
			var email = $("input#formemail").val();
			var formdm = $("input#formdm").is(':checked') ? "on" : "";
			var formvp = $("input#formvp").is(':checked') ? "on" : "";
			/*var formdo = $("input#formdo").is(':checked') ? "on" : "";*/
			var lang = $("html").attr('lang') || 'fr';
			
			$.ajax({
			   type: "POST",
			   url: "/" + lang + "/layout/set/ajax/commune/inscription-alerte",
			   data: "inscription=" + inscription + "&communeid="+communeid+"&email="+email+"&formdm="+formdm+"&formvp="+formvp + /*"&formdo="+formdo +*/ "&lang=" + lang,
			   success: function(data){
				 $("#registerAlerte").after('<div class="text"><p class="dateLocate">' + data + '</p></div>');
					$('img#loading').hide();
			   }
			 });
		}

	});
	
});

function ajaxCommune(nodeid)
{
	$('#myCommune').html('<img src="/extension/sidec/design/sidec/images/prettyPhoto/dark_square/loader.gif"/>');
	$.ajax({
		type: "POST",
		url: "/fr/layout/set/commune/(nodeid)/" + nodeid,
		success: function(data)
		{
			$('#myCommune').html(data);
		}
	});
}

$.validator.addMethod("defaultValue", function(value, element, params)
{
	return value != params;
}, $.validator.messages.required
);

function createMarker(point, name, address, type)
{
	var marker = new GMarker(point, customIcons[type]);
	markerGroups[type].push(marker);
	var html = "<b>" + name + "</b> <br/>" + address;
	GEvent.addListener(marker, 'click', function() 
	{
	  marker.openInfoWindowHtml(html);
	});
	return marker;
}

function toggleGroup(type)
{
	for (var i = 0; i < markerGroups[type].length; i++)
	{
		var marker = markerGroups[type][i];
		if (marker.isHidden())
		{
			marker.show();
		} else {
			marker.hide();
		}
	} 
}