window.onload=demarrer;

function demarrer() {
	SetFocus();
	verifieJit();
	displayParagrapheH3();
	anime_divs('anim_templates');
}

function displayParagrapheH3(){
	// si click sur titre H3 dans div class="paragraphe_texte H3
	// afficher ul et p
	var baliseDivs=Array();
	var class_DIV = "paragraphe_texte H3";
	hideParagrapheH3(class_DIV);
	var baliseDivs = getElementsByClassName(class_DIV, 'DIV') ;
	if(!baliseDivs) return false;
	var nbre_divs=baliseDivs.length;
	if(nbre_divs>0){
		//alert('nbre_divs : '+nbre_divs);
		for(var i=0; i<nbre_divs; i++){
			var baliseH3=baliseDivs[i].firstChild;
			var nbre_divChilds=baliseDivs.length;
			if(nbre_divChilds>0){
				baliseH3.onclick=function(){
					hideParagrapheH3(class_DIV);
					showParagrapheH3(this.parentNode);
				}
			}
		}
	}
}
function hideParagrapheH3(class_DIV){
	//alert('hideParagrapheH3('+class_DIV+')');
	var baliseDivs = getElementsByClassName(class_DIV, 'DIV') ;
	if(!baliseDivs) return false;
	var nbre_divs=baliseDivs.length;
	if(nbre_divs>0){
		//alert('nbre_divs : '+nbre_divs);
		for(var i=0; i<nbre_divs; i++){
			baliseDivs[i].style.border= "none";
			var childsNodes=baliseDivs[i].childNodes;
			var nbre_childsNodes=childsNodes.length;
			if(nbre_childsNodes>0){
				for(var j=0;j<nbre_childsNodes; j++) {
					if(childsNodes[j].nodeType!=3 && childsNodes[j].tagName!='H3'){
						childsNodes[j].style.display="none";
					}
				}
			}
		}
	}
}
function showParagrapheH3(baliseDiv){
	var childsNodes=baliseDiv.childNodes;
	var nbre_childsNodes=childsNodes.length;
	if(nbre_childsNodes>0){
		for(var j=0;j<nbre_childsNodes; j++) {
			if(childsNodes[j].nodeType!=3){
				childsNodes[j].style.display="block";
				baliseDiv.style.border= "1px solid #F9DFEB";
			}
		}
	}
}

function hide_anime_divs(style_id){
	//	alert('anime_divs('+style_id+')');
	if(f=document.getElementById(style_id)) {
		var divs_childs=f.childNodes;
		//alert('divs_childs : '+divs_childs);
		var nbre_divs_childs=divs_childs.length;
		//alert('nbre_divs_childs : '+nbre_divs_childs);
		var j=-1;
		for(var i=0; i<nbre_divs_childs; i++){
			//alert('divs_childs['+i+'] : '+divs_childs[i]);
			var divs_childs_nodes= divs_childs[i] ? divs_childs[i].childNodes : 0 ;
			if(divs_childs_nodes.length>0 && divs_childs[i].firstChild.tagName=='IMG'){
			//alert('---> divs_childs['+i+'] : '+divs_childs[i].firstChild.tagName);
				var nodeParentImg=divs_childs[i].firstChild.parentNode;
				if(f2=document.getElementById('img_templates')){
					var img_suppl=f2.childNodes;
					var nbre_img_suppl=img_suppl.length;
					if(nbre_img_suppl>0){
						//alert('f2.innerTextHtml : '+f2.childNodes);
						remplacerHtml(nodeParentImg, f2.innerHTML);
					}
					f2.parentNode.removeChild(f2);
				}
			}
		}
	}
	if(f=document.getElementById(style_id)) {
		var divs_childs=f.childNodes;
		//alert('divs_childs : '+divs_childs);
		var nbre_divs_childs=divs_childs.length;
		//alert('nbre_divs_childs : '+nbre_divs_childs);
		var j=-1;
		for(var i=0; i<nbre_divs_childs; i++){
			var divs_childs_nodes= divs_childs[i] ? divs_childs[i].childNodes : 0 ;
			if(divs_childs_nodes.length>0 && divs_childs[i].firstChild.tagName=='IMG'){
				j++;
				divs_childs[i].firstChild.setAttribute('id', 'anime_divs_'+j);
				if(j==0){
					divs_childs[i].firstChild.className='active';
				}
				else 
					divs_childs[i].firstChild.className='to_hide';
			}
		}
		setInterval('parcours_divs_childs()', 2000);
	}
}

function anime_divs(style_id){
	if(document.getElementById(style_id)) 
		hide_anime_divs(style_id);
}

function parcours_divs_childs(){
	var $active = $('#anim_templates .active');
  var $next = ($('#anim_templates .active').next().length > 0) ? $('#anim_templates .active').next() : $('#anim_templates #anime_divs_0');
  
	//$active.hide("slow");
	//$active.slideUp("normal");	
	$active.slideUp("slow");	
	$active.removeClass('active'); 

	//$next.show("slow");
	//$next.slideDown("normal");
	$next.slideDown("slow");
	$next.fadeIn().addClass('active');

/*
	$active.fadeOut(function(){
		$active.removeClass('active'); 
		$next.fadeIn().addClass('active');
	});
*/
}