// JavaScript Document

var thisDiaporama; 	// Cet objet même
var valBase = 1; 	// Lang de base


var a = 0 ; 		// Variable de timer prédefinie 
var b = 0 ; 		// Variable de timer prédefinie 
var alpha = 100;
var nav;  			// Le navigateur;
var larg_bande = 0; // Largeur du badeau d'image
var active_img = 0; // Image active affichée. Pour le mode auto

var larg_max = 750; // largeur maxi du diaporama

function Diaporama(){
	
}

/**********************************************************/
/**********************************************************/
//
// Partie Affichage "public"
//
/**********************************************************/
/**********************************************************/



/**********************************************************/
Diaporama.prototype.calcul_largeur_bande = function(){
	imgs = document.getElementById('list_images').getElementsByTagName("li");	
	for(i = 0; i< imgs.length; i++){
		larg_bande += imgs[i].offsetWidth+4;
	}
	larg_bande -= parseInt(document.getElementById('sel1').offsetWidth) - 2;
}

// Evenement déclencheur
/**********************************************************/
var t1;
Diaporama.prototype.stop_roll = function(){
	clearTimeout(t1);
}

/**********************************************************/
Diaporama.prototype.roll_left = function(){
	
	if(!larg_bande){
		thisDiaporama.calcul_largeur_bande();	
	}
	bande = document.getElementById("list_images");
	if(!bande.style.left) bande.style.left =0;
	if(parseInt(bande.style.left.replace(/[^0-9\-]/g,'')) > -1*larg_bande){
		bande.style.left = (bande.style.left.replace(/[^0-9\-]/g,'') - 20) +"px";
		t1 = setTimeout(myDiaporama.roll_left, 50);
	}
}

//
/**********************************************************/
Diaporama.prototype.roll_right = function(){
	
	bande = document.getElementById("list_images");
	if(!bande.style.left) bande.style.left =0;
	if(parseInt(bande.style.left.replace(/[^0-9\-]/g,'')) < 0){
		bande.style.left = (parseInt(bande.style.left.replace(/[^0-9\-]/g,'')) + 20) +"px";
		t1 = setTimeout(myDiaporama.roll_right, 50);
	}
	
}

//
// Récupérer la liste juste pour la page (pas en admin... )
/**********************************************************/
Diaporama.prototype.get_diaporama_images_visu = function(ajax){
	
	//alert(ajax.responseText);
	// Mettre à jour la suit d'image
	document.getElementById('sel1').innerHTML=unescape(ajax.responseText);
	// On est en mode visualisation on créer les comportements
	tabImg = document.getElementById("sel1").getElementsByTagName("img");
	
	for(i = 0; i < tabImg.length; i++){
	
		tabImg[i].onmouseover = function(){
			this.style.border="1px solid #c00";
			this.style.padding = "0px";
	
		}
		tabImg[i].onmouseout = function(){
			this.style.border="1px solid black";
			this.style.height ="60px";
			this.style.padding = "0";
		}
		tabImg[i].onmouseup = function(){
			
			// Création d'un objet de requete 
			thisDiaporama.show_picture(this.src.replace(/vv_/,""));
			
			if(this.nextSibling.hasChildNodes()){
				document.getElementById('commentaire').innerHTML = unescape(this.nextSibling.firstChild.data);
			 }else{
				 document.getElementById('commentaire').innerHTML = "";
			 }
			 
		}
	}
	// Afficher la première image et mettre le preview
	if(tabImg.length){
		thisDiaporama.show_picture(tabImg[0].src.replace(/vv_/,""));
		if(document.getElementById('list_images').getElementsByTagName("img")[0].nextSibling.hasChildNodes()){
			document.getElementById('commentaire').innerHTML = document.getElementById('list_images').getElementsByTagName("img")[0].nextSibling.firstChild.data;
		}
		
		document.getElementById('preview_diapo').innerHTML = '<div id="preview"><a href="javascript:myDiaporama.affiche_diapo();"><img src="'+tabImg[0].src.replace(/vv_/,"v_")+'" /><br />Voir le diaporama</a></div>';
	}
	

}

Diaporama.prototype.close_diapo = function(){
	document.getElementById('black_screen').style.display = "none";
	document.getElementById('form1').style.display = "none";
}


Diaporama.prototype.affiche_diapo = function(){

	window.scrollTo(0,0);
	document.getElementById('black_screen').style.display = "block";
	document.getElementById('form1').style.display = "block";
	thisDiaporama.resize_image();
	
}

Diaporama.prototype.resize_image = function(){
	// redimensionner proportionnellment
	if(document.getElementById('image_diapo_full').offsetWidth > larg_max){
		if(document.getElementById('image_diapo_full').offsetWidth > document.getElementById('image_diapo_full').offsetHeight){
			rap = document.getElementById('image_diapo_full').offsetWidth/larg_max;
			document.getElementById('image_diapo_full').style.width = larg_max + "px";
			document.getElementById('image_diapo_full').style.height = Math.floor(document.getElementById('image_diapo_full').offsetHeight / rap) + "px";
		}else{
			/*rap = document.getElementById('image_diapo_full').offsetWidth/larg_max;
			alert(rap);
			document.getElementById('image_diapo_full').style.width = larg_max + "px";
			document.getElementById('image_diapo_full').style.height = Math.floor(document.getElementById('image_diapo_full').offsetHeight / (document.getElementById('image_diapo_full').offsetWidth/larg_max)) + "px";	
			*/
		}
	}
}
//
/**********************************************************/
Diaporama.prototype.aff_image_alpha = function(){
	clearTimeout(b);
	thisDiaporama.resize_image();
	if(nav == "ie"){
		if(!document.getElementById('image_diapo_full').style.filter){
			document.getElementById('image_diapo_full').style.filter = "alpha(opacity=0)";
		}
		if(document.getElementById('image_diapo_full').style.filter == "alpha(opacity=100)"){
			return;
		}else if(document.getElementById("grande_image").firstChild.complete){
			document.getElementById("image_diapo_full").style.filter="alpha(opacity="+alpha+")";
			alpha += 20; 
		}

	}else{
		if(!document.getElementById('image_diapo_full').style.opacity){
			document.getElementById('image_diapo_full').style.opacity = 0;
		}
		if(document.getElementById('image_diapo_full').style.opacity == 1){
			return;
		}else if(document.getElementById("grande_image").childNodes[0].complete){
			document.getElementById("image_diapo_full").style.opacity=(alpha/100);
			alpha += 20; 
		}
	}	
	
	b = setTimeout(thisDiaporama.aff_image_alpha,30); 

}

//
// Retaille la boite "gande image" progessivement 
/**********************************************************/
Diaporama.prototype.resize_block = function(im, depart_larg, depart_haut, final_larg, final_haut, vit){
	clearTimeout(a);
	coeff_reduc = 10;
	if(final_larg > larg_max){
		coef1 = larg_max/ final_larg;
		final_larg = larg_max;
		final_haut *= coef1;
	}
	document.getElementById("grande_image").style.height = final_haut +"px";
	document.getElementById("grande_image").style.width = final_larg +"px";
	thisDiaporama.load_new_image(im);
	
	/*
	// calcul de la différence de taille
	haut = parseInt(document.getElementById("grande_image").style.height);
	larg = parseInt(document.getElementById("grande_image").style.width);
	if(isNaN(haut)) haut = 0;
	if(isNaN(larg)) larg = 0;
	diff_haut = final_haut - depart_haut;
	diff_larg = final_larg - depart_larg;
	
	// Si on a retaillé on charge la nouvelle image
	if((Math.round(diff_haut/coeff_reduc + diff_larg/coeff_reduc) == 0 ) || 
		(Math.abs(final_haut - haut) <= Math.abs(diff_haut/coeff_reduc)   &&  Math.abs(final_larg - larg) <= Math.abs(diff_larg/coeff_reduc))){
		document.getElementById("grande_image").style.height = final_haut +"px";
		document.getElementById("grande_image").style.width = final_larg +"px";
		
		thisDiaporama.resize_image();
	}else{
		var load_it = 1;
		
		if(Math.abs(final_larg - larg) >= Math.abs(diff_larg/coeff_reduc)){
			load_it = 0;
			document.getElementById("grande_image").style.width = (larg + Math.round(diff_larg/coeff_reduc)) +"px";
		}
		if(Math.abs(final_haut - haut) >= Math.abs(diff_haut/coeff_reduc)){
			load_it = 0;
			document.getElementById("grande_image").style.height = (haut + Math.round(diff_haut/coeff_reduc)) +"px";
		}

		if(load_it){
			document.getElementById("grande_image").style.height = final_haut +"px";
			document.getElementById("grande_image").style.width = final_larg +"px";
			thisDiaporama.load_new_image(im);
		}else{
			a = setTimeout("thisDiaporama.resize_block(im, "+depart_larg+", "+depart_haut+", "+final_larg+","+final_haut+","+vit+")", vit);
		}
		
	}*/
}

//
// Récupère la valeur de la hauteur de la fenêtre courante
/**********************************************************/
Diaporama.prototype.getHeight = function() {
  var myHeight = 0;
  if( typeof( window.innerHeight ) == 'number' ) {
    //Non-IE
    myHeight = window.innerHeight;
  } else if(document.documentElement && document.documentElement.clientHeight) {
    //IE 6+ in 'standards compliant mode'
    myHeight = document.documentElement.clientHeight;
  }
  return myHeight;
}

//
// Récupère la valeur de scroll vertical
/**********************************************************/
Diaporama.prototype.getScrollY = function() {
  var scrOfY = 0;
  if( document.body && document.body.scrollTop) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
  }
  return scrOfY;
}

//
// Arret du mode auto
/**********************************************************/
Diaporama.prototype.stop_auto = function(){
	clearTimeout(t2);
	document.getElementById('auto').disabled = false;
	document.getElementById('auto').className="";
	document.getElementById('stop').disabled = true;
	document.getElementById('stop').className="trans";
}

//
// Mode automatique d'affichage
/**********************************************************/
var t2; // Timer
Diaporama.prototype.affiche_auto = function(){
	active_img++;
	if(active_img >= document.getElementById('list_images').getElementsByTagName("img").length){
		active_img = 0;
	}
	 // trouver la src de l'iamge dont l'index est active_img
	 source = document.getElementById('list_images').getElementsByTagName("img")[active_img].src;
	 if(document.getElementById('list_images').getElementsByTagName("img")[active_img].nextSibling.hasChildNodes()){
	 	document.getElementById('commentaire').innerHTML = document.getElementById('list_images').getElementsByTagName("img")[active_img].nextSibling.firstChild.data;
	 }else{
		 document.getElementById('commentaire').innerHTML = "";
	 }
	 thisDiaporama.show_picture(source.replace(/vv_/,""));
	 
	 t2 = setTimeout(thisDiaporama.affiche_auto, 4500);
	 document.getElementById('auto').disabled = true;
	 document.getElementById('auto').className="trans";
	 document.getElementById('stop').disabled = false;
	 document.getElementById('stop').className="";
 }
 
//
// Affichage de l'image grande 
// Envoi une image au browser dont la source est "ajax"
// Dans l'élément "grande_image"
/**********************************************************/
Diaporama.prototype.affiche_grande_image = function(ajax){
	
	im = ajax.responseText;
	dataXML = ajax.responseXML;
	
	if(document.all){
		nav = "ie";
		thisDiaporama.clear_image_alpha();
		thisXml = dataXML.childNodes[1];
	}else{
		nav = "moz";
		thisDiaporama.clear_image_alpha();
		thisXml = dataXML.childNodes[0];
	}
	haut = parseInt(document.getElementById("grande_image").style.height);
	larg = parseInt(document.getElementById("grande_image").style.width);
	if(isNaN(haut)) haut = 0;
	if(isNaN(larg)) larg = 0;
	thisDiaporama.resize_block(im, larg, haut, thisXml.attributes[2].nodeValue, thisXml.attributes[3].nodeValue, 30);
}
 

// On envoie une requete pour connaitre la taille
// et paramétrer la boite de contenu 
/**********************************************************/
Diaporama.prototype.show_picture = function(source){

	source = source.substr((source.lastIndexOf("/")+1));
	method 		= "GET";
	data 		= "";
	url			= "/umaservices/umadiaporama/inc/utilities_diaporama.php?what=image_size&image_name="+source; 
	myAjax 		= new UmaAjax(method, data, url, thisDiaporama.affiche_grande_image);

}

//
/**********************************************************/
Diaporama.prototype.clear_image_alpha = function(){
	clearTimeout(b);
	if(document.getElementById("image_diapo_full")){
		if(nav == "ie"){
			if(!document.getElementById('image_diapo_full').style.filter){
				document.getElementById('image_diapo_full').style.filter = "alpha(opacity=100)";
			}
			if(document.getElementById('image_diapo_full').style.filter == "alpha(opacity=0)"){
				return;
			}else{
				document.getElementById("image_diapo_full").style.filter="alpha(opacity="+alpha+")";
				alpha -= 20;
			}
	
		}else{
			
			if(!document.getElementById('image_diapo_full').style.opacity){
				document.getElementById('image_diapo_full').style.opacity = 1;
			}
			if(document.getElementById('image_diapo_full').style.opacity == 0){
				return;
			}else{
				document.getElementById("image_diapo_full").style.opacity=(alpha/100);
				alpha -= 20; 
			}
		}	
	}
	b = setTimeout(thisDiaporama.clear_image_alpha,30);
}

//
/**********************************************************/
Diaporama.prototype.load_new_image = function(im){
	alpha = 0;
	document.getElementById("grande_image").innerHTML = im;
	
	alpha = 0;
	if(document.all){
		nav = "ie";
		thisDiaporama.aff_image_alpha();	
	}else{
		nav ="moz";
		thisDiaporama.aff_image_alpha();	
	}

}


/**********************************************************/
/**********************************************************/
//
// Partie Admin
//
/**********************************************************/
/**********************************************************/

//
/**********************************************************/
Diaporama.prototype.clear_diaporama = function(){
	
		document.forms["formDiaporama"].diaporama_nom.value = "Diaporama sans Titre...";
		document.forms["formDiaporama"].diaporama_description.value = "Description du diaporama...";
		// L'id de la page courante
		document.forms["formDiaporama"].diaporama_page_id.value = window.parent.document.forms['formPage'].page_id.value;
		document.getElementById('sel1').innerHTML="Pas d'image...";
		
		
}

//
/**********************************************************/
Diaporama.prototype.send_datas_diaporama = function(ajax){

	//alert(ajax.responseText);
	location.replace("diaporama.php?diaporama_id="+ajax.responseText);
	
}

//
/**********************************************************/
Diaporama.prototype.version = function(val){

	if(val == 1){ 		// Version française
		
		if(thisDiaporama.valBase == 2){	
			// On vient de l'anglais  (valBase = 2)
			// On récupère le contenu du champs de description affiché et le titre affiché dans le titre espagnol
			document.forms['formDiaporama'].diaporama_description_lg1.value = document.forms['formDiaporama'].diaporama_description_aff.value;
			document.forms['formDiaporama'].diaporama_nom_lg1.value = document.forms['formDiaporama'].diaporama_nom_aff.value;
		}
		
		// On met valeur en français
		thisDiaporama.valBase = 1; 
		document.getElementById('dr_fr').className='lang_on';
		document.getElementById('dr_gb').className='lang_of';
		// On met les contenus français dans le champs description affiché et le titre
		document.forms['formDiaporama'].diaporama_nom_aff.value = document.forms['formDiaporama'].diaporama_nom.value;
		document.forms['formDiaporama'].diaporama_description_aff.value = document.forms['formDiaporama'].diaporama_description.value;


	}else if(val == 2){	// Version anglaise
	
		if(thisDiaporama.valBase == 1){	
			// On vient du français  (valBase = 1)
			// On récupère le contenu dans la description et le titre dans le titre anglais
			document.forms['formDiaporama'].diaporama_description.value = document.forms['formDiaporama'].diaporama_description_aff.value;
			document.forms['formDiaporama'].diaporama_nom.value = document.forms['formDiaporama'].diaporama_nom_aff.value;
			
		}
		
		// On met valeur en français
		thisDiaporama.valBase = 2; 
		document.getElementById('dr_fr').className='lang_of';
		document.getElementById('dr_gb').className='lang_on';
		// On met les contenus anglais dans le champs description affiché et le titre
		document.forms['formDiaporama'].diaporama_nom_aff.value = document.forms['formDiaporama'].diaporama_nom_lg1.value;
		document.forms['formDiaporama'].diaporama_description_aff.value = document.forms['formDiaporama'].diaporama_description_lg1.value;
		
	}
	
}

//
/**********************************************************/
Diaporama.prototype.get_diaporama = function(ajax){
	
	//alert( ajax.responseText);
	// Charger le formulaire
	myForm 		= new UmaForm;
	myForm.form_set_content(ajax.responseXML, "formDiaporama");
		
	// Mettre à jour les autres éléments
	document.getElementById('supprime_btn').className="visible";
	
	document.forms["formDiaporama"].MM_insert.value = "update";
	document.forms["formDiaporama"].submit_btn.value = "Mettre à jour";
	document.getElementById('ajout_image').className = 'visible';	
	document.getElementById('gestion_images').className = 'visible';
	
	thisDiaporama.version(1);
	thisDiaporama.get_diaporama_images();
	// Boucle pour sortir les participants...


}

//
/**********************************************************/
Diaporama.prototype.get_diaporama_images = function(ajax){
	
	//if(ajax) alert(ajax.responseText);
	
	// Création d'un objet de requete 
	method 		= "GET";
	data 		= "";
	url			= "/umaservices/umadiaporama/inc/utilities_diaporama.php?what=images_diaporama&diaporama_id="+document.forms["formDiaporama"].diaporama_id.value; 
	myAjax 		= new UmaAjax(method, data, url, thisDiaporama.affiche_liste_images);

}

//
/**********************************************************/
Diaporama.prototype.affiche_liste_images = function(ajax){

	// Mettre à jour la suite d'image
	//alert(ajax.responseText);
	document.getElementById('sel1').innerHTML=unescape(ajax.responseText);
	
	myTree1 = new MovableList();
	myTree1.treeId = "list_images";
	myTree1.init();

}

//
/**********************************************************/
Diaporama.prototype.get_image_infos = function(image){

	document.getElementById('image_ref').innerHTML = image.innerHTML;
	document.getElementById('formDiaporama').image_prop_id.value = image.childNodes[0].getAttribute("id");
	if(image.childNodes[1].innerHTML){
		document.getElementById('formDiaporama').image_prop_description.value = image.childNodes[1].innerHTML;
	}else{
		document.getElementById('formDiaporama').image_prop_description.value = "";
	}
	
}

//
/**********************************************************/
Diaporama.prototype.add_image = function(image_name, image_code, diaporama_id, image_description){

	// Création d'un objet de requete 
	method 		= "GET";
	data 		= "";
	// Les ../ sont important car on vient de l'iframe de la page 
	url			= "/umaservices/umadiaporama/inc/utilities_diaporama.php?what=add_image&image_diaporama_id="+diaporama_id+"&image_name="+image_name+"&image_code="+image_code+"&image_description="+image_description; 
	myAjax		= new UmaAjax(method, data, url, thisDiaporama.affiche_liste_images);

}

// Initialisation du process
/**********************************************************/
Diaporama.prototype.init = function(){
	
	thisDiaporama = this;
	
	// Fonction de déclenchement des événements
	/**********************************************************/
	
	// Vérifier qu'on est en mode edition et que les boutons existent..
	if(document.getElementById("submit_btn")){
		document.getElementById("submit_btn").onclick = function(){
			
			//remettre les variables de langues à jours
			if(thisDiaporama.valBase == 2){
				document.forms['formDiaporama'].diaporama_description_lg1.value = document.forms['formDiaporama'].diaporama_description_aff.value;
				document.forms['formDiaporama'].diaporama_nom_lg1.value = document.forms['formDiaporama'].diaporama_nom_aff.value;
			}else{
				document.forms['formDiaporama'].diaporama_description.value = document.forms['formDiaporama'].diaporama_description_aff.value;
				document.forms['formDiaporama'].diaporama_nom.value = document.forms['formDiaporama'].diaporama_nom_aff.value;
			}
				
			document.forms['formDiaporama'].diaporama_statut.value = "1";
	
			// Création d'un objet de requete 
			method 		= "POST";
			myForm 		= new UmaForm;
			data 		= myForm.form_get_content("formDiaporama");
			url			= "/umaservices/umadiaporama/inc/utilities_diaporama.php?what=update_diaporama"; 
			myAjax 		= new UmaAjax(method, data, url, thisDiaporama.send_datas_diaporama);
			
		}	
	
		document.getElementById("submit_att_btn").onclick = function(){
			
			//remettre les variables de langues à jours
			if(thisDiaporama.valBase == 2){
				document.forms['formDiaporama'].diaporama_description_lg1.value = document.forms['formDiaporama'].diaporama_description_aff.value;
				document.forms['formDiaporama'].diaporama_nom_lg1.value = document.forms['formDiaporama'].diaporama_nom_aff.value;
			}else{
				document.forms['formDiaporama'].diaporama_description.value = document.forms['formDiaporama'].diaporama_description_aff.value;
				document.forms['formDiaporama'].diaporama_nom.value = document.forms['formDiaporama'].diaporama_nom_aff.value;
			}
			
			document.forms['formDiaporama'].diaporama_statut.value = "0";
	
			// Création d'un objet de requete 
			method 		= "POST";
			myForm 		= new UmaForm;
			data 		= myForm.form_get_content("formDiaporama");
			url			= "/umaservices/umadiaporama/inc/utilities_diaporama.php?what=update_diaporama"; 
			myAjax 		= new UmaAjax(method, data, url, thisDiaporama.send_datas_diaporama);
				
		}
		
		document.getElementById("supprime_btn").onclick = function(){
			
			
			if(confirm("Voulez-vous vraiment supprimer ce diaporama ?")){
				
				document.forms['formDiaporama'].MM_insert.value='delete';
				
				// Création d'un objet de requete 
				method 		= "POST";
				myForm 		= new UmaForm;
				data 		= myForm.form_get_content("formDiaporama");
				url			= "/umaservices/umadiaporama/inc/utilities_diaporama.php?what=update_diaporama"; 
				myAjax 		= new UmaAjax(method, data, url, thisDiaporama.send_datas_diaporama);
			}
			
		}
		
		// Bouton de modification d'image de la listes des images
		document.getElementById("modifier_image_btn").onclick = function(){
	
				
			image_id = document.forms["formDiaporama"].image_prop_id.value;
			image_prop = document.forms["formDiaporama"].image_prop_description.value;
			// Création d'un objet de requete 
			method 		= "GET";
			data 		= "";
			url			= "/umaservices/umadiaporama/inc/utilities_diaporama.php?what=update_image&image_id="+image_id+"&image_prop_description="+image_prop; 
			myAjax 		= new UmaAjax(method, data, url, thisDiaporama.get_diaporama_images);
			
				
		}
		
		
		// Bouton de suppression d'image de la listes des images
		document.getElementById("supprimer_image_btn").onclick = function(){
	
			if(confirm("Etes-vous sûr de vouloir supprimer cette image ?")){
				
				diaporama_id = document.forms["formDiaporama"].diaporama_id.value;
				image_id = document.forms["formDiaporama"].image_prop_id.value;
				// Création d'un objet de requete 
				method 		= "GET";
				data 		= "";
				url			= "/umaservices/umadiaporama/inc/utilities_diaporama.php?what=sup_image&diaporama_id="+diaporama_id+"&image_id="+image_id; 
				myAjax 		= new UmaAjax(method, data, url, thisDiaporama.get_diaporama_images);
			}
				
		}
		
		// Appel à la fonction de chargement de la page (dans diaporama.php)
		charge_diaporama();
			
		
			
		
		
			
		
		
	}
	
	
	// Si on est en mode visualisation on créer l'affichage des vignettes
	if(document.getElementById("grande_image")){
		startDiapo(); 	// Dans diapo_include.php
	}
	
	// Fin d'initialisation
}


/********************************************************************************/
/********************************************************************************/
//
// FIN
//
/********************************************************************************/
/********************************************************************************/

// Déclencher les événement au chargement de la page
/********************************************************************************/
function blackyHeightMove(){
	
	// Repositionner le calque noir si besoin
	if(document.getElementById('black_screen')){
		document.getElementById('black_screen').style.left= "0";
		document.getElementById('black_screen').style.height = (getHeight()+getScrollY() -1)+"px";
	}
	
}

// Récupère la valeur de la hauteur de la fenêtre courante
/**********************************************************/
function getHeight() {
  var myHeight = 0;
  if( typeof( window.innerHeight ) == 'number' ) {
    //Non-IE
    myHeight = window.innerHeight;
  } else if(document.documentElement && document.documentElement.clientHeight) {
    //IE 6+ in 'standards compliant mode'
    myHeight = document.documentElement.clientHeight;
  }
  return myHeight;
}

// Récupère la valeur de scroll vertical
/**********************************************************/
function getScrollY() {
  var scrOfY = 0;
  if( document.body && document.body.scrollTop) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
  }
  return scrOfY;
}

// trouver la position en Y de l'objet
/****************************************************************************************/
function yPos(obj){
	var top = obj.offsetTop/1;
	while((obj = obj.offsetParent) != null){
		if(obj.tagName!='HTML')top += obj.offsetTop;
	}			
	if(document.all)top = top/1 + 13; else top = top/1 + 4;		
	return top;
}
	
// Trouver la position en X de l'objet
/****************************************************************************************/
function xPos(obj){
	var left = obj.offsetLeft/1 + 1;
	while((obj = obj.offsetParent) != null){
		if(obj.tagName!='HTML')left += obj.offsetLeft;
	}
		
	if(document.all)left = left/1 - 2;
	return left;
}


function newContext(){
	myDiaporama = new Diaporama();
	myDiaporama.init();
}

if (window.addEventListener) {
	window.addEventListener('load', newContext, false);
	window.addEventListener('scroll', blackyHeightMove, false);
	window.addEventListener('resize', blackyHeightMove, false);
}else if (window.attachEvent) {
	window.attachEvent('onload', newContext);
	window.attachEvent('onscroll', blackyHeightMove);
	window.attachEvent('onresize', blackyHeightMove);
}