// JavaScript Document

var diapoDelai = 3000; // 3 sec entre chaque image




var p ;// infos du projet courant
var listeImgs; // liste des images
var preloads; // preloads des images
var curI;
function afficheDiaporama()
{
	ip = parseInt(this.alt);
	myPopup("Chargement ...","Chargement...",790);
	chargeProjet(ip);
}
function afficheDiaporamaFromTitreH2(ip)
{
	myPopup("Chargement ...","Chargement...",790);
	chargeProjet(ip);
}
function chargeProjet(ip)
{
//	alert(ip);
	
	stopDiaporama();
	
	p = psinfos[ip];

	
	var cheminBig;
	
///////////////////////////  REMPLISSAGE DE LA POPUP
	var out = "";
	out += "<div id='panneau_infos'>Loading...</div>";
	out += "<div id='masque_panneau_infos' style='position:absolute;z-index:502'>";
	out += "<img id='diapo' src='bank/ajaxloader.gif'/>";

	
	out += "<p class='infos_projet'>";
	
	if(groupementCourant)
		var displayNomGroupe = Groupes[ps[ip].groupeIndex].nom;
	else
		var displayNomGroupe = "all projects";
		
		// THIS LINE EN DESSOUS
		
//	out += "<span class='diapo_txt1'>Current group : "+displayNomGroupe+"</span><span class='sep'>|</span>";
	
	out += "<span class='diapo_txt1'>"+p.title+"</span><span class='sep'>|</span>";
	out += "<span id='lienAdvertiser' onclick='clickAdvertiser(this.innerHTML);'>"+p.advertiser+"</span><span class='sep'>|</span>";
	out += ""+p.type+"<span class='sep'>|</span>";

	//out += ""+formatDate(p.date)+"<span class='sep'>|</span>";
	out += "<img src='img/pictos/infos.png' onclick='showInfos("+ip+")' style='cursor:pointer' title='Show project infos...'/></p>";


	
//	if(p['co-worker']!="") out += "<b>Co-Workers</b> : "+p['co-worker']+"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"+p['co-worker2']+"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"+p['co-worker3']+"<br/>";
	
	
//	if(p['description']!="") out += "<br/><b>Description</b> : "+nl2br(p.description)+"<br/>";
//	out += "</p>";

	
	out += "<div id='navigation_diaporama'>";
	out += "<button id='lance_diaporama' onclick='gereDiaporama();'>Play</button>";
	out += "<div id='liens_images'>Loading ...</div>";
//	out += "<button title='image précédente' onclick='prevDiapo()'>&lt;</button>";
//	out += "<span id='fichierDiapo'>loading...</span>";
//	out += "<button title='image suivante' onclick='nextDiapo()'>&gt;</button>";
	out += "</div>";
	out += "<div id='navigation_projets'>Loading ...</div>";
	out += "</div>"; // fin div masque_panneauxinfos
	
	
	// Titre du projet
	if(p.selection == '1')
		var star = " *";
	else
		var star = "";
	var titrePopup = "Projet #"+ p.id+" : " + p.title+star;
	
	// remplissage panneaux infos
	var panneauIsVisible = ($("#panneau_infos").css("left")=="790px");
		


	// affichage
	$('#mya_titre').html(titrePopup);
	$('#mya_contenu').html(out);	

	if(panneauIsVisible)
		showInfos(ip);

	// event de survol de l'image
	$('#navigation_diaporama').hide();
	$('#mya_close').hide();
	$("#diapo").mouseover(function(){showOverImage()});
//	$("#diapo").mouseout(function(){hideOverImage()});
	$("#mya_voile").mouseover(function(){hideOverImage()});
	$(".infos_projet").mouseover(function(){hideOverImage()});


	// fichiers images
	listeImgs = new Array();
	preloads = new Array();
//	$.get("includes/liste_images_projet.php", { pid: p.id}, function(jsonTxt){
//  oImgs = eval('('+jsonTxt+')');
	oImgs = psimages[ip];

	var liensImg = "";
	var numImg = 0;
	for(k in oImgs)
	{
		listeImgs[numImg] = oImgs[k];
		//alert(k+" --- "+oImgs[k]);
		// lien d'affichage de l'image
		liensImg += "<span class='lien_image' onclick='loadDiapo("+numImg+")'>"+(numImg+1)+"</span>";
		// preload de l'image
		var tmpImg = new Image();
		tmpImg.src = "bank/" + p.id + "/" + oImgs[k];
		preloads.push(tmpImg);
		
		numImg++;
		
	}
	// affichage des liens images
	$('#liens_images').html(liensImg);
	
	//alert(listeImgs.length);
	if(listeImgs.length == 0)
	{
		$('#liens_images').html("Aucune image disponible pour ce projet");
		$('#diapo').get(0).src = "bank/no_image.gif";
	}
	else
	{

		//alert(listeImgs[0]);
		loadDiapo(0);
	}

	// 



	/* chargements des minix visibles de ce groupe */
	//alert(groupementCourant + " - " + ps[ip].groupe+ " - " + ps[ip].groupeIndex);
	var liensProjets;
	if(groupementCourant)
		liensProjets = $(Groupes[ps[ip].groupeIndex].ps).filter(':visible').clone();	
	else
		liensProjets = $("#minix img:visible").clone();
	//alert(liensProjets.size());

	//positionnement des projets
	liensProjets.addClass('minix');
	liensProjets.css({
		position:'static',
		left:0,
		top:0,
		display:'inline',
		width:'',
		height:'',
		margin:''
	});

	// projet courant
	var selectedProject = liensProjets.filter("[alt='"+ip+"']");
	//	insertion slected pour recup width
	$("#navigation_projets").empty().append(selectedProject);		

// si groupe trop gros pour affichage
	wLPimg = selectedProject.outerWidth(true);
	wLPcont = $('#navigation_projets').width(),
	nbPInNav = Math.floor(wLPcont/wLPimg);
	//nbPInNav = Math.floor($('#navigation_projets').width()/wImg);
//	alert(nbPInNav);
	if(liensProjets.size() > nbPInNav)
	{
		// selectionne seulement les projets voisins du projet courant (qui tiennent en largueur)
		var posSelP = liensProjets.index(selectedProject);
		var nbDemiLargeur = Math.floor(nbPInNav/2);
		var startP = Math.max(0,posSelP-nbDemiLargeur);
		var stopP = Math.min(liensProjets.size(),posSelP+nbDemiLargeur+1);
		if(startP == 0) stopP = startP + nbPInNav;
		if(stopP == liensProjets.size()) startP = stopP - nbPInNav;

		var tmpP = new Array();
		for(var pro = startP; pro < stopP; pro++)
			tmpP.push(liensProjets.get(pro));	
		
		liensProjets = $(tmpP);
	}

	// infobule au survol
	liensProjets.hover(
		function(e){afficheInfobulleProjet(this,e);},
		function(e){masqueInfobulleProjet(this,e);}
	);
	liensProjets.mousemove(bougeInfobulle);
	// click pour chargement du projet clické
	liensProjets.click(function(){chargeProjet(this.alt);});	
	//	insertion les liens projets	
	$("#navigation_projets").empty().append(liensProjets);		
	// mise en valeur du projet courant
	//var spanSelecteur = $("<span class='selected_projet'>").get(0); // bug JQUERY dans IE
	//alert(32);
	//selectedProject.wrap(spanSelecteur);  // bug JQUERY dans IE
	selectedProject.wrap("<span class='selected_projet'></span>"); 
	//alert(33);
	selectedProject.css('cursor','default');
	//alert(selectedProject.parent().attr('class'));	
	// demarre le diaporama
	startDiaporama() 
}









/// FONCTIONS DIAPO
var curLienImg = false;
function loadDiapo(indexImg)
{		
	//alert("Chargement de l'image : "+listeImgs[indexImg]);

	if(curLienImg)
		$(curLienImg).removeClass('selected_lien');
//		$(curLienImg).css('backgroundColor','');

	curLienImg = $(".lien_image").get(indexImg);
	$(curLienImg).addClass('selected_lien');
//	$(curLienImg).css('backgroundColor','red');	
	
	/*
	$('#diapo').fadeOut('fast',function(){
//		$("#fichierDiapo").html(listeImgs[indexImg]);								
		this.src = 'bank/' + p.id + '/' + listeImgs[indexImg];
		$(this).fadeIn('fast');
	});
	*/
	
	// CHANGEMENT D'IMAGE
	// FIXE
	//$('#diapo').attr('src','bank/' + p.id + '/' + listeImgs[indexImg]);

	// TRANSITION FONDU
	var diapo_masque = $('#diapo').clone();
//	alert(diapo_masque.parent());
	diapo_masque.css({position:'absolute',left:0,top:0,border:"solid red 0px"}).appendTo($('#diapo').parent());
//	alert(diapo_masque.parent());

	$('#diapo').attr('src','bank/' + p.id + '/' + listeImgs[indexImg]);
	diapo_masque.fadeOut('normal');
	
	
	curI = indexImg;
}


function nextDiapo()
{
	if(listeImgs.length <2)
		return;

	curI++;
	if(curI >= listeImgs.length)
		curI = 0;
	
	loadDiapo(curI);
}

function prevDiapo()
{
	if(listeImgs.length <2)
		return;

	curI--;
	if(curI < 0)
		curI = listeImgs.length-1;
	
	loadDiapo(curI);
}

// diaporama automatique
var diapoIsPlaying = false;
var diapoTimer=0;
function gereDiaporama()
{	
	if(diapoIsPlaying) // stop
		stopDiaporama() 
	else // start
		startDiaporama() 
}
function startDiaporama() 
{
	diapoIsPlaying = true;
	diapoTimer = setInterval("nextDiapo()",diapoDelai);
	$('#lance_diaporama').html('Stop');
}	
function stopDiaporama() 
{
	diapoIsPlaying = false;
	clearInterval(diapoTimer);
	$('#lance_diaporama').html('Play');	
}


function showOverImage()
{
	$('#navigation_diaporama').fadeIn('slow');
	$('#mya_close').fadeIn('slow');
}

function hideOverImage()
{
	$('#navigation_diaporama').fadeOut('slow');
	$('#mya_close').fadeOut('slow');
}
function clickAdvertiser(adv)
{	
//	alert(adv);
	closePopup();
	advertisersGroupH3 = document.getElementById("advertisersGroupH3");
//	setTimeout("groupeCol('advertiser',$('#advertisersGroupH3').next.get(0));",500);
	groupeCol('advertiser',advertisersGroupH3.nextSibling);
	setTimeout("filtreGroupe('"+adv+"','advertiser');",500);
//	filtreGroupe(adv,'advertiser');

}

function showInfos(ip)
{
//	alert($("#panneau_infos").css("width"))
//	if($("#panneau_infos").is(":visible"))
	if($("#panneau_infos").css("left")=="790px")
	{
		//$("#panneau_infos").fadeOut('slow');
		$("#panneau_infos").animate({left:"610px"},'slow')
		$("#mya_popup").animate({marginLeft:"-395px"},'slow')
	}
	else
	{
		var curp = psinfos[ip];
		var out = "";

//////////// MODIFIABLE PAR DAMIEN (pour le CSS, le conteneur est #panneau_infos (pour <b> et <a>))
		if(curp['color']!="")		out += "<div id='colordrip' style='background-color:"+curp['color']+"'></div>\n";
		if(curp['title']!="")		out += "<h2>"+curp['title']+"</h2><hr>\n";
		if(curp['advertiser']!="")		out += "Advertiser : <b>"+curp['advertiser']+"</b><br>\n";
		if(curp['business']!="")		out += "Business sector : <b>"+curp['business']+"</b><br>\n";
		if(curp['city']!="")		out += "City : <b>"+curp['city']+"</b><hr>\n";

		if(curp['type']!="")		out += "Project type : <b>"+curp['type']+"</b><br>\n";
		if(curp['date']!="")		out += "Date : <b>"+formatDate(curp['date'])+"</b><br>\n";
		if(curp['orga']!="")		out += "Organisation : <b>"+curp['orga']+"</b><br>\n";
		if(curp['photo']!="")		out += "Photos : <b>"+curp['photo']+"</b><br>\n";
		if(curp['illus']!="")		out += "Illustration : <b>"+curp['illus']+"</b><br>\n";
		if(curp['webdev']!="")		out += "Web developper : <b>"+curp['webdev']+"</b><br>\n";
		if(curp['3d']!="")		out += "3d : <b>"+curp['3d']+"</b><br>\n";
		if(curp['text']!="")		out += "Writing : <b>"+curp['text']+"</b><br>\n";
		
		if(curp['description']!="")		out += "<hr><div style='overflow:auto ; max-height:100px;'>Description : <b>" + curp['description'].replace(/\n/g,"<br/>") + "</b></div>\n";
		if(curp['web']!="")		out += "<hr><a href='"+curp['web']+"' target='_blank'><img src='img/pictos/web.png' alt='' title='"+curp['web']+"' /></a>\n";
		
//////////// FIN MODIFIABLE PAR DAMIEN

		/*
		for(k in curp)
		{
			if(k != "id" && k != "selection" && k != "annee")
			{
				if(curp[k]=="")
					continue;
				else if(k == "description")
					out += k+" : <b>"+curp[k].replace(/\n/g,"<br/>")+"</b><br>\n";
				else if(k == "web")
					out += k+" : <b><a href='"+curp[k]+"' target='_blank'>"+curp[k]+"</a></b><br>\n";
				else if(k == "color")
					out += k+" : <b>"+curp[k]+" <span style='border:solid black 1px; background-color:"+curp[k]+"'>&nbsp;&nbsp;&nbsp;&nbsp;</span></b><br>\n";
				else
					out += k+" : <b>"+curp[k]+"</b><br>\n";
			}
		}
		*/
//		$("#panneau_infos").html(out).fadeIn('slow');
		$("#panneau_infos").html(out).animate({left:"790px"},'slow')
		$("#mya_popup").animate({marginLeft:"-485px"},'slow')
	}
}