var explanations = new Object();
explanations['cuisinier'] = {'expl1':'<h3>Le-Cuisinier.net</h3>Portail gastronomique proposant plus de 1 500 recettes et cocktails variés<br/><br/><ul><li>Indexation par ingrédient</li><li>Recherche avancée</li><li>Participations internautes</li><li>Newsletters</li></ul>' ,'expl2':'<h4>Technologies utilisées :</h4>PHP / MySQL<br/><br/><a href="http://www.le-cuisinier.net/">Voir le site</a>'};
explanations['meteosun'] = {'expl1':'<h3>Meteosun.com</h3>Site d\'information météorologique pour plus de 30 pays dans le monde.<br/><br/><ul><li>Fort placement touristique</li><li>Trafic important lié</li><li>Proposition de séjours / hôtels par pays</li><li>Photos pour chacunes des villes proposées</li>', 'expl2':'<h4>Technologies utilisées : </h4>PHP / MySQL<br/>Traitement XML<br/>Analyse météorologique / traitement données brutes<br/>Google Maps / Géolocalisation<br/><br/><a href="http://www.meteosun.com/">Voir le site</a>'}
explanations['starsheep'] = {'expl1':'<h3>Starsheep.net</h3>Portail de jeux flash en ligne', 'expl2':'<h4>Technologies utilisées :</h4>PHP / MySQL<br/><br/><a href="http://www.starsheep.net/">Voir le site</a>'}
explanations['newsdegeek'] = {'expl1':'<h3>NewsdeGeek.com</h3>Portail d\'informations sur le monde de l\'iPhone / iPod d\'Apple', 'expl2':'<h4>Technologies utilisées :</h4>PHP / MySQL<br/>WordPress<br/><br/><a href="http://www.newsdegeek.com/">Voir le site</a>'}
explanations['appsbuster'] = {'expl1':'<h3>AppsBuster.com</h3>Navigateur alternatif pour l\'AppStore d\'Apple (applications iPhone).<br/><br/><ul><li>Navigation par catégorie</li><li>Rafraichissement à intervalles rapprochés</li><li>Système de favoris / alertes mise à jour</li><li>Moteur de recherche multicritères</li></ul>', 'expl2':'<h4>Technologies utilisées : </h4>PHP / MySQL<br/>Optimisation MySQL<br/>Traitement de données brutes / XML<br/><br/><br/><a href="http://www.appsbuster.com/">Voir le site</a>'}
explanations['lycos'] = {'expl1':'<h3>Lycos.fr</h3>Un des grands noms du web francophone fin des années 90 / début 2000. <br/><br/><ul><li>Gestion du portail et création des outils de gestions de contenu.</li><li>Traitement de flux XML de partenaires</li><li>Stratégie SEO</li><li>Administration système avec problématique de répartition de charge</li></ul>', 'expl2':'<h4>Technologies utilisées :</h4> PHP / MySQL<br/>Linux'}
explanations['montoutpetit'] = {'expl1':'<h3>MonToutPetit.com</h3>Plate-forme de blog destinée aux futures et jeunes mamans', 'expl2':'<h4>Technologies utilisées :</h4>PHP / MySQL<br/>WordPress Mu<br/><br/><a href="http://www.montoutpetit.com/">Voir le site</a>'}
explanations['estunchef'] = {'expl1':'<h3>EstUnChef.com</h3>Plate-forme de blog destinée aux amateurs de cuisine', 'expl2':'<h4>Technologies utilisées :</h4>PHP / MySQL<br/>WordPress Mu<br/><br/><a href="http://estunchef.com/">Voir le site</a>'}
explanations['ilfaitbeauoupas'] = {'expl1':'<h3>IlFaitBeauOuPas.com</h3>Météo simplifiée pour le jour courant et le lendemain', 'expl2':'<h4>Technologies utilisées :</h4>PHP / MySQL<br/>Géolocalisation<br/><br/><a href="http://www.ilfaitbeauoupas.com/">Voir le site</a>'}
explanations['eskuel'] = {'expl1':'<h3>eSKUeL</h3>Outil d\'administration de base de données MySQL, diffusé sous licence GNU/GPL', 'expl2':'<h4>Technologies utilisées :</h4>PHP / MySQL<br/><br/><a href="http://www.eskuel.com/">Voir le site</a>'}
explanations['eskuelnet'] = {'expl1':'<h3>eSKUeL.net</h3>Mon blog personnel. <br/><br/>Moteur de blog <i>MavBlog</i> développé pour l\'occasion', 'expl2':'<h4>Technologies utilisées :</h4>PHP / MySQL<br/><br/><a href="http://www.eskuel.net/">Voir le site</a>'}
explanations['kreuzz'] = {'expl1':'<h3>KreuZZ.com</h3>Aggrégateur de flux RSS / Gestionnnaire de bookmarks<br/><br/>Service ouvert aux utilisateurs', 'expl2':'<h4>Technologies utilisées :</h4>PHP / MySQL<br/><br/><a href="http://www.kreuzz.com/">Voir le site</a>'}
explanations['adobeair'] = {'expl1':'<h3>Widgets Adobe Air</h3>Réalisations de divers widgets desktop avec Adobe Air / Flex', 'expl2':'<h4>Technologies utilisées :</h4>Flex / Adobe Air<br/>'}
var  myFxTooltip;
var myFxOpacityFirst;
var myFxOpacitySecond;

function change_screen(image) {

		$('inner').setStyle('top','-500px');
		$('inner').setStyle('left','-500px');
	
	var myFx = new Fx.Tween($('inner'), {duration: 900, transition: 'bounce:out', onStart: function() {$('inner').innerHTML = '<img src="img/'+image+'.jpg" />';	}});
	var random = Math.floor(Math.random() * 10);
	if ( (random % 4) == 1 ) {
		$('inner').setStyle('left','0');
		$('inner').setStyle('top','-500');
		
		myFx.start('top', -500, 0);
		
	}
	else if ( (random % 4 ) == 2 ) {
		$('inner').setStyle('left','-500');
		$('inner').setStyle('top','0');
		
		myFx.start('left', -500, 0);

	}
	else if ( (random % 4 ) == 3 ) {
		$('inner').setStyle('left','0');
		$('inner').setStyle('top','500');

		myFx.start('top', 500, 0);

	}
	else {
		$('inner').setStyle('left','500');
		$('inner').setStyle('top','0');
		
		myFx.start('left', 500, 0);

	}
	
	display_expl(image);
}



function display_legend(txt) {
	$('legend').setStyle('opacity', 0);
	if ( !myFxTooltip ) 
	 	myFxTooltip = new Fx.Tween($('legend'), {duration: 300, link: 'cancel'});

	$('legend').innerHTML = txt;


	myFxTooltip.start('opacity', 0, 1);
}

function reset_legend() {

	$('legend').innerHTML = '';
	$('legend').setStyle('opacity', 1);
	myFxTooltip.start('opacity', 1, 0);
	
}

function display_expl(what) {
	if ( !myFxOpacityFirst ) {
		myFxOpacitySecond = new Fx.Tween($('expl2'), {duration: 500, link :'cancel'});
		myFxOpacityFirst = new Fx.Tween($('expl1'), { 	duration: 500, 
														link: 'cancel', 
														onComplete: function() { 
															myFxOpacitySecond.start('opacity', 0,1); 
														}
													});
		
	}
	$('expl1').innerHTML = '';
	$('expl2').innerHTML = '';
	$('expl1').setStyle('opacity', 0);
	$('expl2').setStyle('opacity', 0);

		$('expl1').innerHTML = explanations[what]['expl1'];
		$('expl2').innerHTML = explanations[what]['expl2'];

	myFxOpacityFirst.start('opacity', 0, 1);
}

window.onload=function () {
	change_screen('newsdegeek');
}