$(function() {	
    // These first three lines of code compensate for Javascript being turned on and off. 
    // It simply changes the submit input field from a type of "submit" to a type of "button".

    //var paraTag = $('#boutton_recherche_id');
	//$(paraTag).append('<input type="button" name="ref_submit" id="ref_submit" value="Trouver" title="Trouver un message grace à sa réference"/>');

    $('#recherche_reference #ref_submit').click(function() {
	
	if(click_ref){
		click_ref = false;
	//$('#recherche_reference input#ref_submit').submit(function() {
        //$('#recherche_reference').append('<img src="img/ajax-loader.gif" class="loaderIcon" alt="" />');
		var bouton = $(this);
		$(bouton).attr("disabled", "true");
		var paraTag2 = $('#retour_wall');
		$(paraTag2).children('#retour').remove();
		$(paraTag2).append('<span id="load"> </span>');
		$('#load').hide();
		$('#load').append('<img src="img/ajax-loader.gif" class="loaderIcon" alt="Loading..." />');
		$(paraTag2).append('<span id="retour"> </span>');
		
		var paraTag = $('#corps');
		$('#corps_filtre table').hide();
		$('#page_affiche').fadeOut(500, function () {
			$(paraTag).css({'height' : '200px'});
			$('#load').fadeIn(100);;
			$(paraTag).children('#corps_filtre').remove();
			
			$(paraTag).append('<div id="corps_filtre"><div id="bloc_pagination"><div id="page_affiche"></div><table><tr><td id="page"> PAGE :</td><td><span id="Pagination" class="pagination"></span></td></tr></table><div id="messages_cache"></div></div></div>');
			$('#corps_filtre table').hide();
			$('#page_affiche').hide();
			//$(paraTag).children('#corps_filtre').hide();
			//$(paraTag).append('<input type="button" name="submit" id="submit" value="Filtrer!" />');
			//$('#corps #corps_filtr').remove();
			
			
			var reference = $('input#reference').val();
			var send_reference = $('input#send_reference').val();
			
			$.ajax({
				url: './php/messages.php',
				type: 'post',
				data: 'reference=' + reference + '&send_reference=' + send_reference,


				 success: function(results) {
					$('#load img.loaderIcon').fadeOut(1000, function() {
					$('#messages_cache').html(results);
					var num_entries = $('#nombre_total_message').val();
					paginer();
					$('#load').remove();
					$(paraTag).css({'height' : ''});
					
					$('#page_affiche').fadeIn(1500, function() {
						$('#messages_cache').hide();
						$(paraTag2).children('#retour').append('<input type="submit" value="RETOUR" />');
						$(bouton).removeAttr("disabled");
						click_ref = true;
						 //-------------------------------------------
						// activation des bouttons  meme fonctions que modifier.js et supprimer.js
						//call_modifier();
						//call_supprimer();
						 
						//---------------------------------equivalent boxy reponse---------------------
						//call_boxy_reponse();
						//-----------------------------------------------------------------------------------
						// call_boxy_remonter();
						});
					});
				}
			}); // end ajax
		
		});
	
	}
    });
	
	
	$('#reference').keyup(function(e) {
	//alert(e.keyCode);
	if(e.keyCode == 13) {
		if(click_ref){
		click_ref = false;
	//$('#recherche_reference input#ref_submit').submit(function() {
        //$('#recherche_reference').append('<img src="img/ajax-loader.gif" class="loaderIcon" alt="" />');
		var bouton = $('#recherche_reference #ref_submit');
		$(bouton).attr("disabled", "true");
		var paraTag2 = $('#retour_wall');
		$(paraTag2).children('#retour').remove();
		$(paraTag2).append('<span id="load"> </span>');
		$('#load').hide();
		$('#load').append('<img src="img/ajax-loader.gif" class="loaderIcon" alt="Loading..." />');
		$(paraTag2).append('<span id="retour"> </span>');
		
		var paraTag = $('#corps');
		$('#corps_filtre table').hide();
		$('#page_affiche').fadeOut(500, function () {
			$(paraTag).css({'height' : '200px'});
			$('#load').fadeIn(100);;
			$(paraTag).children('#corps_filtre').remove();
			
			$(paraTag).append('<div id="corps_filtre"><div id="bloc_pagination"><div id="page_affiche"></div><table><tr><td id="page"> PAGE :</td><td><span id="Pagination" class="pagination"></span></td></tr></table><div id="messages_cache"></div></div></div>');
			$('#corps_filtre table').hide();
			$('#page_affiche').hide();
			//$(paraTag).children('#corps_filtre').hide();
			//$(paraTag).append('<input type="button" name="submit" id="submit" value="Filtrer!" />');
			//$('#corps #corps_filtr').remove();
			
			
			var reference = $('input#reference').val();
			var send_reference = $('input#send_reference').val();
			
			$.ajax({
				url: './php/messages.php',
				type: 'post',
				data: 'reference=' + reference + '&send_reference=' + send_reference,


				 success: function(results) {
					$('#load img.loaderIcon').fadeOut(1000, function() {
					$('#messages_cache').html(results);
					var num_entries = $('#nombre_total_message').val();
					paginer();
					$('#load').remove();
					$(paraTag).css({'height' : ''});
					
					$('#page_affiche').fadeIn(1500, function() {
						$('#messages_cache').hide();
						$(paraTag2).children('#retour').append('<input type="submit" value="RETOUR" />');
						$(bouton).removeAttr("disabled");
						click_ref = true;
						 //-------------------------------------------
						// activation des bouttons  meme fonctions que modifier.js et supprimer.js
						//call_modifier();
						//call_supprimer();
						 
						//---------------------------------equivalent boxy reponse---------------------
						//call_boxy_reponse();
						//-----------------------------------------------------------------------------------
						// call_boxy_remonter();
						});
					});
				}
			}); // end ajax
		
		});
	
	}
	}
	});
	
});