var styleTag = document.createElement ("style");
var head = document.getElementsByTagName ("head")[0];
head.appendChild (styleTag);
var sheet = document.styleSheets[0];
if (sheet.addRule) 
	sheet.addRule (".blocUneGalerieMasquer", "display:none", 0);
else 
	sheet.insertRule (".blocUneGalerieMasquer {display:none;}", 0);
	
$(function() {
	function changeImg(nomphoto)
		{
		var urlImg=$('#urlImg').val();
		var reg=new RegExp("_", "g");
		var tableau=nomphoto.split(reg);
		nomphoto=urlImg+tableau[1]+'.jpg';
		$("#imgMoyenAff").ImageSwitch({Type:"FadeIn", NewImage:nomphoto, EffectOriginal: true, Speed: 2000});		
		}
	function changeGalerieDemarage()
		{
		var idPremierGal=$('#idPremierGal').val();
		var urlImg=$('#urlImg').val();
		$("#bti").html($('#bti'+idPremierGal).html()).fadeIn();
		$("#bde").html($('#bde'+idPremierGal).html()).fadeIn();
		$("#listeAutreImages").fadeOut(0,function(){$(this).empty().append($('#lai'+idPremierGal).html()).fadeIn(0)});
		
		nomphoto=$('#conteneurGalerie .miniatureGalerie:first').attr('rel');
		var reg=new RegExp("_", "g");
		var tableau=nomphoto.split(reg);
		nomphoto=urlImg+tableau[1]+'.jpg';
		$("#imgMoyenAff").ImageSwitch({Type:"FadeIn", NewImage:nomphoto, EffectOriginal: true, Speed: 0});
		$('.miniatureGalerie').click(function(){changeImg($(this).attr('rel'));});
		}
	function changeGalerie(num)
		{
		$('#bti').animate({opacity: 0.01}, 1000, function() {$(this).html($('#bti'+num).html()).animate({opacity: 0.99}, 1000);});
		$('#bde').animate({opacity: 0.01}, 1000, function() {$(this).html($('#bde'+num).html()).animate({opacity: 0.99}, 1000);});		
		$("#listeAutreImages").fadeOut(1000,function(){$(this).empty().append($('#lai'+num).html()).fadeIn(1000,function(){
			$('.miniatureGalerie').click(function(){changeImg($(this).attr('rel'));});
			});});
		changeImg($('#bug'+num+' .miniatureGalerie:first').attr('rel'));
		}
	$("#conteneurGalerie").append('<h3 id="bti" class="titreGalerie"></h3>')
		.append('<div class="imgMoyen"><img id="imgMoyenAff"></div>')		
		.append('<p id="bde" class="paraGalerie"></p>')
		.append('<div id="listeAutreImages" class="autreImages"></div>')
		.append('<hr class="spacer" />');
	if (document.getElementById('conteneurGalerie'))
		changeGalerieDemarage();	
		
	$('.icoAutreGal').click(function(){id=$(this).attr('id').substring(3,50);changeGalerie(id);});
	}
	
	);