bouton = new Image();
bouton.src = "images/site/ajouterpanier2.png";

function changerImage(url_nouvelle_image, url_nouvelle_image_hq, nomprod, couleur){
	// changement du contenu du div imagedynamique
	document.getElementById('imagedynamique').innerHTML = '<a href="'+url_nouvelle_image_hq+'" class="jqzoom" style="" title="'+nomprod+' '+couleur+'"><img style="max-height:400px; max-width:300px; border: 1px solid #666;" src="'+url_nouvelle_image+'"  title="'+nomprod+' '+couleur+'" />	</a><br /><a id="single_image" href="'+url_nouvelle_image_hq+'" style="font-size:small;">Agrandir l\'image</a>';
	
	// réinitialisation de jqzoom et fancybox
	$(function() {
		var options = {
			    zoomWidth: 300,
			    zoomHeight: 300,
		            xOffset: 70,
		            yOffset: -20,
		            position: "right" //and MORE OPTIONS
		};
			$('.jqzoom').jqzoom(options);
	});
	$(function() {
		
		/* This is basic - uses default settings */
		
		$("a#single_image").fancybox();
		
		/* Using custom settings */
		
		$("a#inline").fancybox({
			'hideOnContentClick': false
		});

		/* Apply fancybox to multiple items */
		
		$("a.group").fancybox({
			'transitionIn'	:	'elastic',
			'transitionOut'	:	'elastic',
			'speedIn'		:	600, 
			'speedOut'		:	200, 
			'overlayShow'	:	false
		});
		
	});
}