$(document).ready(function() {
	$('.submenu').mouseenter(function() {
		$('.submenu').each(function() {
			$(this).show();
			$('#' + $(this).attr('id') + '2').hide();
		});
		
		var off = $(this);
		var offOver = $('#' + $(this).attr('id') + '2');

		off.hide();
		offOver.show();
	
		offOver.mouseleave(function() {
			off.show();
			offOver.hide();
		});
	});

	$("a[rel^='prettyPhoto']").prettyPhoto({
		deeplinking: false,
		opacity: 0.8,
		show_title: true,
		social_tools: ''
	});

	$('#website_actulitoo').click(function() {
		api_images = [
			_rootPath + "res/images/websites/work/work_actulitoo1.png",
			_rootPath + "res/images/websites/work/work_actulitoo2.png"];
		api_titles = [
			"L'actualité à portée de clic",
			"Mon compte"];
		api_descriptions = [
			"<div class='prettyDesc'><a href='http://www.actulitoo.com' target='_blank'>Site d'actualité</a> utilisant les flux RSS pour son contenu. 100% automatisé, il génére les tags des billets, les ajoute à la recherche en AJAX et lie les actualités similaires entre elles en analysant les mots contenu dans l'actualité. Design conçu par mes soins.</div>",
			"<div class='prettyDesc'>Via son profil, le membre peut choisir de suivre une actualité ou une recherche, dans les thèmes voulus et avec les mots-clés saisis. Le site Web archive toutes les actualités de tous nos fils RSS.</div>"];
		$.prettyPhoto.open(api_images, api_titles, api_descriptions);
	});
	
	$('#website_avs').click(function() {
		api_images = [
			_rootPath + "res/images/websites/work/work_avs1.png"];
		api_titles = [
			"Wedding Planner"];
		api_descriptions = [
			"<div class='prettyDesc'><a href='http://audrey.van-steenwinkel.fr' target='_blank'>Site vitrine</a> à destination d'une entreprise individuelle dans le domaine de l'organisation de mariages. Design et intégration effectués par mes soins.</div>"];
		$.prettyPhoto.open(api_images, api_titles, api_descriptions);
	});

	$('#website_easyfan').click(function() {
		api_images = [
			_rootPath + "res/images/websites/work/work_easyfan1.png",
			_rootPath + "res/images/websites/work/work_easyfan3.png",
			_rootPath + "res/images/websites/work/work_easyfan2.png"];
		api_titles = [
			"Galerie d'avatars",
			"Editeur XML",
			"Market Place"];
		api_descriptions = [
			"<div class='prettyDesc'>Création d'une galerie d'avatars pour <a href='http://www.easyfan.com' target='_blank'>Easyfan</a> en jQuery réutilisable simplement dans divers endroits du site. La galerie permet de sélectionner un élément, plusieurs ou aucun. Création en parallèle d'un système d'upload utilisant uploadify et génération de thumnail pour les images ou les vidéos.</div>",
			"<div class='prettyDesc'>Parsing et analyse des fichiers XML utilisés dans les composants Flash afin de faciliter leur édition à l'avenir pour les utilisateurs lambda. Ces composants XML sont ensuite intégrés à la Market Place.</div>",
			"<div class='prettyDesc'>Conception d'une Market Place en AJAX permettant d'ajouter directement un élément à sa page. Possibilité de configurer l'élément dynamiquement et de voir le résultat en instantanée.</div>"];
		$.prettyPhoto.open(api_images, api_titles, api_descriptions);
	});

	$('#website_hebergforum').click(function() {
		api_images = [
			_rootPath + "res/images/websites/work/work_hebergforum1.png",
			_rootPath + "res/images/websites/work/work_hebergforum2.png",
			_rootPath + "res/images/websites/work/work_hebergforum3.png"];
		api_titles = [
			"Créer son forum",
			"Forums personnalisables",
			"Interface d'administration"];
		api_descriptions = [
			"<div class='prettyDesc'><a href='http://www.heberg-forum.net' target='_blank'>Heberg-Forum</a> est mon plus ancien site Web. Créé en 2004, son concept est simple : permettre la création facile et rapide de forums basés sur phpBB. Repris depuis par de nombreux concurrents, cette idée a attirée plus de 40 000 membres, génére des millions de pages vues par mois et me permet de gérer une énorme base de données.</div>",
			"<div class='prettyDesc'>Les forums sont entièrement personnalisables. Bien que basé sur phpBB, le script des forums n'a plus rien d'origine : systèmes de cache, options supplémentaires, fils RSS... Tout est fait pour donner de nombreuses possibilités d'administration sans mettre en péril la sécurité et la rapidité du service.</div>",
			"<div class='prettyDesc'>L'interface d'administration est accessible à tous nos membres. Entièrement repensée par nos soins pour plus d'ergonomie, elle permet de gérer son portail, ses pages, ses forums, ses membres...</div>"];
		$.prettyPhoto.open(api_images, api_titles, api_descriptions);
	});
	
	$('#website_mywebmajor').click(function() {
		api_images = [
			_rootPath + "res/images/websites/work/work_mywebmajor1.jpg"];
		api_titles = [
			"MyWebMajor"];
		api_descriptions = [
			"<div class='prettyDesc'>Plateforme de téléchargement légal de mp3 multilingue, ce site n'est malheureusement plus accessible faute de succès. Complétement développé par mes soins, il devait permettre l'ajout de mp3 par des artistes, la création de pages pour son réseau social, la recherche et l'achat de mp3 en utilisant paypal. Les mp3 sont encryptés et décryptés au téléchargement pour plus de sécurité. Les tags des mp3 sont modifiés en fonction de ce que saisi l'utilisateur.</div>"];
		$.prettyPhoto.open(api_images, api_titles, api_descriptions);
	});
	
	$('#website_runesworld').click(function() {
		api_images = [
			_rootPath + "res/images/websites/work/work_runesworld1.png",
			_rootPath + "res/images/websites/work/work_runesworld2.jpg"];
		api_titles = [
			"RunesWorld",
			"Modes de jeu"];
		api_descriptions = [
			"<div class='prettyDesc'><a href='http://www.runesworld' target='_blank'>RunesWorld</a> est un site de jeu multijoueur de style médiéval dans lequel il faut obtenir des runes pour devenir l'aventurier le plus puissant. Le site utilise en grande partie la technologie AJAX afin de créer des interactions dynamiques entre les joueurs (salons de jeux par exemple).</div>",
			"<div class='prettyDesc'>Avec 6 modes de jeux dont 1 à débloquer, RunesWorld propose une forte expérience de jeu accés essentiellement autour des combats. En temps réel, ils peuvent accepter jusqu'à 4 joueurs réels face à 4 Personnages Non Joueurs.</div>"];
		$.prettyPhoto.open(api_images, api_titles, api_descriptions);
	});
	
	$('#website_tvs').click(function() {
		api_images = [
			_rootPath + "res/images/websites/work/work_tvs1.png"];
		api_titles = [
			"Portfolio"];
		api_descriptions = [
			"<div class='prettyDesc'>Créé initialement en 2007 pour présenter mes premiers travaux, il a été entièrement refait pour plus de clarté et un accès plus simple à l'information. L'essentiel à savoir : en plus du développement et de l'intégration, j'ai créé entièrement le design.</div>"];
		$.prettyPhoto.open(api_images, api_titles, api_descriptions);
	});

	$('#website_zikbattle').click(function() {
		api_images = [
			_rootPath + "res/images/websites/work/work_zikbattle1.png"];
		api_titles = [
			"Zik Battle"];
		api_descriptions = [
			"<div class='prettyDesc'>Le développement, l'intégration et le design de <a href='http://www.zikbattle.com' target='_blank'>Zik Battle</a> ont été fait en une soirée. Il n'a rien d'exceptionnel, son intérêt était avant tout de tester l'impact de Facebook sur le traffic d'un site Web.</div>"];
		$.prettyPhoto.open(api_images, api_titles, api_descriptions);
	});
});

