var Ima;
var LeTimer;
var ImgChargement;
var Image_Chargement=document.createElement("Img");
var ImgTiki;
var Image_Tiki=document.createElement("Img");
var Largeur_tiki=300;
var Hauteur_tiki=508;
var derniereMasque=1;
var LastLoad="";

var top_initialiser=false;

function Initialiser(){
	if(! top_initialiser){
		top_initialiser=true;
		//Img tiki
		Image_Tiki.style.width=Largeur_tiki+"px";
		Image_Tiki.style.height=Hauteur_tiki+"px";
		Image_Tiki.src=ImgTiki;
		//Img load
		Image_Chargement.src=ImgChargement;
	
		
	}
}

function Afficher_Image(Img){
	Initialiser();
		
	if(LastLoad!=Img){
		clearTimeout(LeTimer);
		LastLoad=Img;
		derniereMasque=0;
		//Passage à l'image chargement
		document.getElementById('Img_tiki').style.paddingTop="0px";
			document.getElementById('Img_tiki').style.height="530px";
		Virer_Elements('Img_tiki');
		
		document.getElementById('Img_tiki').appendChild(Image_Chargement);
		
		//Préparation chargement
		Ima=new Image();
		Ima.src=Img;
		Load_Img();	
		
	}
	
}

function Load_Img(){
	if(Ima.complete){
		clearTimeout(LeTimer);
		
		// on rajoute l'image
		var Img=document.createElement("Img");
		Img.style.width="300px";
		Img.style.height=(300/Ima.width)*Ima.height+"px";
		Img.style.border="0px";
		document.getElementById('Img_tiki').style.height=(parseInt(20)+parseInt((300/Ima.width)*Ima.height))+"px";
		Img.src=Ima.src;
		
		Virer_Elements('Img_tiki');
		if(derniereMasque==0){
			document.getElementById('Img_tiki').appendChild(Img);
		}else{
			document.getElementById('Img_tiki').appendChild(Image_Tiki);
			LastLoad="";
		}
		
		
		//Décalage
		var pos1=document.body.scrollTop;
		var pos2=document.documentElement.scrollTop;
		if(pos2>pos1){
			pos1=pos2;
		}
		
		//Si la position du décallage verticale est en dessou du tiki
		if(pos1<=FindPosTop(document.getElementById('Img_tiki'))){
			pos1=0;
		}else{
			pos1=pos1-FindPosTop(document.getElementById('Img_tiki'));
		}
		document.getElementById('Img_tiki').style.paddingTop=pos1+"px";
	}else{
		
		LeTimer=setTimeout("Load_Img()",200);
	}

}


function Masquer_Image(){
	if(derniereMasque==0){
		derniereMasque=1;
		Virer_Elements('Img_tiki');
		document.getElementById('Img_tiki').style.paddingTop="0px";
		document.getElementById('Img_tiki').appendChild(Image_Tiki);
		document.getElementById('Img_tiki').style.height="530px";
		LastLoad="";
	}
}

function Virer_Elements(elem){
	while (document.getElementById(elem).firstChild) {
			document.getElementById(elem).removeChild(document.getElementById(elem).firstChild);
		}
}
function FindPosTop(obj) {
	var curtop = 0;
	if (obj.offsetParent) {
		do {
			curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);
		return curtop;
	}
}
function FindPosLeft(obj) {
	var curleft= 0;
	if (obj.offsetParent) {
		do {
			curleft += obj.offsetLeft;
		} while (obj = obj.offsetParent);
		return curleft;
	}
}