$(function() {

	//paramètre ajax par défault
	$.ajaxSetup({
		type: 'POST',
		url: '/sites/initiatives_creation/modules/Concours/concours.inc.php'	
	});
	
	//chargement des évenements 
  load_event_min();
  load_event_max();
  
 	//centrage popuplock dans page
  centerlock();
  
  //chargement evenement tableau
	evt_tab_eleves();
  
  // MODIF JYB 10/03/2010
  // recherche sur code postal
  $('#ecole_recherche').focus(
    function() {
      if ($(this).val() == "code postal") {
        $(this).val('');
      }
    }
  ).blur(
    function() {
      if ($(this).val() == "") {
        $(this).val('code postal');
      }
    }
  );
  
  $("#tableau_resultat .btn_voir_dessins[rel]").click(
		function() {
			var id = $(this).attr('rel');
			$(location).attr('href', 'index.php5?idPage=373&concours_page=login&c=' + id + '#tableau');
		}
	);
  
  $('#valider_commande_mug').click(
		function() {
			var refprod = $('#produit').val();
			prod_commander('f_' + refprod);
		}
	);
	
	//changement quantite pour la commande des mug
	
	$('.quantite_mug').keyup(
		function() {
			var refprod = $('#produit').val();
			var quantite = $('#qt_' + refprod).val();
  			$.ajax({
 				data: 'refprod=' + refprod + '&quantite=' + quantite + '&action=produits_prix',
        		dataType: 'json',
				success: function(prix) {
					if(prix.unitaire){
						$('#pu').html(prix.unitaire + ' €');
						$('#pt').html(prix.total + ' €');
					} else {
						$('#pu').html('');
						$('#pt').html('');				
					}
				} 				
  			});		
		}
	);
  
	//validation de l'inscription des écoles
	$('#inscription #btn_inscrire').click(
		function() {

			var error = 0;
			
			$('#bulle_exist').hide();

  			var input = new Array('etablissement','adresse','cp','ville','classe','contact_nom','contact_prenom','email','login','password');

  			for (var i=0;i<input.length;i++) {
  				if (!$('#' + input[i]).attr('value')) {
        			$('#bulle_' + input[i]).show();
        			error = 1;
  				} else {
  					$('#bulle_' + input[i]).hide();
  				}
  			}
  			
  			if(!$('#email').attr('value').match(/[a-zA-Z0-9\._\-]+@[a-zA-Z0-9\._\-]+\.+[a-zA-Z]+/)){
  				$('#bulle_email').show();
  				error = 1;
  			} else {
  				$('#bulle_email').hide();			
  			}
  			
   			if(!$('#cp').attr('value').match(/^([0-9]{5})$/)){
  				$('#bulle_cp').show();
  				error = 1;
  			} else {
  				$('#bulle_cp').hide();			
  			}
  			
  			if(!$('#box_accord').is(':checked')){
  				$('#bulle_accord').show();
  				error = 1;
  			} else {
  				$('#bulle_accord').hide();
  			}
  			
  	  		var etablissement = $('#etablissement').attr('value');
  	  		var adresse = $('#adresse').attr('value');
  	  		var cp = $('#cp').attr('value');
  	  		var ville = $('#ville').attr('value');
  	  		var classe = $('#classe').attr('value');
  	  		var contact_nom = $('#contact_nom').attr('value');
  	  		var contact_prenom = $('#contact_prenom').attr('value');
  	  		var email = $('#email').attr('value');
  	  		var login = $('#login').attr('value');
  	  		var password = $('#password').attr('value');  			
  			
  			$.ajax({
  				async: false,
 				data: 'login=' + login + '&action=verif_login',
				success: function(msg) {
					if(msg == "exist") {
						$('#bulle_login').hide();
						$('#bulle_exist').show();
						error = 1;
					}
				} 				
  			});
  			
  	  		if(error == 0){
  	  			var idsite = $('#idsite').attr('value');
  	  			
				$.ajax({
					data: 'idsite=' + idsite + '&etablissement=' + etablissement + '&adresse=' + adresse + '&cp=' + cp + '&ville=' + ville + '&classe=' + classe + '&contact_nom=' + contact_nom + '&contact_prenom=' + contact_prenom + '&email=' + email + '&login=' + login + '&password=' + password + '&action=inscription',
					success: function() {					
						$('#popupinscription').overlay().load();
					}
				});
			}
		}
	);
	
	//simule click sur btn_participation_haut pour eviter conflit entre btn sur overlay	
	$('#btn_participation_bas').click(
		function() {
			$("#btn_participation_haut").click();
		}
	)
	
	//chargement evts btn annuler participation
	$('#popupvalidation .btn_annuler').click(
		function() {
			$("#btn_participation_haut[rel]").overlay().close();
		}
	);
	
	//chargement evts btn publier dessin
	$('#popupvalidation .btn_publier').click(	
		function() {
			var idsite = $('#idsite').val();

			$.ajax({
				data: 'idsite=' + idsite + '&action=validation',
				success: function(msg) {
					if(msg == "error") {
						$('#popupvalidation .publication').css('display','none');
						$('#popupvalidation .manque').css('display','block');
						$('#popupvalidation .validation').css('display','none');
					} else {
						$('#popupvalidation .publication').css('display','none');
						$('#popupvalidation .manque').css('display','none');
						$('#popupvalidation .validation').css('display','block');			
					}				
				}
			});
		}
	);
		
	//modifications des informations
	$('#popupinfos .btn_valider').click(
		function() {
			var idsite = $('#idsite').val();
			
  	  		var etablissement = $('#etablissement').val();
  	  		var adresse = $('#adresse').val();
  	  		var cp = $('#cp').val();
  	  		var ville = $('#ville').val();
  	  		var classe = $('#classe').val();
  	  		var contact_nom = $('#contact_nom').val();
  	  		var contact_prenom = $('#contact_prenom').val();
  	  		var email = $('#email').val();
  	  		var login = $('#login').val();

			$.ajax({
				data: 'idsite=' + idsite + '&etablissement=' + etablissement + '&adresse=' + adresse + '&cp=' + cp + '&ville=' + ville + '&classe=' + classe + '&contact_nom=' + contact_nom + '&contact_prenom=' + contact_prenom + '&email=' + email + '&login=' + login + '&action=update_informations',
				success: function() {
  	  				$('#infos_etablissement').text(etablissement);	
  	  				$('#infos_adresse').text(adresse);		
  	  				$('#infos_cp').text(cp);		
  	  				$('#infos_ville').text(ville);		
  	  				$('#infos_classe').text(classe);		
  	  				$('#infos_contact_nom').text(contact_nom);		
  	  				$('#infos_contact_prenom').text(contact_prenom);		
  	  				$('#infos_email').text(email);
  	  				$('#infos_login').text(login);					
  	  				
  	  				$('#nom_classe').text('Classe ' + classe + ' de ' + etablissement);
  	  				$('#nom_ville').text(ville);
  	  				
  	  				$("#btn_infos[rel]").overlay().close();
				}
			});				
		}
	);
	
	//modifications informations si champs vide on remet les infos
	$('#popupinfos input').change(
		function(){
			if(!$(this).val() || ($(this).attr('id') == "email" && !$(this).val().match(/[a-zA-Z0-9\._-]+@[a-zA-Z0-9\._-]+[.]+[a-zA-Z]+/)) || ($(this).attr('id') == "cp" && !$(this).val().match(/^([0-9]{5})$/)))
				$(this).val($('#infos_' + $(this).attr('id')).text());
		}
	);
	
	//annulation modification information
	$('#popupinfos .btn_annuler').click(
		function() {
			$("#btn_infos[rel]").overlay().close();
		}
	);	
	
  //défilement des dessins des enfants
  $('div[name^=slideshow]').each(
    function() {
      var elt = '.' + $(this).attr('name');
      $(elt).cycle({
          fx:'fade',
          timeout: 250
      });
      
      // MODIF JB 10/03/2010
      // Défilement AUTO
      if ($(this).parent().parent().hasClass('container_selected')) {
        $(elt).cycle('pause');
      }
      /*$(elt).cycle('pause');
      $(elt).hover(function(){
          $(elt).cycle('resume');
      },function(){
          $(elt).cycle('pause');
      });*/
      
    }
  );
	
  // MODIF JB 10/03/2010
  // Clic sur vignette pour afficher les dessins
	$('div[class^=slideshow]').click(
    	function() {
      		var id = $(this).attr('id');
      		$('.btn_voir[value='+id+']').click();
    	}
  	);
  
	//affichage dessin classe
	$('.btn_voir').click(
		function() {
			var idparticipant = $(this).attr('value');
			var nbvote = $(this).attr('rel');
			
    	// MODIF JB 10/03/2010
      // Défilement AUTO
			$('div[class^=slideshow]').cycle('resume');
			$('.slideshow'+idparticipant).cycle('pause');
			
			$('.container_selected').removeClass('container_selected').addClass('container');
			$(this).parent('.btn').parent('.container').removeClass('container').addClass('container_selected');
			$('.btn').css('display','block');
			$(this).parent('.btn').css('display','none');
      
      		$.ajax({
        		data: 'idparticipant=' + idparticipant + '&action=dessin_min',
        		dataType: 'html',
        		success: function(msg) {
          			$('.left').html(msg);
          			load_event_min();
        		}
      		});
      
      		$.ajax({
         		data: 'idparticipant=' + idparticipant + '&action=dessin_max',
         		dataType: 'html',
         		success: function(msg) {
           			$('.right').html(msg);
          			load_event_max();
        		}
      		});
      		
      		var host = $('#host').val();
      		var idpage = $('#idpage').val();
      
      		$.ajax({
        		data: 'idparticipant=' + idparticipant + '&action=get_infos_classe',
        		dataType: 'json',
        		success: function(object) {
        			var html = "<span class='texte_noir' style='font-size:20px;'>" + object.etablissement + ' - ' + object.classe + "</span><br/><span class='texte_noir' style='font-size:13px;'>" + object.cp + ' ' + object.ville + "</span>";
          			$('.infos_classe').html(html);
          			
          			var msg = "La classe de " + object.classe + " de l'&eacute;cole " + object.etablissement + " de " + object.ville + " participe au concours de dessins en ligne Initiatives Cr&eacute;ation. Gr&acirc;ce a vos votes, vous augmentez les chances des enfants de gagner le concours. Allez voter pour notre classe en vous rendant sur le site initiatives cr&eacute;ation &agrave; l'adresse ci dessous et en cliquant sur 'voter pour cette classe'.\n\nhttp://initiatives-creations.fr/concours-dessin.vote.classe." + idparticipant + "." + idpage + ".html";
          			$('#commentaires_enparler').html(msg);
          			
      				$('#fb_share').attr('href','http://www.facebook.com/sharer.php?u=http://initiatives-creations.fr/concours-dessin.vote.classe.' + idparticipant + '.' + idpage + '.html&src=sp');
      		
      				$('#fb_share').attr('share_url','http://initiatives-creations.fr/concours-dessin.vote.classe.' + idparticipant + '.' + idpage + '.html');
      		
      				$('#meta_desc').attr('content',"La classe de " + object.classe + " de l'&eacute;cole " + object.etablissement + " de " + object.ville + " participe au concours de dessin sur le site initiatives cr&eacute;ation &agrave;. Allez voir les dessins des enfants et votez pour cette classe pour augmenter ses chances de gagner.");
        		}
      		});
      
      		$('.nb_vote').html(nbvote + ' &nbsp;');
      		$('.selection_dessin .btn_voter').val(idparticipant);
		}
	);
	
	//chargement evts btn vote
	$('.btn_voter').click(
		function() {
      var idparticipant = $(this).attr('value');
      $('#popupvote .btn_vote').val(idparticipant);
      $('#popupvote .idp').val(idparticipant);
      $.ajax({
        data: 'idparticipant=' + idparticipant + '&action=get_infos_classe',
        dataType: 'json',
        success: function(object) {
          $('#popupvote #classe').html(object.etablissement + ', ' + object.classe + ' - ' + object.cp + ' ' + object.ville);
          $('#popupvote .classe').val(object.classe);
          $('#popupvote .etablissement').val(object.etablissement);
          $('#popupvote .ville').val(object.ville);
        }
      });
    }
	);
	
	//affichage du menu des thèmes
	$('.menu_theme').hover(function() {
		$('.menu_deroulant').show();
	},function() {
		$('.menu_deroulant').hide();
	});
	
	$('.menu_deroulant').hover(function() {
		$('.menu_deroulant').show();
	},function() {
		$('.menu_deroulant').hide();
	});	
	
	//hover menu déroulmant
	$('.menu_deroulant_fond').hover(function() {
		$(this).removeClass('menu_deroulant_fond').addClass('menu_deroulant_fond_hover');
	},function() {
		$(this).removeClass('menu_deroulant_fond_hover').addClass('menu_deroulant_fond');
	});
	
	//lien menu déroulant vote
	$('#vote .menu_deroulant_fond').click(function() {
		$(location).attr('href',$(this).attr('href') + '#tableau');
	});
	
	//lien menu déroulant dessin
	$('#dessin .menu_deroulant_fond').click(function() {
		var idsite = $('#idsite').attr('value');
		var id = $(this).attr('id').split('_')[1];
		var theme = $(this).text();
			$.ajax({
				data: 'idsite=' + idsite + '&id=' + id + '&action=theme',
				success: function() {
				$('#dessin .menu_theme').text(theme);
				$('.menu_deroulant').hide();
				}
			});
	});  	
	
	//recherche code postal
	$('.ecole .btn_ok').click(function() {
		var rech = $('.ecole #ecole_recherche').attr('value');
		var href = $(this).attr('value');
		$(location).attr('href',href + '&r=' + rech + '#tableau');
	});
	
	//facebook
	$('.facebook').click(function() {
		$('#fb_share').click();
  	});
  	
  	//btn ajouts récents
  	$('.btn_ajout').click(function() {
	 	var href = $(this).attr('value');
    	$(location).attr('href',href + '#tableau');
  	});
  
  	//chargement btn flèche grise gauche
  	$('#fleche_grise_gauche').click(function() {
    	var page = $(this).attr('rel');
    	var max = $(this).attr('value');
    	var url = $(this).attr('name');
    	page--;
    	if (page == 0) page = max;
    	$(this).attr('rel',page);
    	$(location).attr('href',url + '&page=' + page + '#tableau');
  	});
  	
  	//chargement btn flèche grise droite
  	$('#fleche_grise_droite').click(function() {
    	var page = $(this).attr('rel');
    	var max = $(this).attr('value');
    	var url = $(this).attr('name');
    	page++;
    	if (page > max) page = 1;
    	$(this).attr('rel',page);
    	$(location).attr('href',url + '&page=' + page + '#tableau');
  	});
  	
  	//chrgmt fonction partage mail
	$(".btn_partage_mail[rel]").overlay({
        expose: {
        	top: '100px',
            color: '#FFFFFF'
     	}
	});
	
	//déverrouillage interface
	$('#btn_unlock').click(
		function() {
			unlock();	
		}
	);
	
	//keypress enter unlock
	$('#dessin .dessinpressenter').keypress(
		function(event) {
  			if (event.keyCode == '13') {
     			unlock();
   			}
		}
	);	
	
	//trie eleve
	$('#tab_eleve thead .asc').click(
		function() {
			tri_eleve();	
		}
	);
	
	//connexion login
	$('#btn_connexion').click(
		function() {
			connexion();
		}
	);
	
	//deconnexion
	$('.deconnexion').click(
		function() {
  			var idsite = $('#idsite').attr('value');
  			
      		$.ajax({
        		data: 'idsite=' + idsite + '&action=deconnexion',
        		success: function() {
					$(location).attr('href', 'concours-dessin.login.373.html');
        		}
      		});		
		}
	);
	
	//keypress enter connexion
	$('.pressenter').keyup(
		function(event) {
  			if (event.keyCode == 13) {
     			connexion();
   			}
		}
	);
	
	//overlay reglement
	$(".overlay_reglement").overlay({ 
        onBeforeLoad: function() { 
 
            // grab wrapper element inside content 
            var wrap = this.getContent().find(".contentWrap"); 
 
            // load the page specified in the trigger 
            wrap.load(this.getTrigger().attr("href")); 
           
        },
		expose: {
          color: '#FFFFFF',
          top: '100px'
    	} 
    });
    
});

//cryptage mail huissier
function mail_huissier(){
	var mailto = "<a href='mailto:" + JSdecrypt('75667430656e74437b637165667273306976') + "'>" + JSdecrypt('75667430656e74437b637165667273306976') + "</a>";
	$('#huissier_mail').html(mailto);     
}

//fonction de chargement des evenements du tableau d'élèves
function evt_tab_eleves(){

	//chargement evts input enregistrement élèves
	$('#tab_eleve input').change(
		function() {
			insert_eleve($(this));
		}	
	);
	
	//verif champ pour apparition bouton
	$('#tab_eleve input').keyup(
		function() {
			show_btn_commencer($(this));
		}
	);
		
	//chargement evts désactivation élèves
	$('.del_eleve').click(
		function() {
			del_eleve($(this));
		}
	);
	
	//chargement evts btn commencer
	$('.btn_dessin_commencer').click(
		function() {
			commencer_dessin($(this));
			lock();
		}
	);
	
	//chargement evts btn reprendre
	$('.btn_dessin_reprendre').click(
		function() {
			reprendre_dessin($(this));
			lock();
		}	
	);
	
	//chargement evts btn terminer
	$('.btn_dessin_terminer').click(
		function() {
			terminer_dessin($(this));
		}
	);	
	
	//chargement evts ajout élève
	$('.add_eleve').focus(
		function() {
			add_eleve($(this));
		}
	);    
}

//function apparation btn commencer
function show_btn_commencer(object){
	var id = object.attr('id').split('_')[1];
	var nom = $("#nom_" + id).val();
	var prenom = $("#prenom_" + id).val();				
	if(nom && prenom) {
		$('#etat_' + id + ' a').css('display','block');	
	} else {
		$('#etat_' + id + ' a').css('display','none');				
	}
}


//function ajouts élèves
function add_eleve(object) {
	$('#tab_eleve tbody').append("<tr><td class='nom' class='add_eleve' style='border-left:solid 1px #919191;'><input type='text' name='nom' /></td><td class='prenom'><input type='text' name='prenom' /></td><td class='etat'><a class='btn_dessin_commencer' style='display:none;padding:0;' href='#'></a></td><td class='dessin'></td><td class='del_eleve' style='border-right:solid 1px #919191;'><img src='/sites/initiatives_creation/modules/Concours/imgs/bouton_supprimer_eleve.png' alt='supprimer cet élève' style='width:15px;height:15px;display:none;' /></td></tr>");
	object.removeClass('add_eleve');
	object.unbind('click');
	object.parents('tr').next('tr').children('.nom').children('input').focus(
		function() {
			add_eleve($(this));
		}
	);
	
	//chargement evts input enregistrement élèves
	$('#tab_eleve tr:last input').change(
		function() {
			insert_eleve($(this));
		}		
	);
	
	//verif champ pour apparition bouton
	$('#tab_eleve tr:last input').keyup(
		function() {
			show_btn_commencer($(this));
		}
	);
		
	//chargement evts désactivation élèves
	$('#tab_eleve tr:last .del_eleve').click(
		function() {
			del_eleve($(this));
		}
	);
	
	//chargement evts btn commencer
	$('#tab_eleve tr:last .btn_dessin_commencer').click(
		function() {
			commencer_dessin($(this));
			lock();
		}
	);				
}

function del_eleve(object) {
	var id = object.attr('id').split('_')[1];
	var parent = object.parent('tr');
	if(confirm('Etes vous sure de vouloir supprimer cet eleve de la liste, le dessin sera perdu.')) {
		$.ajax({
			data: 'id=' + id + '&action=unactive_eleve',
			success: function() {
				parent.hide();
			}
		});
	}
}

//function insertion élève
function insert_eleve(object){
	var idsite = $('#idsite').attr('value');
			
	var name = object.attr('name');
	var value = object.attr('value');
	var parent = object.parents('tr');
	if(object.attr('id')){
		var id = object.attr('id').split('_')[1];
		var nom = $("#nom_" + id).attr('value');
		var prenom = $("#prenom_" + id).attr('value');
		if(value) {		
			$.ajax({
				data: 'idsite=' + idsite + '&id=' + id + '&name=' + name + '&value=' + value + '&action=update_eleve'	
			})
		} else if(!value) {
			$.ajax({
				data: 'id=' + id + '&name=' + name + '&action=select_eleve',
				success: function(data) {
					$('#' + name + '_' + id).attr('value',data);
					show_btn_commencer(object);			
				}						
			})
		}
	} else {		
		$.ajax({
			data: 'idsite=' + idsite + '&name=' + name + '&value=' + value + '&action=insert_eleve',
			success: function(data) {
				var id = data.split('_')[0];
				var dessin = data.split('_')[1];
				parent.children('.nom').children('input').attr('id','nom_' + id);
				parent.children('.prenom').children('input').attr('id','prenom_' + id);
				parent.children('.prenom').next('td').addClass('etat');
				parent.children('.etat').attr('id','etat_' + id);
				parent.children('.etat').children('.btn_dessin_commencer').attr('id','btn_dessin_commencer_' + id);
				parent.children('.etat').children('.btn_dessin_commencer').click(
					function() {
						x=window.open('/sites/initiatives_creation/modules/Concours/application.php?dessin=' + dessin ,'Dessin', 'height=703, width=1014, menubar=no, location=no, toolbar=no, resizable=no, directories=no, status=no, scrollbars=yes, top=0, left=0');
						return false;
						commencer_dessin($(this));
					}				
				);
				parent.children('.dessin').attr('id',dessin);
				parent.children('.del_eleve').attr('id','supprimer_' + id);
				parent.children('.del_eleve').children('img').show();
			}
		})
	}
}

//function connexion
function connexion(){
	var idsite = $('#idsite').val();
	var login = $('#login').val();
	var password = $('#password').val();	
		
  $('#bulle_cnx_login').html('').hide();
  $('#bulle_cnx_password').html('').hide();
  $('#bulle_cnx_incorrecte').html('').hide();
  
	if (login == "") {
    $('#bulle_cnx_login').html('Identifiant manquant').css('color','#fff').show();
  } else {
    if (password == "") {
      $('#bulle_cnx_password').html('Mot de passe manquant').css('color','#fff').show();
    } else {
      $.ajax({
        data: 'login=' + login + '&password=' + password + '&idsite=' + idsite + '&action=connexion',
        success: function(msg) {
          if(msg == 'ok') {
            $(location).attr('href', 'concours-dessin.dessin.373.html');
          } else {
            $('#login').val('');
            $('#password').val('');
            $('#bulle_cnx_incorrecte').html('Votre login ou votre mot de passe est incorrect !').css('color','#fff').show();
          }
        }
      });
    }
	}
}

//function commencer dessin
function commencer_dessin(object) {
	var idsite = $('#idsite').attr('value');		
	var id = object.attr('id').split('_')[3];
	
	$.ajax({
		data: 'idsite=' + idsite + '&etat_dessin=1&id=' + id + '&action=dessin',
		success: function(dessin) {
			$('#etat_' + id).html("<a class='btn_dessin_reprendre' id='btn_dessin_reprendre_" + id + "' style='padding:0;display:block;'></a><a class='btn_dessin_terminer' id='btn_dessin_terminer_" + id + "' style='padding:0;display:block;'></a>");
			$('#etat_' + id).children('.btn_dessin_reprendre').click(
				function() {
					x=window.open('/sites/initiatives_creation/modules/Concours/application.php?dessin=' + dessin ,'Dessin', 'height=703, width=1014, menubar=no, location=no, toolbar=no, resizable=no, directories=no, status=no, scrollbars=yes, top=0, left=0');
					lock();
					return false;
				}				
			);		
			$('#btn_dessin_terminer_' + id).click(
				function() {
					terminer_dessin($(this));
				}
			);
		}
	});
}

//function reprendre un dessin
function reprendre_dessin(object) {
	var idsite = $('#idsite').attr('value');		
	var id = object.attr('id').split('_')[3];
	$.ajax({
		data: 'idsite=' + idsite + '&etat_dessin=1&id=' + id + '&action=dessin'
	});
}

//function terminer dessin
function terminer_dessin(object) {
	var idsite = $('#idsite').attr('value');
	var id = object.attr('id').split('_')[3];
	$.ajax({
		data: 'idsite=' + idsite + '&etat_dessin=2&id=' + id + '&action=dessin',
		success: function() {
			$('#etat_' + id).html("<div class='coche_verte'></div><div class='texte' style='float:left;line-height:46px;'>Ce dessin est termin&eacute;</div>");
		}
	});
}

//rechargement des dessins
function update_dessin() {
	$.timer(10000, 
		function (timer) {
			var idsite = $('#idsite').attr('value');
			$.ajax({
				data: 'idsite=' + idsite + '&action=update_dessin',
				success: function(img) {
					if(img){
						var date = new Date();
						var time = date.getTime();
							
						if($('#' + img + ' img').length > 0) {
							$('#' + img + ' img').attr('src','/dessins/' + img + '_40.png?' + time);
						} else {
							$('#' + img).html("<img id='img_" + img + "' rel='#overlay_dessin' style='width:40px;height:40px;' src='/dessins/" + img + "_40.png' />");	
							loadoverlay_dessin(img);
						}

					}	
				}
			});
		}
	);
}

//chargement des images miniatures
function load_event_min() {
	$('.dessin_min').click(
	  function() {
			var dessin = $(this).attr('value');
			var prenom = $(this).attr('name');
			var numero = $(this).attr('rel');
	    $('.selected').css('display','none');
	    $(this).children('.selected').css('display','block');
	    
	    // MODIF JB 10/03/2010
      // Copie des images
	    //$('.dessin_max').html('<img src="/dessins/' + dessin + '.png" border="0" alt="" title="" width="328px" />');

	    $('.dessin_max').css('background','url(/dessins/' + dessin + '_328.png)');
	    
	    $('.eleve_nom').html('Dessin de ' + prenom);
	    $('.navi').html(numero);
	    $('#fleche_orange_gauche').attr('rel',numero);
	    $('#fleche_orange_droite').attr('rel',numero);
	  }
	);
}

//chargement des images
function load_event_max() {
	$('#fleche_orange_gauche').click(
		function() {
    	var idsite = $('#idsite').attr('value');
			var idparticipant = $(this).attr('value');
			var ideleve = $(this).attr('rel');
			numero = ideleve.substring(0,ideleve.indexOf('/'));
      var max = ideleve.substring(ideleve.indexOf('/')+1,ideleve.length);
      numero--;
      if (numero == 0) { numero = max; }
      $('.selected').css('display','none');
      $('.dessin_min[rel^='+numero+'/]').children('.selected').css('display','block');
      $('.navi').html(numero + '/' + max);
      $('#fleche_orange_droite').attr('rel',numero + '/' + max);
      $(this).attr('rel',numero + '/' + max);
      
      // MODIF JB 10/03/2010
      // Copie des images
      $.ajax({
          data: 'idsite=' + idsite + '&idparticipant=' + idparticipant + '&numero=' + numero + '&action=get_dessin_max',
          dataType: 'html',
          success: function(response) {
            //$('.dessin_max').html(msg);
            $('.dessin_max').css('background','url(/dessins/' + response + '_328.png)');
          }
      });
      
      $.ajax({
          data: 'idsite=' + idsite + '&idparticipant=' + idparticipant + '&numero=' + numero + '&action=get_prenom',
          dataType: 'html',
          success: function(msg) {
            $('.eleve_nom').html(msg);
          }
      }
    );
	});
	
	$('#fleche_orange_droite').click(
		function() {
      var idsite = $('#idsite').attr('value');
      var idparticipant = $(this).attr('value');
      var ideleve = $(this).attr('rel');
      numero = ideleve.substring(0,ideleve.indexOf('/'));
      var max = ideleve.substring(ideleve.indexOf('/')+1,ideleve.length);
      numero++;
      if (numero > max) { numero = 1; }
      $('.selected').css('display','none');
      $('.dessin_min[rel^='+numero+'/]').children('.selected').css('display','block');
      $('.navi').html(numero + '/' + max);
      $('#fleche_orange_gauche').attr('rel',numero + '/' + max);
      $(this).attr('rel',numero + '/' + max);
	  
      // MODIF JB 10/03/2010
      // Copie des images
      $.ajax({
          data: 'idsite=' + idsite + '&idparticipant=' + idparticipant + '&numero=' + numero + '&action=get_dessin_max',
          dataType: 'html',
          success: function(response) {
          
            //$('.dessin_max').html(msg);
            $('.dessin_max').css('background','url(/dessins/' + response + '_328.png)');
          }
      });
    	
    	$.ajax({
      		data: 'idsite=' + idsite + '&idparticipant=' + idparticipant + '&numero=' + numero + '&action=get_prenom',
      		dataType: 'html',
      		success: function(msg) {
        		$('.eleve_nom').html(msg);
      		}
    	});
	});
}

function send_enparler() {
	var f = document.f_enparler;
  	var tab_mails;
  	var o = new Object();
  	var req = new Array('sendmail_enparler','sendfrom_enparler');
  	var str = new Array('destinataires','e-mail');
  	var reg = new RegExp('[ ,;]+', 'g');
  
  	trimFields(f);
  	for (var i=0;i<req.length;i++) {
    	if (!f[req[i]].value.match(/\w+/)) {
      		o[req[i]] = "Veuillez indiquer le champ '"+str[i]+"'";
    	}
  	}
  
  	tab_mails=f.sendmail_enparler.value.split(reg);
  	if (f.sendmail_enparler.value && tab_mails.length<=10) {
    	for (var i=0;i<tab_mails.length;i++){
      		if (tab_mails[i] && !checkEmail(tab_mails[i])) {
        		if (!o["sendmail_enparler"]) o["sendmail_enparler"] = "";
        		o["sendmail_enparler"] += 'L\'e-mail de votre ami '+tab_mails[i]+' est incorrect\n<br/>';
      		}
    	}
  	}
  	else if (tab_mails.length>10) o["sendmail_enparler"]+='Vous ne pouvez pas envoyer ‡ plus de 10 personnes simultanément.';

  	if (f.sendfrom_enparler.value && !checkEmail(f.sendfrom_enparler.value))
    	o["sendfrom_enparler"] = "Votre adresse email est invalide";

  		f.jcheck.value = String.fromCharCode(79)+String.fromCharCode(75);
  
  	if ($.toJSON(o)!="{}") return msgAlertBulle(f,o);
}

// MODIF JB 10/03/2010
// Alert JS
function send_vote() {
	var f = document.f_vote;
	trimFields(f);
  var o = new Object();
  
  $.ajax({
    async: false, 
      data: 'sendfrom_vote=' + f.sendfrom_vote.value + '&action=vote_exist',
      success: function(msg) {
      //alert(msg);
      if(msg == 'nok'){
        o["sendfrom_vote"] = 'Vous avez déja voté. Un seul vote par adresse e-mail est autorisé';
      }
    }
  });
  
  if ((f.sendfrom_vote.value && !checkEmail(f.sendfrom_vote.value)) || !f.sendfrom_vote.value.match(/\w+/))
    o["sendfrom_vote"] = "Veuillez indiquer une email valide !";
    
    $('#bulle_sendfrom_vote').text(o["sendfrom_vote"]);
        
    f.jcheck.value = String.fromCharCode(79)+String.fromCharCode(75);
        
    if ($.toJSON(o)!="{}") return msgAlertBulle(f,o); 
}

function send_identifiant() {
  	if(!$('#sendfrom_identifiant').attr('value').match(/[a-zA-Z0-9\._-]+@[a-zA-Z0-9\._-]+[.]+[a-zA-Z]+/)){
  		$('#bulle_email').show();
  		return false;
  	} else {
  		var f = document.f_identifiant;
  		f.jcheck.value = String.fromCharCode(79)+String.fromCharCode(75);
  		$('#bulle_email').hide();			
  	}  	
}

function loadoverlay_dessin(id){
	var element;
	if(!id) {
		element = ".overlay_dessin";
	} else {
		element = "#img_" + id;
	}
	
	$(element).overlay({
		onBeforeLoad: function(event) {
			var date = new Date();
			var time = date.getTime();
		
			var id = this.getTrigger().parent('td').attr('id');
    		$('#overlay_dessin img').attr('src','/dessins/' + id + '_600.png?' + time);
    	},
		top: 100,
		left:"center",
		expose: {
          color: '#FFFFFF'
    	},
    	onClose: function(event) {
     		$('#overlay_dessin img').attr('src','/sites/initiatives_creation/modules/Concours/imgs/fond_chargement.jpg');
    	}
	});
}

//verrouillage interface
function lock () {
  	var idsite = $('#idsite').attr('value');
  	$('#password_unlock').val('');
  	
	$.ajax({
		data: 'idsite=' + idsite + '&action=lock',
		success: function() {
			$('#dessin #lock').show();
			centerlock();
		}
	});
}

//centrage popup lock dans page
function centerlock(){
	$('#lock_background').css("width", $(window).width());
	$('#dessin #lock_fond').css("top", ( $(window).height() - $('#dessin #lock_fond').height() ) / 2+$(window).scrollTop() + "px");
	$('#dessin #lock_content').css("top", ( $(window).height() - $('#dessin #lock_content').height() ) / 2+$(window).scrollTop() + "px");
}

//deverouillage interface
function unlock() {
  	var idsite = $('#idsite').attr('value');
  	var password = $('#password_unlock').attr('value');

	$.ajax({
		data: 'idsite=' + idsite + '&password=' + password + '&action=unlock',
		success: function(msg) {
			if(msg == 'unlock') {
				$('#dessin #lock').hide();
				$('#tutorial').show();
			} else {
				alert('Le mot de passe est incorrecte !');
			}
		}
	});
}


//tri eleve
function tri_eleve(){
  	var idsite = $('#idsite').attr('value');
  	var validation = $('#validation').attr('value');
  	var order = $('#tab_eleve thead #trier').attr('class');
  	var html = '';
  	var style;
  	var nb_eleve = 0;
  	
  	$('#tab_eleve thead #trier').toggleClass('asc','desc').toggleClass('desc','asc');

	$.ajax({
		data: 'idsite=' + idsite + '&order=' + order + '&action=tri_eleve',
		dataType: 'json',
		success: function(object) {
			$.each(object, function(id, eleve){
				html += '<tr>';
				html += '<td class="nom" style="border-left:solid 1px #919191;">';
				
				if(validation != 1) {
				
					html += '<input type="text" name="nom" id="nom_' + eleve.id + '" value="' + eleve.nom + '" />';
				
				} else {
				
					html += eleve.nom;
				
				}
				
				html += '</td>';
				html += '<td class="prenom">';
				
				if(validation != 1) {
				
					html += '<input type="text" name="prenom" id="prenom_' + eleve.id + '" value="' + eleve.prenom + '" />';
				
				} else {
				
					html += eleve.prenom;
				
				}				
					
				html += '</td>';
				html += '<td class="etat" id=etat_' + eleve.id + '>';
				
				if(eleve.nom && eleve.prenom) {
				
					style = 'display:block';
				
				} else {
				
					style = 'display:none';
				
				}
				
				switch(eleve.etat_dessin) {
					case "0": html += '<a class="btn_dessin_commencer" id="btn_dessin_commencer_' + eleve.id + '" style="padding:0;' + style + '" onclick=\'x=window.open("/sites/initiatives_creation/modules/Concours/application.php?dessin=' + eleve.dessin + '","Dessin", "height=703, width=1014, menubar=no, location=no, toolbar=no, resizable=no, directories=no, status=no, scrollbars=yes, top=0, left=0");return false;\' href="#"></a>';
					break;
					case "1": html += '<a class="btn_dessin_reprendre" id="btn_dessin_reprendre_' + eleve.id + '" style="padding:0;' + style + '" onclick=\'x=window.open("/sites/initiatives_creation/modules/Concours/application.php?dessin=' + eleve.dessin + '","Dessin", "height=703, width=1014, menubar=no, location=no, toolbar=no, resizable=no, directories=no, status=no, scrollbars=yes, top=0, left=0");return false;\' href="#"></a><a class="btn_dessin_terminer" id="btn_dessin_terminer_' + eleve.id + '" style="padding:0"></a>';
					break;
					case "2": html += '<div class="coche_verte"></div><div class="texte" style="float:left;line-height:46px;">Ce dessin est termin&eacute;</div>';
					break;
				}			
				
				html += '</td>';
				html += '<td class="dessin" id="' + eleve.dessin + '">';
				
				if(eleve.dessin_ok == 'ok') {
				
					html += '<img id="img_' + eleve.dessin + '" class="overlay_dessin" src="/dessins/' + eleve.dessin + '_40.png" style="width:40px;height:40px;" rel="#overlay_dessin" />';
				
				} 				
				
				html += '</td>';
				
				if(validation != 1) {
				
					html += '<td class="del_eleve" id="supprimer_' + eleve.id + '" style="border-right:solid 1px #919191;"><img src="/sites/initiatives_creation/modules/Concours/imgs/bouton_supprimer_eleve.png" alt="supprimer cet élève" style="width:15px;height:15px;"/></td>';
				
				} else {
				
					html += '<td style="border-right:solid 1px #919191;"></td>';
				
				}					
				
				html += '</tr>';
				
				nb_eleve++;
				
			});
			
			if(validation != 1) {			
			
				for(x = nb_eleve; x<22; x++) {
					html += '<tr>';
					html += '<td class="nom" style="border-left:solid 1px #919191;"><input type="text" name="nom" /></td>';
					html += '<td class="prenom"><input type="text" name="prenom" /></td>';
					html += '<td class="etat">';
					html += '<a class="btn_dessin_commencer" style="display:none;padding:0;" href="#"></a>	';
					html += '</td>';
					html += '<td class="dessin"></td>';
					html += '<td class="del_eleve" style="border-right:solid 1px #919191;"><img src="/sites/initiatives_creation/modules/Concours/imgs/bouton_supprimer_eleve.png" alt="supprimer cet élève" style="width:15px;height:15px;display:none;" /></td>';
					html += '</tr>';																		
				}
				
				html += '<tr>';
				html += '<td class="nom" style="border-left:solid 1px #919191;"><input type="text" name="nom" class="add_eleve" /></td>';
				html += '<td class="prenom"><input type="text" name="prenom" /></td>';
				html += '<td class="etat">';
				html += '<a class="btn_dessin_commencer" style="display:none;padding:0;" href="#"></a>	';
				html += '</td>';
				html += '<td class="dessin"></td>';
				html += '<td class="del_eleve" style="border-right:solid 1px #919191;"><img src="/sites/initiatives_creation/modules/Concours/imgs/bouton_supprimer_eleve.png" alt="supprimer cet élève" style="width:15px;height:15px;display:none;" /></td>';
				html += '</tr>';
				
				for(x = 0; x<2; x++) {
					html += '<tr>';
					html += '<td class="nom" style="border-left:solid 1px #919191;"><input type="text" name="nom" /></td>';
					html += '<td class="prenom"><input type="text" name="prenom" /></td>';
					html += '<td class="etat">';
					html += '<a class="btn_dessin_commencer" style="display:none;padding:0;" href="#"></a>	';
					html += '</td>';
					html += '<td class="dessin"></td>';
					html += '<td class="del_eleve" style="border-right:solid 1px #919191;"><img src="/sites/initiatives_creation/modules/Concours/imgs/bouton_supprimer_eleve.png" alt="supprimer cet élève" style="width:15px;height:15px;display:none;" /></td>';
					html += '</tr>	';																		
				}					
			
			}
				
			$('#tab_eleve tbody').html(html);
			
			loadoverlay_dessin();
			
			evt_tab_eleves();					
		}
	});
}

function dessin_exist(){
	var idsite = $('#idsite').val();
	$.ajax({
		data: 'idsite=' + idsite + '&action=dessin_exist',
		success: function(msg) {
			if(msg == "error") {
				$('#popupvalidation .publication').css('display','none');
				$('#popupvalidation .manque').css('display','block');
				$('#popupvalidation .validation').css('display','none');
			} else {
				$('#popupvalidation .publication').css('display','block');
				$('#popupvalidation .manque').css('display','none');
				$('#popupvalidation .validation').css('display','none');			
			}
		}
	});
}