$(function(){
	var selected = 1;
	$(".numeros ul li").click(function(){
		var text = $(this).text();
		changeDiapo(text);
	});
	function changeDiapo(num){
		clearInterval(timer);
		$(".numeros ul li").removeClass('actif');
		$(".numeros ul li:eq("+(num-1)+")").addClass('actif');
		$("#apercu").fadeOut(function(){
			$("#apercu").attr('src', 'images/apercu/apercu_'+num+'.jpg').fadeIn();
		});
		$(".description").slideUp(400, function(){
			setTimeout('$("#description'+num+'").slideDown()', 400);
		});
		selected = num;
		timer = setInterval(function(){diaporama();}, 5000)
	}
	function diaporama(){
		var num = selected%5 + 1;
		changeDiapo(num);
	}
	var timer = setInterval(function(){diaporama();}, 5000)
	var blocRea = '<div class="realisation_bloc">'+
						'<img src="" alt="" class="image"/>'+
						'<p class="gauche">'+
						'</p>'+
						'<a href=""><img src="images/bouton_www.png" alt="" class="bouton_www"/></a>'+
						'<a href=""><img src="images/bouton_voir.png" alt="" class="bouton_voir"/></a>'+
						'<div class="clear"></div>'+
					'</div>';
	$(".bouton_plus").click(function(){
		$(".realisation_bloc").slideUp(400, function(){$(".realisation_bloc").remove();});
		var t = $(this);
		setTimeout(function(){
			var par = t.offsetParent();
			var www = par.children('a').attr('href');
			var ligne = par.offsetParent().attr('id');
			ligne = ligne.substr(ligne.length-1, 1);
			$("#realisationLigne"+ligne).html(blocRea);
			var src = par.children('.image').attr('src');
			var newsrc = src.substring(0, src.length-4)+'_grande'+src.substring(src.length-4, src.length);

			var apercu = 'images/rea/realisations_apercu_'+src.substring(30, src.length-4)+src.substring(src.length-4, src.length);

			var desc = par.children('.descProduit').text();
			var html1 = par.children('.gauche').html().split('<br>');
			var html = html1[0]+'<br/>'+html1[1]+'<br/>Description : <span>'+desc+'</span>';
			$(".realisation_bloc .gauche").html(html);
			$(".realisation_bloc .image").attr('src', newsrc);
			$(".realisation_bloc a:eq(0)").attr('href', www);
			$(".realisation_bloc a:eq(1)").attr('href', apercu);
			$(".realisation_bloc a:eq(1)").lightBox();
			$(".realisation_bloc").slideDown();
		}, 500);
		return false;
	});
});