diapo_tm    = null;
diapo_int   = 5000;
diapo_trans = "true";
				
$(document).ready(function(){
	var bloc = $("> a, > div", $("#cadreHaut")).eq(0);
	var blocDiapo = $(".diapo", $("#cadreHaut")).eq(0);
	
	for (k in diapo) {
		var blocTmp = blocDiapo.clone();
		$("img", blocTmp).attr('src', diapo_rep + diapo[k]['img']).attr('alt', diapo[k]['titre']);
		$("div p", blocTmp).html(diapo[k]['titre']);
		
		var nvBloc = diapo[k]['lien'] ? $("<a href='" + diapo[k]['lien'] + "'></a>").append(blocTmp) : blocTmp;
		$("#cadreHaut").append(nvBloc.hide());
	}
	
	if ($("> a, > div", $("#cadreHaut")).length > 1) {	
		//bloc.addClass('select');
		$('<p id="diapo_flecheD"><!-- --></p>').click(function(){
			changerDiapo(true, false);
		}).appendTo($("#cadreHaut"));
		$('<p id="diapo_flecheG"><!-- --></p>').click(function(){
			changerDiapo(false, false);
		}).appendTo($("#cadreHaut"));
		$("#diapo_flecheG, #diapo_flecheD").css('opacity', 0.2);
		
		diapo_tm = setTimeout("changerDiapo(true, " + diapo_trans + ")", diapo_int);
	}
});

function changerDiapo(en_avant, transition){
	clearTimeout(diapo_tm);
	var blocSelect = $("> a, > div", $("#cadreHaut")).eq(0);
		
	if ( en_avant ){
		var blocSuiv = blocSelect.next('a,div');
		$("> a, > div", $("#cadreHaut")).last().after(blocSelect) 
	}
	else {
		var blocSuiv = $("> a, > div", $("#cadreHaut")).last();
		blocSuiv.prependTo($("#cadreHaut"));
	}
	
	if ( transition ){
		blocSelect.fadeIn(1000);
		blocSuiv.fadeOut(2000);
	}
	else {
		blocSelect.hide();
		blocSuiv.show();
		
	}
	

	
	
	diapo_tm = setTimeout("changerDiapo(true, "+ diapo_trans +")", diapo_int);
	
	/*
	var blocSuiv = en_avant ? blocSelect.next() : $("> a, > div", $("#cadreHaut")).last();
		
	// c'est toujours le premier bloc que l'on affiche
	// => on recupere le premier bloc, on le place en dernier et on jour sur le truc
	
	/*var blocSelect = $("> .select", $("#cadreHaut"));
	blocSelect = blocSelect.length > 0 ? blocSelect.eq(0) : $("> a, > div", $("#cadreHaut")).eq(0);
			
	if ( en_avant )
		blocSuiv = blocSelect.next('div,a').length == 0 ? $("> a, > div", $("#cadreHaut")).eq(0) : blocSelect.next('div,a');
	else
		blocSuiv = blocSelect.prev('div,a').length == 0 ? $("> a, > div", $("#cadreHaut")).last() : blocSelect.prev('div,a');
	
	
	
	
	blocSelect.appendTo($("#cadreHaut"));
	if ( transition ){
		blocSelect.fadeOut(1000);
		blocSuiv.fadeIn(500);
	}
	else {
		blocSelect.hide();
		blocSuiv.show();
		
	}
	diapo_tm = setTimeout("changerDiapo(true, true)", diapo_int);*/
}