//  Visionneuse, version 1.0
//  (c) 2007 Chronotech


// INITIALISATION
var la_photo_url = new Array();
var la_photo_commentaire = new Array();
var la_photo_type = new Array();
var lo_timer;

// PARAMETRAGE
var li_thumbnails = 8;
var li_current_thumbnail = 0;

var li_thumbnail_width = 50;
var li_thumbnail_height = 35;

var li_picture_width = 600;
var li_picture_height = 420;
var ls_images = "_images/visionneuse/";

// FUNCTIONS

// Affiche tableau des miniatures
function thumbnail_Show(){
	var newInnerHTML = "";
	var lb_notFirstTime = false;
	
	// boucle sur les photos	
	for(li_i = li_current_thumbnail;li_i<li_current_thumbnail+li_thumbnails;li_i++){
	
		if(li_i > la_photo_url.length) li_j = li_i-la_photo_url.length-1;
		else li_j = li_i; 
		
		if(li_j == li_current_thumbnail && lb_notFirstTime) break;
		lb_notFirstTime = true
		
		if(la_photo_url[li_j]) { 
			if(la_photo_type[li_j] == "jpg" || la_photo_type[li_j] == "360")
				newInnerHTML += " <td onclick=\"thumbnail_Diaporama_stop();thumbnail_Zoom("+li_j+")\" class=\"thumbnail\" width=\""+li_thumbnail_width+"\" height=\""+li_thumbnail_height+"\" align=\"center\" valign=\"middle\" id=\"thumbnail_"+li_j+"\" ><img class=\"thumbnail\"  src=\"_modules/resize_image.php?url="+la_photo_url[li_j]+"&largeur="+li_thumbnail_width+"&hauteur="+li_thumbnail_height+"\" height=\""+li_thumbnail_height+"\"></td>";
			else if(la_photo_type[li_j] == "vst")
				newInnerHTML += " <td onclick=\"thumbnail_Diaporama_stop();thumbnail_Zoom("+li_j+")\" class=\"thumbnail\" width=\""+li_thumbnail_width+"\" height=\""+li_thumbnail_height+"\" align=\"center\" valign=\"middle\" id=\"thumbnail_"+li_j+"\" ><img class=\"thumbnail\"  src=\""+ls_images+"logo-360.jpg\" height=\""+li_thumbnail_height+"\"></td>";
			else if(la_photo_type[li_j] == "flv")
				newInnerHTML += " <td onclick=\"thumbnail_Diaporama_stop();thumbnail_Zoom("+li_j+")\" class=\"thumbnail\" width=\""+li_thumbnail_width+"\" height=\""+li_thumbnail_height+"\" align=\"center\" valign=\"middle\" id=\"thumbnail_"+li_j+"\" ><img class=\"thumbnail\"  src=\""+ls_images+"logo-flv.jpg\" height=\""+li_thumbnail_height+"\"></td>";
		
		}
	}
	$('thumbnails').innerHTML = "<table><tr>"+newInnerHTML+"</tr></table>";	
	thumbnail_Zoom(li_current_thumbnail);		
}

// Photo précédente
function thumbnail_Previous(){
	if(li_current_thumbnail > 0) li_current_thumbnail --;
	else li_current_thumbnail = la_photo_url.length-1;
	thumbnail_Show();
}

// Photo suivante
function thumbnail_Next(){
	if(li_current_thumbnail < la_photo_url.length-1){
		li_current_thumbnail ++;
	}
	else {
		li_current_thumbnail = 0;
		thumbnail_Diaporama_stop();
	}
	thumbnail_Show();
}

// Afficher une photo en grand
function thumbnail_Zoom(li_i){	
	li_current_thumbnail = li_i;
	for(li_j = 0;(li_j <= la_photo_url.length) && (li_j<li_current_thumbnail+li_thumbnails);li_j++){
		if($('thumbnail_'+li_j)){
			if(li_j == li_current_thumbnail) $('thumbnail_'+li_j).className = 'thumbnailSelected';
			else $('thumbnail_'+li_j).className = 'thumbnail';
		}
	}
	
	// IMG
	if(la_photo_type[li_i] == "jpg" || la_photo_type[li_i] == "360") {
		$('embed').innerHTML = "";		
		Effect.Fade('picture',{duration:0.5,afterFinish:function() {
			
			thumbnail_ShowInfo();
			Element.show('picture_loading');
			imgPreloader = new Image();
			
			// once image is preloaded, resize image container
			imgPreloader.onload=function(){
				$('picture').src = "_modules/resize_image.php?url="+la_photo_url[li_i]+"&largeur="+li_picture_width+"&hauteur="+li_picture_height;
				Element.hide('picture_loading');
				Effect.Appear('picture',{duration:0.5});
			}
			imgPreloader.src = "_modules/resize_image.php?url="+la_photo_url[li_i]+"&largeur="+li_picture_width+"&hauteur="+li_picture_height;
			
		}});
	}
	
	// VST
	else if(la_photo_type[li_i] == "vst") {
		$('picture').src = "";$('picture').style.display = "none";
		$('embed').innerHTML = "<iframe style=\"position: static; width : 640px; height:450px; margin : 0px;\" frameborder=0 name=\"visite\" id=\"visite\" src=\"visionneuse.php?chemin_vst="+la_photo_url[li_i]+"\" scroll=\"no\"></iframe>";
	}
	
	// VIDEO
	else if(la_photo_type[li_i] == "flv") {
		$('picture').src = "";$('picture').style.display = "none";
		$('embed').innerHTML = "<iframe style=\"position: static; width : 640px; height:450px; margin : 0px;\" frameborder=0 name=\"video\" id=\"video\" src=\"visionneuse.php?chemin_flv="+la_photo_url[li_i]+"\" scroll=\"no\"></iframe>";	
	}
}	

// Affiche les infos
function thumbnail_ShowInfo(){
	$('thumbnail_info').innerHTML = (li_current_thumbnail)+"&nbsp;/&nbsp;"+ (la_photo_url.length-1);
	if(la_photo_commentaire[li_current_thumbnail] == '')$('picture_commentaire').innerHTML = "&nbsp;";
	else $('picture_commentaire').innerHTML = la_photo_commentaire[li_current_thumbnail];
}

// Diaporama lent
function thumbnail_Diaporama_play(li_delai){
	$('img_stop').src=ls_images+'album_photo_diapo_stop_out.png';
	$('img_fast').src=ls_images+'album_photo_diapo_fast_out.png';
	$('img_play').src=ls_images+'album_photo_diapo_play_over.png';
	clearTimeout(lo_timer);
	lo_timer = setInterval("thumbnail_Next()", li_delai);
}

// Diaporama rapide
function thumbnail_Diaporama_fastplay(li_delai){
	$('img_play').src=ls_images+'album_photo_diapo_play_out.png';
	$('img_stop').src=ls_images+'album_photo_diapo_stop_out.png';
	$('img_fast').src=ls_images+'album_photo_diapo_fast_over.png';
	clearTimeout(lo_timer);
	lo_timer = setInterval("thumbnail_Next()", li_delai);
}

// Arret diaporama
function thumbnail_Diaporama_stop(){
	$('img_play').src=ls_images+'album_photo_diapo_play_out.png';
	$('img_fast').src=ls_images+'album_photo_diapo_fast_out.png';
	$('img_stop').src=ls_images+'album_photo_diapo_stop_over.png';
	clearTimeout(lo_timer);
}