// JavaScript Document
var objAllProjets = {}; //contient toutes les données
var objAllPhotos = {};

window.addEvent('domready', function(){

	//active le scroller
	var scroll = new Scroller('thumbContainer', {area: 400, velocity: 0.05});
	scroll.start();
	
	activateThumbTips();
	getProjects();

});

function activateThumbTips(){
	//tooltip
	var ThumbTips = new Tips($$('.ThumbTips'), {showDelay:0});
	
	ThumbTips.addEvent('show', function(tip, el){
    	tip.fade('in');
	});
	
	ThumbTips.addEvent('hide', function(tip, el){
    	tip.fade('out');
	});
	
}


function addThumbs(){
  objAllProjets.each( function(item, index){
	
	var elThumb = new Element('div', {'class': 'thumb'});
	
	elThumb.set('html', '<a href="javascript:showPro('+index+');" class="thumbA"><img src="contenu/thumbs/'+item.pro_thumb+'" class="ThumbTips" title="'+item.pro_titre+'" width="80" height="80" /></a>');
	
	$('thumbsAll').grab(elThumb);
	
  });
  
  activateThumbTips();
  $("thumbsAll").setStyle('width', (objAllProjets.length*88)+25 );
  showPro(0);
}

/*****************************************/
/* getProjects
/* lance la requête pour récupérer les projets
/*****************************************/
function getProjects(){
	var url = '../phpScripts/getProjects.php';
	
	var request = new Request.JSON({
			url: url,
			onComplete: function(jsonObj) {
				objAllProjets = jsonObj.projets;
				addThumbs();
			}
		}).send();
}


/****************************************/
/* showPro(index)
/* affiche le projet complet, selon l'index
*****************************************/
function showPro(ind){
	$('annee').set('text', objAllProjets[ind].pro_year);
	$('titre').set('text', objAllProjets[ind].pro_titre);
	$('description').set('html', objAllProjets[ind].pro_description);
	
	getPhotos(objAllProjets[ind].pro_id);
}

function getPhotos(pro_id){
	var url = '../phpScripts/getPhotos.php';
	
	var request = new Request.JSON({
			url: url,
			onComplete: function(jsonObj) {
				objAllPhotos = jsonObj.photos;
				addPhotos();
			}
		}).send('pro_id='+pro_id);
	
	//affiche l'attente
	$('photosRow').empty();
	showPhotoWait();
}

function showPhotoWait(){
	$('loadingPhotos').fade("in");
}

function hidePhotoWait(){
	$('loadingPhotos').fade("out");
}

function addPhotos(){
	hidePhotoWait();
	/*var table = new Element('table', {
							'cellpadding':'0',
							'callspacing' : '0',
							'border' : '0'});
	//table.inject( new Element('tr'));*/
	var InsertPhotosTDHere = $('photosRow');
	//alert(InsertPhotosTDHere.get("html"));
	
	objAllPhotos.each( function (item, index){
			var photoHTML = '<div class="photo"><img src="contenu/photos/'+item.fto_file+'" /></div>';
			InsertPhotosTDHere.grab( new Element('td', {'html':photoHTML}) );
	});
	var myFx = new Fx.Scroll('photos').toLeft();
	
}