function init_photos(){
	var s="";
	for (i=0;i<18;i++){
		s+='<div id="grph'+i+'" class="webcam_histo" ></div>';
	}
	document.getElementById("fl_droite").style.visibility="hidden";
	document.getElementById("webcam_histo").style.display="none";
	document.getElementById("webcam_histo").innerHTML=s;
	idx_photo_rot=idx_photo;
	recal_photo(true);
	show_photo_histo(17);
	
}
function show_photo_histo(p){
	document.getElementById("grph"+p).style.display="block";
	for (i=0;i<18;i++){
			if (i!=p)document.getElementById("grph"+i).style.display="none";
	}
}

function mouse_over_pix(i){
	 show_photo_histo(i);
	document.getElementById("webcam_histo").style.display="block";
	document.getElementById("webcam").style.display="none";

}
var timer_pix=0;
function mouse_out_pix(){
	if (timer_pix==0) {
		timer_pix=2000;
		timer_pix_live();
	} else {
		timer_pix=2000;
	}
	
}
function timer_pix_live(){
	timer_pix=timer_pix-200;
	if (timer_pix<=0) {
	timer_pix=0;
			document.getElementById("webcam").style.display="block";
			document.getElementById("webcam_histo").style.display="none";
	} else {
		setTimeout("timer_pix_live();",200);
	}
}

//Rotation des photos de la webcam
var sens_rot=0;
var pixloaded=0;
function photo_rot(sens){
	sens_rot=sens;
	mouse_over_pix(17);
	
	 if (sens==0)  {
		 recal_photo(true);
	 } else {
		  timer_pix_rot();
	 }
}
function timer_pix_rot(){
	pixloaded=pixloaded-1;
	if (pixloaded<0) {
			pixloaded=20;
			if (idx_photo==idx_photo_rot && sens_rot>0) {
				document.getElementById("fl_droite").style.visibility="hidden";
			} else {
				document.getElementById("fl_droite").style.visibility="visible";
				var idx=(idx_photo_rot+180)%200;
				if (idx_photo==idx && sens_rot<0) {
					document.getElementById("fl_gauche").style.visibility="hidden";
				} else {
					document.getElementById("fl_gauche").style.visibility="visible";
					idx_photo_rot=(idx_photo_rot+sens_rot+200)%200;	
					recal_photo(false);	
				}
			}
	}
	if (sens_rot!=0) setTimeout("timer_pix_rot();",100);
}
function recal_photo(toutes){
	for (i=0;i<18;i++){
				var j=(idx_photo_rot+i+383)%200;
				var lo=""; if (i==17) lo='onload="pixloaded=0;"';
				document.getElementById("mini_ph"+i).innerHTML='<img src="webcam_histo/mini_chalet_'+j+'.jpg" width="32" height="24" border="0"	/>';
			if (i>15 || toutes)	document.getElementById("grph"+i).innerHTML='<img src="webcam_histo/chalet_'+j+'.jpg" width="640" height="480" border="0"	'+lo+' />';
	}	
}
// Carroussel Photos
var carrou={	
	idx_slide:0,
	idx_pix:0,
	position:0,
	preload:true
	};
img_carrou=new Array("aiguille_verte","aiguilles","chalet_1","mont_blanc","chalet_2","vue_8","chalet_3");
img_carrou.push("hiver_2012_1","vue_4","vue_5","hiver_2012_2","vue_9"); //vue_4 et vue_5 manque
function carroussel() {
	if (carrou.preload) {
		for (var i=0;i<8;i++) {
			carroussel_charge();
			carrou.idx_slide=(carrou.idx_slide+1)%8;
		}
		carrou.preload=false;
	} 
	setTimeout("carroussel_charge();",1000);// rotation
}


function carroussel_charge() {
	//Charge nouvelle photos
				carrou.idx_pix=(carrou.idx_pix+1)%img_carrou.length;
				//var s1='<a  onclick="mng_clk_idx('+carrou_idxgeo[carrou.idx_pix]+');return false;" href="index.php?geo='+carrou_idxgeo[carrou.idx_pix]+'#'+carrou_site[carrou.idx_pix]+'" ><img src="/images/'+img_carrou[carrou.idx_pix]+'" border="0px" /><br />'+t1+'</a>';
				var s1='<img src="/carroussel/160px_'+img_carrou[carrou.idx_pix]+'.jpg" border="0px" onmouseover="survol_pix('+carrou.idx_pix+');" onmouseout="sort_pix();" />';

				var p1=carrou.idx_slide+6;
				
					if (p1<12) document.getElementById("carrou"+p1).innerHTML=s1
				var p2=carrou.idx_slide-3;
				
					if(p2>=0) document.getElementById("carrou"+p2).innerHTML=s1
				if (!carrou.preload) setTimeout("carroussel_move();",1000);
	
}		
function carroussel_move() {
	
			carrou.position++;
			var p=(1-Math.cos(carrou.position*Math.PI/30))/2
			p=-Math.floor((carrou.idx_slide+p)*166);p=p+"px";
			document.getElementById("slide").style.left=p;
			
			
			if (carrou.position>=30) {
					carrou.idx_slide=(carrou.idx_slide+1)%8;
					carrou.position=0;
					setTimeout("carroussel_charge();",50);// on change de photo
			} else {
					setTimeout("carroussel_move();",40);// 
					
			}
	

}	
function survol_pix(idx){
	document.getElementById("disp_carrou").innerHTML='<img src="/carroussel/'+img_carrou[idx]+'.jpg" border="0px" />';
}
function sort_pix(){
	document.getElementById("disp_carrou").innerHTML="";
}