var portfolio_ind2 = 0;
var portfolio_shown = 0;

function maj_portfolio2()
{
	var idImage = 1;
	
	for(var i = portfolio_ind2 ; i < portfolio_ind2 + 4 ; i++)
	{
		if(document.getElementById("portfolio_exemple_" + idImage) != null)
		{	
			var indice = i;
					
			if(i >= listePortfolio.length)
			{
				indice = i % listePortfolio.length;			
			}			
								
			document.getElementById("portfolio_exemple_" + idImage).innerHTML = 
					"<a href='javascript:afficherFiche2(" + indice + ")'><img src='" + listePortfolio[indice][0] + "'></a>";
		}
				
		idImage++;
	}
}

function afficherFiche2(id)
{
	if(document.getElementById("code_images_" + portfolio_shown) != null)
	{
		document.getElementById("code_images_" + portfolio_shown).className = "portfolio_img_not";
		document.getElementById("code_infos_" + portfolio_shown).className = "portfolio_infos_not";		
	}
	
	document.getElementById("code_images_" + id).className = "portfolio_img";
	document.getElementById("code_infos_" + id).className = "portfolio_infos";	
	
	portfolio_shown = id;
}

function changer_liste_portfolio2(action)
{	
	if(action == "precedent")
	{	
		portfolio_ind2-=4;				
	}	
	else
	{
		portfolio_ind2+=4;		
	}
	
	if(portfolio_ind2 < 0)
	{
		portfolio_ind2 += listePortfolio.length;
	}
	
	maj_portfolio2();
}







var portfolio_ind = 0;

function maj_portfolio()
{
	var idImage = 1;
	
	for(var i = portfolio_ind ; i < portfolio_ind + 4 ; i++)
	{
		if(document.getElementById("portfolio_exemple_" + idImage) != null)
		{	
			var indice = i;
					
			if(i >= listePortfolio.length)
			{
				indice = i % listePortfolio.length;			
			}			
								
			document.getElementById("portfolio_exemple_" + idImage).innerHTML = 
					"<a href='javascript:afficherFiche(" + indice + ")'><img title='" 
					+ listePortfolio[indice][2] + "' alt='" + listePortfolio[indice][2] 
					+ "' src='" + listePortfolio[indice][0] + "'></a>";
		}
		
		idImage++;
	}
}

function afficherFiche(id)
{
	var thumb = listePortfolio[id][0]; //thumb
	var image = listePortfolio[id][1]; //image
	var titre = listePortfolio[id][2]; //titre
	var texte = listePortfolio[id][3]; //methodologie
	var lien = listePortfolio[id][4]; //url
	var technologies = listePortfolio[id][5]; //technologies
	
	document.getElementById("contenu_image_portfolio").innerHTML = "<img class='img_portfolio' src='" + image + "'>";
	document.getElementById("contenu_texte_portfolio").innerHTML = "<b>" + titre + "</b><br />" + texte +							
							(technologies != "" ? "<br /><br /><b>Technologies utilisées</b> : " + technologies : "") + 
							(lien != "" ? "<br /><br /><b><a target='_blank' href='" + lien + "'>Site web</a></b>" : "");
}

function changer_liste_portfolio(action)
{	
	if(action == "precedent")
	{	
		portfolio_ind-=4;				
	}	
	else
	{
		portfolio_ind+=4;		
	}
	
	if(portfolio_ind < 0)
	{
		portfolio_ind += listePortfolio.length;
	}
	
	maj_portfolio();
}

function aTraiter(obj, prefixe)
{
 return obj.id != null &&
		obj.id.indexOf(prefixe) == 0;
}

function traiterCollection(collection, filtre, traiterElem)
{
 var n = collection.length;
 for(var i = 0; i < n ; i++)
  if(filtre == "" || aTraiter(collection[i], filtre))
	traiterElem(collection[i]);
}
		
function ChangerSource()
 {
	var temp = this.src;
	this.src = this.remp.src;
	this.remp.src = temp;
 }
 
 function Charger(img)
 {
  img.remp = new Image();
  img.remp.src = img.title;
  img.title = img.alt;
  img.onmouseover = img.onmouseout = ChangerSource;
 } 
 
 function precharger()
 {
   traiterCollection(document.images, "is_", Charger);
 }