$(function() {
  
  $('a#agrandir_moinsid').click(function() { // When an item is clicked
		//alert('ooo');					 
		var id = $(this).attr('rel'); // Retrieve its content ID
		var showing = $(id).is(':visible'); // Remember if that content was already visible
		$('div.ss_menu').slideUp('fast'); // Hide them all
		if (!showing) { // If it wasn't visible
			  $(id).slideDown('fast'); // Show it
			   document.getElementById('fleche_achat').className="fleche_haut";
			   document.getElementById('fleche_achat2').className="fleche_bas";
			   document.getElementById('fleche_achat3').className="fleche_bas";
			  document.getElementById('fleche_achat4').className="fleche_bas";
			  if (document.getElementById('fleche_achat5')) {
				  document.getElementById('fleche_achat5').className="fleche_bas";
			  } else {}			   
		}else{
			  $(id).slideUp('fast'); // Show it
			  document.getElementById('fleche_achat').className="fleche_bas";
			   document.getElementById('fleche_achat2').className="fleche_bas";
			   document.getElementById('fleche_achat3').className="fleche_bas";
			  document.getElementById('fleche_achat4').className="fleche_bas";
			  if (document.getElementById('fleche_achat5')) {
				  document.getElementById('fleche_achat5').className="fleche_bas";
			  } else {}			   
		}
		
		
  });
  $('a#agrandir_moinsid2').click(function() { // When an item is clicked
		//alert('ooo');					 
		var id = $(this).attr('rel'); // Retrieve its content ID
		var showing = $(id).is(':visible'); // Remember if that content was already visible
		$('div.ss_menu').slideUp('fast'); // Hide them all
		if (!showing) { // If it wasn't visible
			  $(id).slideDown('fast'); // Show it
			  document.getElementById('fleche_achat').className="fleche_bas";
			   document.getElementById('fleche_achat2').className="fleche_haut";
			   document.getElementById('fleche_achat3').className="fleche_bas";
			  document.getElementById('fleche_achat4').className="fleche_bas";
			  if (document.getElementById('fleche_achat5')) {
				  document.getElementById('fleche_achat5').className="fleche_bas";
			  } else {}			   
		}else{
			  $(id).slideUp('fast'); // Show it
			  document.getElementById('fleche_achat').className="fleche_bas";
			  document.getElementById('fleche_achat2').className="fleche_bas";
			  document.getElementById('fleche_achat3').className="fleche_bas";
			  document.getElementById('fleche_achat4').className="fleche_bas";
			  if (document.getElementById('fleche_achat5')) {
				  document.getElementById('fleche_achat5').className="fleche_bas";
			  } else {}			  
		}
		
  });
  $('a#agrandir_moinsid3').click(function() { // When an item is clicked
		//alert('ooo');					 
		var id = $(this).attr('rel'); // Retrieve its content ID
		var showing = $(id).is(':visible'); // Remember if that content was already visible
		$('div.ss_menu').slideUp('fast'); // Hide them all
		if (!showing) { // If it wasn't visible
			  $(id).slideDown('fast'); // Show it
			  document.getElementById('fleche_achat').className="fleche_bas";
			  document.getElementById('fleche_achat2').className="fleche_bas";
			  document.getElementById('fleche_achat3').className="fleche_haut";
			  document.getElementById('fleche_achat4').className="fleche_bas";
			  if (document.getElementById('fleche_achat5')) {
				  document.getElementById('fleche_achat5').className="fleche_bas";
			  } else {}		  
		}else{
			  $(id).slideUp('fast'); // Show it
			  document.getElementById('fleche_achat').className="fleche_bas";
			  document.getElementById('fleche_achat2').className="fleche_bas";
			  document.getElementById('fleche_achat3').className="fleche_bas";
			  document.getElementById('fleche_achat4').className="fleche_bas";
			  if (document.getElementById('fleche_achat5')) {
				  document.getElementById('fleche_achat5').className="fleche_bas";
			  } else {}			  
		}
		
  });
  
   $('a#agrandir_moinsid4').click(function() { // When an item is clicked
		//alert('ooo');					 
		var id = $(this).attr('rel'); // Retrieve its content ID
		var showing = $(id).is(':visible'); // Remember if that content was already visible
		$('div.ss_menu').slideUp('fast'); // Hide them all
		if (!showing) { // If it wasn't visible
			  $(id).slideDown('fast'); // Show it
			  document.getElementById('fleche_achat').className="fleche_bas";
			  document.getElementById('fleche_achat2').className="fleche_bas";
			  document.getElementById('fleche_achat3').className="fleche_bas";
			  document.getElementById('fleche_achat4').className="fleche_haut";
			  if (document.getElementById('fleche_achat5')) {
				  document.getElementById('fleche_achat5').className="fleche_bas";
			  } else {}
		}else{
			  $(id).slideUp('fast'); // Show it
			  document.getElementById('fleche_achat').className="fleche_bas";
			  document.getElementById('fleche_achat2').className="fleche_bas";
			  document.getElementById('fleche_achat3').className="fleche_bas";
			  document.getElementById('fleche_achat4').className="fleche_bas";
			  if (document.getElementById('fleche_achat5')) {
				  document.getElementById('fleche_achat5').className="fleche_bas";
			  } else {}		  
		}
		
  });

   $('a#agrandir_moinsid5').click(function() { // When an item is clicked
		//alert('ooo');					 
		var id = $(this).attr('rel'); // Retrieve its content ID
		var showing = $(id).is(':visible'); // Remember if that content was already visible
		$('div.ss_menu').slideUp('fast'); // Hide them all
		if (!showing) { // If it wasn't visible
			  $(id).slideDown('fast'); // Show it
			  document.getElementById('fleche_achat').className="fleche_bas";
			  document.getElementById('fleche_achat2').className="fleche_bas";
			  document.getElementById('fleche_achat3').className="fleche_bas";
			  document.getElementById('fleche_achat4').className="fleche_bas";
			  if (document.getElementById('fleche_achat5')) {
				  document.getElementById('fleche_achat5').className="fleche_haut";
			  } else {}			  
		}else{
			  $(id).slideUp('fast'); // Show it
			  document.getElementById('fleche_achat').className="fleche_bas";
			  document.getElementById('fleche_achat2').className="fleche_bas";
			  document.getElementById('fleche_achat3').className="fleche_bas";
			  document.getElementById('fleche_achat4').className="fleche_bas";
			  if (document.getElementById('fleche_achat5')) {
				  document.getElementById('fleche_achat5').className="fleche_bas";
			  } else {}
		}
		
  });


});