//initialisation des tableaux
var affichage = {
	1: ['affi1_1.jpg', '<b>R&eacute;alisation :</b> campagne touristique presse magazine'],
	2: ['affi2_1.jpg', '<b>R&eacute;alisation :</b> campagne 4x3 et abribus'],
	3: ['affi3_1.jpg', '<b>R&eacute;alisation :</b> Affiche th&eacute;matique sur programme de r&eacute;novation urbaine à Cenon', 'affi3_2.jpg', '<b>R&eacute;alisation :</b> campagne presse à destination des &eacute;lus et collectivit&eacute; locales'],
	4: ['affi4_1.jpg', '<b>R&eacute;alisation :</b> campagne d\’affichage pour ouverture Parc aux Animaux'],
	5: ['affi5_1.jpg', '<b>R&eacute;alisation :</b> campagne touristique (affichage/presse/internet)', 'affi5_2.jpg', '<b>Réalisation :</b> campagne touristique (affichage/presse/internet)'],
	6: ['affi6_1.jpg', '<b>R&eacute;alisation :</b> Cr&eacute;ation graphique pour presse magazine internationale'],
	7: ['affi7_1.jpg', '<b>R&eacute;alisation :</b> D&eacute;finition d\’une ligne graphique et cr&eacute;ation des supports de communication pour campagne d’ouverture'],
	8: ['affi8_1.jpg', '<b>R&eacute;alisation :</b> Concept de communication destin&eacute; à valoriser les solutions toitures photovoltaïques'],
	9: ['affi9_1.jpg', '<b>R&eacute;alisation :</b> Campagne B to C destinée à promouvoir les métiers des TP vers les jeunes'],
	10: ['affi10_1.jpg', '<b>R&eacute;alisation :</b> Cr&eacute;ation graphique pour insertion presse magazine internationale']
}

var edition = {
	1: ['edi1_1.jpg', '<b>R&eacute;alisation :</b> conception graphique  et r&eacute;alisation technique de catalogues pour r&eacute;seaux adh&eacute;rents spécialis&eacute;s en fournitures de bureau.'],
	2: ['edi2_1.jpg', '<b>R&eacute;alisation :</b> conception graphique et r&eacute;alisation technique de catalogues pour r&eacute;seau adh&eacute;rents '],
	3: ['edi3_1.jpg', '<b>R&eacute;alisation :</b> conception graphique et r&eacute;alisation technique de catalogues sp&eacute;cialis&eacute;s en fournitures de bureau. '],
	4: ['edi4_1.jpg', '<b>R&eacute;alisation :</b> carte de vœux 2008'],
	5: ['edi5_1.jpg', '<b>R&eacute;alisation :</b> conception graphique et r&eacute;daction plaquette corporate Français / Anglais / Italien'],
	6: ['edi6_1.jpg', '<b>R&eacute;alisation :</b> carte de vœux 2008'],
	7: ['edi7_1.jpg', '<b>R&eacute;alisation :</b> cr&eacute;ation et r&eacute;daction d&eacute;pliant Français/Anglais'],
	8: ['edi8_1.jpg', '<b>R&eacute;alisation :</b> cr&eacute;ation et r&eacute;daction d&eacute;pliant Français/Anglais'],
	9: ['edi9_1.jpg', '<b>R&eacute;alisation :</b> conception graphique et r&eacute;daction de documents d\’&eacute;dition à destination de 16 pays d’Europe. '],
	10: ['edi10_1.jpg', '<b>R&eacute;alisation :</b> Conception graphique rapport d\’activit&eacute; (&eacute;dition et web)'],
	11: ['edi11_1.jpg', '<b>R&eacute;alisation :</b> Conception graphique document d\’&eacute;dition'],
	12: ['edi12_1.jpg', '<b>R&eacute;alisation :</b> conception ligne graphique des outils à destination des locataires'],
	13: ['edi13_1.jpg', '<b>R&eacute;alisation :</b> plaquette chiffres clé / Agendas et calendriers agence'],
	14: ['edi14_1.jpg', '<b>R&eacute;alisation :</b> plaquette et documents d’&eacute;dition destin&eacute;s à promouvoir les diff&eacute;rentes offres de la Ferme de Magné <br>(Ferme aux animaux / Légumes Bio / Restaurants)', 'edi14_2.jpg', '<b>R&eacute;alisation :</b> carte de vœux 2008',  'edi14_3.jpg', '<b>R&eacute;alisation :</b> cr&eacute;ation d’une charte graphique d&eacute;clinable sur tous les supports de communication (affiches, dépliants, plaquettes, annonces presse)'],
	15: ['edi15_1.jpg', '<b>R&eacute;alisation :</b> flyer &eacute;v&eacute;nementiel pour ouverture Bar Lounge'],
	16: ['edi16_1.jpg', '<b>R&eacute;alisation :</b> conception graphique et r&eacute;daction plaquette “Brise-Soleil” à destination des architectes europ&eacute;ens'],
	17: ['edi17_1.jpg', '<b>R&eacute;alisation :</b> plaquette corporate pour am&eacute;nageur sp&eacute;cialis&eacute; dans la valorisation environnementale'],
	18: ['edi18_1.jpg', '<b>R&eacute;alisation :</b> communication B to B  pour groupe sp&eacute;cialis&eacute; en mécanique de haute pr&eacute;cision']
}

var internet = {
	1: ['inter1_1.jpg', '<b>R&eacute;alisation :</b> cr&eacute;ation de newletters et d’e-mailings destin&eacute;s à promouvoir les courts s&eacute;jours en avant-saison'],
	2: ['inter2_1.jpg', '<b>R&eacute;alisation :</b> cr&eacute;ation d’un jeu interactif sur le web avec visite virtuelle de la ville.']
}

var packaging = {
	1: ['pack1_1.jpg', '<b>Client :</b> Maison des Maines International <br><b>R&eacute;alisation</b> : cr&eacute;ation de collerettes bouteilles diffus&eacute;es lors des Francofolies de La Rochelle'],
	2: ['pack2_1.jpg', '<b>Cible :</b> architectes européens  / <b>R&eacute;alisation :</b> cr&eacute;ation d’un classeur 3 volets « effet m&eacute;tal » int&eacute;grant une plaquette institutionnelle + fiches produits d&eacute;clin&eacute;es en 16 langues'],
	3: ['pack3_1.jpg', '<b>R&eacute;alisation :</b> cr&eacute;ation d’un enveloppant &eacute;v&eacute;nementiel int&eacute;grant un « cube sauteur »'],
	4: ['pack4_1.jpg', '<b>R&eacute;alisation :</b> cr&eacute;ation de « sacs coffrets » ']
}

// JavaScript Document
function prechargePopup(real){

var nomTab = real.name.substring(0,real.name.indexOf('_'));
	var indexPhoto = real.name.substr(real.name.indexOf('_')+1);
	var sousTab = eval(nomTab)[indexPhoto];
	
	for(var i=0; i<sousTab.length; i++){
		if((i%2) === 0){
		 window['preloadIm'+indexPhoto+'_'+i] = new Image();
		 window['preloadIm'+indexPhoto+'_'+i].src = 'creations/'+nomTab+'/popup/'+sousTab[i];
		}
	}
}


function closePopup(){
	new Event.stopObserving($('fermeture'), 'click', closePopup, false);
	$('popup_carousel').hide();
	pCarousel.destroy();
	$('wrapper_popup').remove();
}

function initPopup(){
	
	var nomTab = this.name.substring(0,this.name.indexOf('_'))
	var indexPhoto = this.name.substr(this.name.indexOf('_')+1);
	var sousTab = eval(nomTab)[indexPhoto];
	
	var liste = "";
	
	for(var i=0; i<sousTab.length; i++){
		if((i%2) === 0){
			liste += '<li><div><img class="diapo" src="creations/'+nomTab+'/popup/'+sousTab[i]+'" />';
			
		}
		else{
			liste += '<p class="noir12p">'+sousTab[i]+'</p></div></li>';
		}
	}
	
	//Preparation du popup
	var popup = '<div id="wrapper_popup">'
				+'	<div id="popup_carousel">'
				+'		<div id="wrapper_nav">'
				+'			<div id="pop_masquePrev"></div>'
				+'			<div class="pop_previous_button"></div>'  
				+'			<div id="pop_masqueNext"></div>'
				+'			<div class="pop_next_button"></div>'  
				+'			<div id="fermeture"></div>'
				+'		</div>'
				+'		<div class="pop_container">'
				+'			<ul>'
				+'				'+liste
				+'			</ul>'
				+'		</div>'
				+'	</div>'
				+'</div>';
	
	new Insertion.After($('horizontal_carousel'), popup);
	
	new Event.observe($('fermeture'), 'click', closePopup, false);
	
	runCarrousel_2();
	
	
}

function addPopup(){
	//Preparation des diapos pour lancer le popup
	var lesLi =  $$('#horizontal_carousel .diapo');
	lesLi.each(function(s){	
							s.setStyle({cursor:'pointer'});
							new Event.observe( s, 'click', initPopup, false);
							prechargePopup(s);
						});
}

function runCarrousel_1() {
	hCarousel = new UI.Carousel("horizontal_carousel", {scrollInc: 1});
}
function runCarrousel_2() {
	pCarousel = new UI.Carousel("popup_carousel", {previousButton:'.pop_previous_button', nextButton:'.pop_next_button', container:'.pop_container', scrollInc: 1});
}
							  
function initCarrousel_1(){
	$('masquePrev').setStyle({display:'block'});
	$('masqueNext').setStyle({display:'block'});
	addPopup();
	runCarrousel_1();
}



new Event.observe(window, 'load', initCarrousel_1, false);
