$(document).ready(function() {
	$('div.blocProduit li a.petiteImage1').click(function(){
		var petiteImageHidden = $('input[name="petiteImage1"]').val();
		var petiteImageShow = $('div.blocProduit li a.petiteImage1 .divPetiteImage img').attr('src');
		var petiteImage = $('div.blocProduit li a.petiteImage1 .divPetiteImage img').attr('src',petiteImageHidden);
		petiteImage = $('div.blocProduit li a.petiteImage1 .divPetiteImage').html();
		var grandeImageHidden = $('input[name="grandeImage"]').val();
		var grandeImageShow = $('.divGrandeImage img').attr('src');
		var grandeImage = $('.divGrandeImage img').attr('src',grandeImageHidden);
		grandeImage = $('.divGrandeImage').html();

		$('.divGrandeImage').html(petiteImage);
		$('div.blocProduit li a.petiteImage1 .divPetiteImage').html(grandeImage);
		$('input[name="grandeImage"]').val(petiteImageShow);
		$('input[name="petiteImage1"]').val(grandeImageShow);	
	});
	$('div.blocProduit li a.petiteImage2').click(function(){
		var petiteImageHidden = $('input[name="petiteImage2"]').val();
		var petiteImageShow = $('div.blocProduit li a.petiteImage2 .divPetiteImage img').attr('src');
		var petiteImage = $('div.blocProduit li a.petiteImage2 .divPetiteImage img').attr('src',petiteImageHidden);
		petiteImage = $('div.blocProduit li a.petiteImage2 .divPetiteImage').html();
		var grandeImageHidden = $('input[name="grandeImage"]').val();
		var grandeImageShow = $('.divGrandeImage img').attr('src');
		var grandeImage = $('.divGrandeImage img').attr('src',grandeImageHidden);
		grandeImage = $('.divGrandeImage').html();

		$('.divGrandeImage').html(petiteImage);
		$('div.blocProduit li a.petiteImage2 .divPetiteImage').html(grandeImage);
		$('input[name="grandeImage"]').val(petiteImageShow);
		$('input[name="petiteImage2"]').val(grandeImageShow);	
	});	
	$('div.blocProduit li a.petiteImage3').click(function(){
		var petiteImageHidden = $('input[name="petiteImage3"]').val();
		var petiteImageShow = $('div.blocProduit li a.petiteImage3 .divPetiteImage img').attr('src');
		var petiteImage = $('div.blocProduit li a.petiteImage3 .divPetiteImage img').attr('src',petiteImageHidden);
		petiteImage = $('div.blocProduit li a.petiteImage3 .divPetiteImage').html();
		var grandeImageHidden = $('input[name="grandeImage"]').val();
		var grandeImageShow = $('.divGrandeImage img').attr('src');
		var grandeImage = $('.divGrandeImage img').attr('src',grandeImageHidden);
		grandeImage = $('.divGrandeImage').html();

		$('.divGrandeImage').html(petiteImage);
		$('div.blocProduit li a.petiteImage3 .divPetiteImage').html(grandeImage);
		$('input[name="grandeImage"]').val(petiteImageShow);
		$('input[name="petiteImage3"]').val(grandeImageShow);	
	});	
	$('div.blocProduit li a.petiteImage4').click(function(){
		var petiteImageHidden = $('input[name="petiteImage4"]').val();
		var petiteImageShow = $('div.blocProduit li a.petiteImage4 .divPetiteImage img').attr('src');
		var petiteImage = $('div.blocProduit li a.petiteImage4 .divPetiteImage img').attr('src',petiteImageHidden);
		petiteImage = $('div.blocProduit li a.petiteImage4 .divPetiteImage').html();
		var grandeImageHidden = $('input[name="grandeImage"]').val();
		var grandeImageShow = $('.divGrandeImage img').attr('src');
		var grandeImage = $('.divGrandeImage img').attr('src',grandeImageHidden);
		grandeImage = $('.divGrandeImage').html();

		$('.divGrandeImage').html(petiteImage);
		$('div.blocProduit li a.petiteImage4 .divPetiteImage').html(grandeImage);
		$('input[name="grandeImage"]').val(petiteImageShow);
		$('input[name="petiteImage4"]').val(grandeImageShow);	
	});	
});