url_serie = new Array();
nb_serie = new Array();
commentaire = new Array();
url_serie["Shardan"]="images/shardan/";
url_serie["Embruns"]="images/embruns/";
url_serie["Nos vies passantes"]="images/NVP/";
url_serie["Sur la route"]="images/slr/";
url_serie["Requiem"]="images/requiem/";
url_serie["Portraits"]="images/des visages/";
url_serie["Artistes"]="images/artistes/";
url_serie["Irlande"]="images/irlande/";
url_serie["Orphans"]="images/orphans/";
url_serie["Chateau combrillac"]="images/Combrillac/";
url_serie["Marché Saint Michel"]="images/sm/";
nb_serie["Marché Saint Michel"] = 18;
nb_serie["Shardan"] = 13;
nb_serie["Embruns"] = 4;
nb_serie["Requiem"] = 7;
nb_serie["Orphans"] = 24;
nb_serie["Nos vies passantes"] = 13;
nb_serie["Sur la route"] = 14;
nb_serie["Portraits"] = 23;
nb_serie["Artistes"] = 12;
nb_serie["Irlande"] = 11;
nb_serie["Chateau combrillac"] = 21;
nb_premiere_image = 3;

jQuery(function($){

  var settings = {
	navigationListId: "navigation",
    imgViewerId: "viewer",
	sousmenuId: "sousmenu",
 };
	imgViewer = $("#"+settings.imgViewerId),
	divsousmenu = $("#"+settings.sousmenuId),
	next_button = $("#next"),
	previous_button = $("#previous"),
	image_courante = imgViewer.children("img");
    imgViewer.current_image = 1;
	divsousmenu.hide();
	previous_button.hide();
	next_button.hide();
	imgViewer.hide().fadeIn(1000);
	affiche_tab();
	//document.getElementById('titre_serie').innerHTML="Portfolio";
	extension='.jpg';
});

function next() {
		next_image = parseInt(imgViewer.current_image ) + 1;
		imgViewer.current_image = next_image;
		new_image = '<img src="' +url_serie[nom_serie]+next_image+extension+'"  class="captify" alt="'+commentaire["images/shardan/2"]+'">';
		imgViewer.hide().fadeIn(800);
        imgViewer.html(new_image);
		if ((parseInt(imgViewer.current_image) + 1) > nb_serie[nom_serie])
		{next_button.hide();}
		if (previous_button.hide())
		{previous_button.show();}
		document.getElementById('titre_serie').innerHTML=nom_serie + " - "+imgViewer.current_image+"/"+nb_serie[nom_serie];
}

function previous() {
		next_image = parseInt(imgViewer.current_image ) - 1;
		imgViewer.current_image = next_image;
		new_image = '<img src="' +url_serie[nom_serie]+next_image+extension+'" >';
		imgViewer.hide().fadeIn(800);
        imgViewer.html(new_image);
		if ((parseInt(next_image) == 1)){previous_button.hide();}
		if (next_button.hide()){next_button.show();}
		document.getElementById('titre_serie').innerHTML=nom_serie + " >> "+imgViewer.current_image+"/"+nb_serie[nom_serie];
}

function serieIs(nom_selection_serie) {
affiche_sousmenu();
if (nom_selection_serie=='Artistes')
{ extension='.png'; } else { extension='.jpg'; }
	//affiche_sousmenu();
if (next_button.hide())
	{next_button.show();}
	previous_button.hide();
	nom_serie = nom_selection_serie;
	document.getElementById('titre_serie').innerHTML=nom_serie + " - 1/"+nb_serie[nom_serie];
	premiere_image_serie = url_serie[nom_serie]+'1'+extension;
	imgViewer.hide().fadeIn(800);
	imgViewer.html('<img src="' +premiere_image_serie+'" >');
	imgViewer.current_image = 1;
	
}

function qui() {
	divsousmenu.hide();
	previous_button.hide();
	next_button.hide();
	document.getElementById('sousmenu').innerHTML="";
	document.getElementById('titre_serie').innerHTML="A Propos";
	imgViewer.hide().fadeIn(800);
    texte = "<div id=\"divqui\">";
	texte = texte +  "<table align='center' CELLPADDING=90 width=700><tr><td><B>Rémi Lagoin</B><BR>Vit et travaille à Bordeaux - France<BR><BR><B><span><font color='gray'>Auteur Photographe</B></span></font><BR><A style=\"text-decoration:none;\" style=\"text-decoration:none;\" HREF=\"mailto:remi.lagoin@gmail.com\">remi.lagoin@gmail.com</a><BR>06.89.61.21.97</td><td><img src=images/autoportrait.jpg></img> </td></tr></table></div>";
	texte = texte + "<div id=\"contact\"><table align='center' CELLPADDING=20 bgcolor='lightgray'><tr><td valign=\"top\"><form method=\"post\" id=\"contact\" action=\"formulaire.php\" target=\"_blank\"><table cellpadding=\"0\" cellspacing=\"5\" border=\"0\" id=\"formulaire\"><tr><td class=\"legende\" width=\"0\">E-mail</td><td><input type=\"text\" id=\"email\" name=\"email\" class=\"chptexte\" /></td><tr><td class=\"legende\">Sujet</td><td><input type=\"text\" id=\"subject\" name=\"subject\" class=\"chptexte\" /></td></tr><tr><td class=\"legende\" cols=10>Message</td><td><textarea id=\"message\" name=\"message\" cols=30 rows=6></textarea></td></tr><tr><td colspan=\"0\" align=\"right\"><a href=\"javascript://\" onclick=\"document.forms['contact'].submit();\"><img src=\"/images/send.png\" width=\"30\" height=\"24\" alt=\"\" border=\"0\" /></a></td></tr></table></form></div>";
	imgViewer.html(texte);
	
}



function actu() {
	document.getElementById('sousmenu').innerHTML="";
	divsousmenu.hide();
	previous_button.hide();
	next_button.hide();
	document.getElementById('titre_serie').innerHTML="";
	imgViewer.hide().fadeIn(800);
	imgViewer.html('<img src="images/actu.jpg">');
	
}

function tirages() {
	divsousmenu.hide();
	previous_button.hide();
	next_button.hide();
	document.getElementById('titre_serie').innerHTML="";
	document.getElementById('sousmenu').innerHTML="";
	imgViewer.hide().fadeIn(800);
	imgViewer.html('<img src="images/tirages.jpg">');
	
}

function affiche_sousmenu() {
	divsousmenu.hide().fadeIn(800);
	document.getElementById('sousmenu').innerHTML="";
	barre_menu = "";
	/*barre_menu=barre_menu +"<a href=\"#\" onClick=\"serieIs('Marché Saint Michel');\" style=\" text-decoration:none ; \" title=\"Une traversée du Marché et de son marché\">Marché Saint Michel</a>  |  ";
	barre_menu = barre_menu +"<a href=\"#\" onClick=\"serieIs('Shardan');\" style=\" text-decoration:none ; \" title=\"Shardan\"> Shardan </a>  |  ";
	barre_menu = barre_menu +"<a href=\"#\" onClick=\"serieIs('Artistes');\" style=\" text-decoration:none ; \" title=\"Portraits d'artistes \"> Portraits d'artistes </a>  |  ";
	barre_menu = barre_menu +"<a href=\"#\" onClick=\"serieIs('Portraits');\" style=\" text-decoration:none ; \" title=\"Portraits\"> Portraits </a>  |  ";
	barre_menu = barre_menu +"<a href=\"#\" onClick=\"serieIs('Orphans');\" style=\" text-decoration:none ; \" title=\"Orphans\"> Orphans</a>  |  ";
	barre_menu = barre_menu +"<a href=\"#\" onClick=\"serieIs('Irlande');\" style=\" text-decoration:none ; \" title=\"irlande\"> Irlande </a>  |  ";
	barre_menu = barre_menu +"<a href=\"#\" onClick=\"serieIs('Nos vies passantes');\" style=\" text-decoration:none ; \" title=\"nos vies passantes\"> Nos vies passantes </a>  |  ";
	barre_menu = barre_menu +"<a href=\"#\" onClick=\"serieIs('Embruns');\" style=\" text-decoration:none ; \" title=\"Embruns\"> Embruns </a>  |  ";
	barre_menu = barre_menu +"<a href=\"#\" onClick=\"serieIs('Sur la route');\" style=\" text-decoration:none ; \" title=\"Sur la route\"> Sur la route </a>  |  ";
	barre_menu = barre_menu +"<a href=\"#\" onClick=\"serieIs('Chateau combrillac');\" style=\" text-decoration:none ; \" title=\"Combrillac\"> Combrillac</a> |  ";*/
	barre_menu = barre_menu +"<a href=\"#\" onClick=\"affiche_tab();\" style=\" text-decoration:none ; \" title=\"Affichage tabulaire\">Retour au menu <img src=images/vignettes_symb.png></img></a>  ";
	document.getElementById('sousmenu').innerHTML=barre_menu;
}

function affiche_tab() {
	divsousmenu.hide();
	imgViewer.hide().fadeIn(800);
	previous_button.hide();
	next_button.hide();
	tableau ="<BR><BR><center><table align='center' cellpadding='0' cellspacing='25' bgcolor='#fbfbfb'>";
	tableau=tableau+"<tr><td><a href=\"#\" onClick=\"serieIs('Marché Saint Michel');\" style=\" text-decoration:none ; \" title=\"Marché Saint-Michel\">";
	tableau=tableau+"<img src=\"vignettes/saintmichel.jpg\"/></td>";
	tableau=tableau+"<td ><a href=\"#\" onClick=\"serieIs('Shardan');\" style=\" text-decoration:none ; \" title=\"Shardan\">";
	tableau=tableau+"<img src=\"vignettes/shardan.jpg\"/></td>";
	tableau=tableau+"<td ><a href=\"#\" onClick=\"serieIs('Artistes');\" style=\" text-decoration:none ; \" title=\"Portraits d'artistes\">";
	tableau=tableau+"<img src=\"vignettes/portraits_artistes.jpg\"/></td>";
	tableau=tableau+"<td><a href=\"#\" onClick=\"serieIs('Portraits');\" style=\" text-decoration:none ; \" title=\"Portraits\">";
	tableau=tableau+"<img src=\"vignettes/portraits.jpg\"/></td>";
	tableau=tableau+"<td><a href=\"#\" onClick=\"serieIs('Irlande');\" style=\" text-decoration:none ; \" title=\"Irlande\">";
	tableau=tableau+"<img src=\"vignettes/irlande.jpg\"/></td></tr>";
	tableau=tableau+"<tr height='30px' valign='top' class='tableau_series'><td>Marché Saint-Michel</td><td >Shardan</td><td>Portraits d'artistes</td><td>Portraits</td><td>Irlande</td></tr>";
	tableau=tableau+"<tr><td><a href=\"#\" onClick=\"serieIs('Orphans');\" style=\" text-decoration:none ; \" title=\"Orphans\">";
	tableau=tableau+"<img src=\"vignettes/orphans.jpg\"/></td>";
	tableau=tableau+"<td ><a href=\"#\" onClick=\"serieIs('Nos vies passantes');\" style=\" text-decoration:none ; \" title=\"Nos vies passantes\">";
	tableau=tableau+"<img src=\"vignettes/nvp.jpg\"/></td>";
	tableau=tableau+"<td ><a href=\"#\" onClick=\"serieIs('Embruns');\" style=\" text-decoration:none ; \" title=\"Embruns\">";
	tableau=tableau+"<img src=\"vignettes/embruns.jpg\"/></td>";
	tableau=tableau+"<td ><a href=\"#\" onClick=\"serieIs('Sur la route');\" style=\" text-decoration:none ; \" title=\"Sur la route\">";
	tableau=tableau+"<img src=\"vignettes/slr.jpg\"/></td>";
	tableau=tableau+"<td><a href=\"#\" onClick=\"serieIs('Chateau combrillac');\" style=\" text-decoration:none ; \" title=\"Chateau combrillac\">";
	tableau=tableau+"<img src=\"vignettes/combrillac.jpg\"/></td></tr>";
	tableau=tableau+"<tr height='30px' valign='top' class='tableau_series'><td>Orphans</td><td>Nos vies passantes</td><td>Embruns</td><td>Sur la route</td><td>Chateau Combrillac</td></tr>";
	tableau=tableau+"</table></center>";
	imgViewer.html(tableau);
	document.getElementById('titre_serie').innerHTML="Menu";
}

function portfolio() {
	divsousmenu.hide();
	document.getElementById('titre_serie').innerHTML="";
	previous_button.hide();
	next_button.hide();
	affiche_tab();
}

function liens() {
	divsousmenu.hide();
	previous_button.hide();
	next_button.hide();
	document.getElementById('sousmenu').innerHTML="";
	document.getElementById('titre_serie').innerHTML="Liens";
	imgViewer.hide().fadeIn(800);
	texte =  "<div id=\"liens\" >";
    texte = texte + "<div id=\"divliens\" ><p id=\"Texte01\"><A style=\"text-decoration:none;\" HREF=\"http://www.sluban.com/\" target=\"_blank\">Klavdij Sluban</A>";
	texte = texte +"<p id=\"Texte01\"><A style=\"text-decoration:none;\" HREF=\"http://www.gabrielleduplantier.com/\" target=\"_blank\">Gabrielle Duplantier</A>";
	texte = texte +"<p id=\"Texte01\"><A style=\"text-decoration:none;\" HREF=\"http://photocheap.free.fr/\" target=\"_blank\">Ivan Constantin</A>";
	texte = texte +"<p id=\"Texte01\"><A style=\"text-decoration:none;\" HREF=\"http://www.samuel-bollendorff.com/fr/\" target=\"_blank\">Samuel Bollendorf</A>";
	texte = texte +"<p id=\"Texte01\"><A style=\"text-decoration:none;\" HREF=\"http://noorimages.com/\" target=\"_blank\">NOOR</A>";
	texte = texte +"<p id=\"Texte01\"><A style=\"text-decoration:none;\" HREF=\"http://www.myop.fr/\" target=\"_blank\">MYOP</A>";
	texte = texte +"<p id=\"Texte01\"><A style=\"text-decoration:none;\" HREF=\"http://www.fredericsautereau.com/\" target=\"_blank\">Frédéric Sautereau</A>";
	texte = texte +"<p id=\"Texte01\"><A style=\"text-decoration:none;\" HREF=\"http://www.danielpilar.de/\" target=\"_blank\">Daniel Pilar</A>";
	texte = texte +"<p id=\"Texte01\"><A style=\"text-decoration:none;\" HREF=\"http://www.julienpebrel.com/\" target=\"_blank\">Julien Pebrel</A>";
	texte = texte +"<p id=\"Texte01\"><A style=\"text-decoration:none;\" HREF=\"http://baptistegiroudon.com/\" target=\"_blank\">Baptiste Giroudon</A>";
	texte = texte +"<p id=\"Texte01\"><A style=\"text-decoration:none;\" HREF=\"http://www.benedictekurzen.com/\" target=\"_blank\">Bénédicte Kurzen</A>";
	

	texte = texte +"</div>"; 
	texte = texte +"<div id=\"divliens_col2\"><p id=\"Texte01\">";
	texte = texte +"<p id=\"Texte01\"><A style=\"text-decoration:none;\" HREF=\"http://www.arno-brignon.fr/\" target=\"_blank\">Arno Brignon</A>";
	texte = texte +"<p id=\"Texte01\"><A style=\"text-decoration:none;\" HREF=\"http://www.jibey.com/\" target=\"_blank\">Jean-Baptiste Peter</A>";
	texte = texte +"<p id=\"Texte01\"><A style=\"text-decoration:none;\" HREF=\"http://www.thomas-zicola.com/\" target=\"_blank\">Thomas Zicola</A>";
	texte = texte +"<p id=\"Texte01\"><A style=\"text-decoration:none;\" HREF=\"http://alain.laboile.free.fr/\" target=\"_blank\">Alain Laboile</A>";
	texte = texte +"<p id=\"Texte01\"><A style=\"text-decoration:none;\" HREF=\"http://www.madeinphoto.fr/\" target=\"_blank\">MADEinPHOTO</A>";
	texte = texte +"<BR>";
	texte = texte +"<p id=\"Texte01\"><A style=\"text-decoration:none;\" HREF=\"http://www.pierremanchot.com/\" target=\"_blank\">Pierre Manchot (compositeur)</A>";
	texte = texte +"</div>"; 
	imgViewer.html(texte);
}