var timeoutZoneContenu = "";
var timeoutAfficherFondMot = "";
var timeoutChangerImageAccueil = "";
var timeoutSourceImageAccueil = "";
var timeoutFadeInAccueil = "";
var timeoutLancerChangerImage = "";

var image = new Array;
image[0] = new Image;
image[0].src= "images/photo_layer_4.jpg";
image[1] = new Image;
image[1].src= "images/photo_layer_3.jpg";
image[2] = new Image;
image[2].src= "images/photo_layer_5.jpg";

var imageCourante = 0;
var pageCourante = "";

function chargement()
{
	changeOpac(0, 'fond');
	changeOpac(0, 'zone_contenu');
	 
	pageCourante = "accueil";
	
	document.getElementById("zone_contenu").innerHTML =  Ajax_query("ajax/accueil.php");		
		
	changeOpac(0, 'zone_contenu_texte_gauche');
	
	timeoutZoneContenu = setTimeout("opacity('zone_contenu', 0, 100, 1500)", 2000);
	timeoutZoneTexte = setTimeout("opacity('zone_contenu_texte_gauche', 0, 100, 1500)", 2000);
		
	timeoutAfficherFondMot = setTimeout("afficher_fond_mots()", 3000);
	
	//Partir le roulement d'image
	timeoutChangerImageAccueil = setTimeout("changer_image_accueil()", 3500);	
}

function changer_image_accueil()
{	
	imageCourante++;
	
	//Commencer a cacher l'image
	fade_out_accueil();
	
	//Définir un timer pour changer l'image dans 1.6secondes
	timeoutSourceImageAccueil = setTimeout("changer_source_image_accueil()", 1600); 
	
	//Définir un timer pour réafficher l'image dans 1.8secondes
	timeoutFadeInAccueil = setTimeout("fade_in_accueil()", 1900); 
	
	if(imageCourante+1 < image.length)
	{
		if(pageCourante == "accueil")
		{
			timeoutLancerChangerImage = setTimeout("lancer_changer_image_accueil()", 2000);
		}
	}
}

function lancer_changer_image_accueil()
{
	timeoutChangerImageAccueil = setTimeout("changer_image_accueil()", 1300);
}

function clear_timeout()
{	
	clearTimeout(timeoutLancerChangerImage);
	clearTimeout(timeoutZoneTexte);
	clearTimeout(timeoutChangerImageAccueil);
	clearTimeout(timeoutSourceImageAccueil);
	clearTimeout(timeoutFadeInAccueil);		
}

function fade_out_accueil()
{
	if(pageCourante == "accueil")
	{		
		opacity("zone_contenu_image_gauche_accueil", 100, 0, 1500);
	}
}

function changer_source_image_accueil()
{
	if(pageCourante == "accueil")
		document.getElementById("zone_contenu_image").src = image[imageCourante].src;
}


function fade_in_accueil()
{
	if(pageCourante == "accueil")
	{		
		opacity("zone_contenu_image_gauche_accueil", 0, 100, 1500);
	}
}

function afficher_fond_mots()
{	
	clearTimeout(timeoutAfficherFondMot);
	opacity("fond", 0, 100, 1000);	
}

/* FONCTION GESTION CONTENU */

//nomDiv présentement inutilisé
function chargePage(nomPage, idCateg)
{
	if(pageCourante != nomPage)
	{			
		pageCourante = nomPage;	
		clear_timeout();
	
		if(nomPage == "contact")
		{				
			document.getElementById("banniere").style.top = "400px";
			document.getElementById("footer").style.bottom = "-30px";
			document.getElementById("zone_contenu").innerHTML =  Ajax_query("ajax/contact.php");			
			document.getElementById("coup_de_coeur").className = "div_invisible";
			document.getElementById("creation").className = "div_visible";
		}
		
		if(nomPage == "accueil")
		{		
			document.getElementById("banniere").style.top = "400px";
			document.getElementById("footer").style.bottom = "-30px";
			document.getElementById("zone_contenu").innerHTML =  Ajax_query("ajax/accueil.php");					
			imageCourante = 0;		
			changer_image_accueil();
			document.getElementById("creation").className = "div_invisible";
			document.getElementById("coup_de_coeur").className = "div_visible";
		}
		
		if(nomPage == "profil")
		{		
			document.getElementById("banniere").style.top = "400px";
			document.getElementById("footer").style.bottom = "-30px";
			document.getElementById("zone_contenu").innerHTML =  Ajax_query("ajax/profil.php");			
			document.getElementById("creation").className = "div_invisible";
			document.getElementById("coup_de_coeur").className = "div_visible";
		}

		if(nomPage == "portfolio")
		{		
			document.getElementById("banniere").style.top = "400px";	
			document.getElementById("footer").style.bottom = "-30px";			
			document.getElementById("zone_contenu").innerHTML =  Ajax_query("ajax/portfolio_commercial.php");		

			var flashvars = {};
			flashvars.settingsXML = "dockmenu/settings.php?type=images.php&id="+idCateg;
			var params = {};
			params.scale = "noscale";
			params.salign = "tl";			
			params.wmode = "transparent";
			params.allowscriptaccess = "samedomain";
			var attributes = {};
			swfobject.embedSWF("dockmenu/dockmenu.swf", "DockMenuDiv", "600", "400", "9.0.0", 
			false, flashvars, params, attributes);
			
			document.getElementById("creation").className = "div_invisible";
			document.getElementById("coup_de_coeur").className = "div_visible";
		}
		
		if(nomPage == "portfolio_res")
		{		
			document.getElementById("banniere").style.top = "400px";
			document.getElementById("footer").style.bottom = "-30px";
			document.getElementById("zone_contenu").innerHTML =  Ajax_query("ajax/portfolio_residentiel.php");			
			
			var flashvars = {};
			flashvars.settingsXML = "dockmenu/settings.php?type=images_res.php";
			var params = {};
			params.scale = "noscale";
			params.salign = "tl";
			params.wmode = "transparent";
			params.allowscriptaccess = "samedomain";
			var attributes = {};
			swfobject.embedSWF("dockmenu/dockmenu.swf", "DockMenuDiv", "600", "400", "9.0.0", 
			false, flashvars, params, attributes);
			
			document.getElementById("creation").className = "div_invisible";
			document.getElementById("coup_de_coeur").className = "div_visible";
		}
		
		if(nomPage == "portfolio_videos")
		{		
			document.getElementById("zone_contenu").innerHTML =  Ajax_query("ajax/portfolio_videos.php");						
			
			document.getElementById("banniere").style.top = "640px";
			document.getElementById("footer").style.bottom = "-270px";
			
		    var so = new SWFObject("flash/player.swf","ply","526","458","9","#FFFFFF");
			    so.addParam('allowscriptaccess','always');
		        so.addParam('allowfullscreen','true');						        
		        so.addParam('flashvars','&file=playlist.php&stretching=fill&plugins=flow-1&flow.position=bottom&flow.showtext=false&flow.size=150&flow.showtext=true');
		        so.write('mediaspace');		
				
			document.getElementById("creation").className = "div_invisible";
			document.getElementById("coup_de_coeur").className = "div_visible";
		}
		
		if(nomPage == "coupdecoeur")
		{				
			document.getElementById("banniere").style.top = "400px";
			document.getElementById("footer").style.bottom = "-30px";
			document.getElementById("zone_contenu").innerHTML =  Ajax_query("ajax/coupdecoeur.php");			
			document.getElementById("creation").className = "div_invisible";
			document.getElementById("coup_de_coeur").className = "div_visible";
		}
		
		if(nomPage == "portfolio_categ")
		{		
			document.getElementById("banniere").style.top = "400px";	
			document.getElementById("footer").style.bottom = "-30px";			
			document.getElementById("zone_contenu").innerHTML =  Ajax_query("ajax/portfolio_categ.php?id=" + idCateg);		
			
			var flashvars = {};
			flashvars.settingsXML = "dockmenu/settings.php?type=images_categ.php-"+idCateg;						
			var params = {};
			params.scale = "noscale";
			params.salign = "tl";			
			params.wmode = "transparent";
			params.allowscriptaccess = "samedomain";
			var attributes = {};
			swfobject.embedSWF("dockmenu/dockmenu.swf", "DockMenuDiv", "600", "400", "9.0.0", 
			false, flashvars, params, attributes);
			
			
			
			document.getElementById("creation").className = "div_invisible";
			document.getElementById("coup_de_coeur").className = "div_visible";
		}
	}
}

/* FIN FONCTION GESTION CONTENU */

//change the opacity for different browsers
function changeOpac(opacity, id) 
{
	var div = document.getElementById(id);
	
	if(div != null)
	{
		var object = div.style; 
		object.opacity = (opacity / 100);
		object.MozOpacity = (opacity / 100);
		object.KhtmlOpacity = (opacity / 100);
		object.filter = "alpha(opacity=" + opacity + ")";
	}
}


function opacity(id, opacStart, opacEnd, millisec) 
{
	//speed for each frame
	var speed = Math.round(millisec / 100);
	var timer = 0;

	//determine the direction for the blending, if start and end are the same nothing happens
	if(opacStart > opacEnd) {
		for(i = opacStart; i >= opacEnd; i--) {
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	} else if(opacStart < opacEnd) {
		for(i = opacStart; i <= opacEnd; i++)
			{
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
}

function shiftOpacity(id, millisec) 
{
	//if an element is invisible, make it visible, else make it ivisible
	if(document.getElementById(id).style.opacity == 0) {
		opacity(id, 0, 100, millisec);
	} else {
		opacity(id, 100, 0, millisec);
	}
}


function blendimage(divid, imageid, imagefile, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;
	
	//set the current image as background
	document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
	
	//make image transparent
	changeOpac(0, imageid);
	
	//make new image
	document.getElementById(imageid).src = imagefile;

	//fade in image
	for(i = 0; i <= 100; i++) {
		setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
		timer++;
	}
}

function currentOpac(id, opacEnd, millisec) {
	//standard opacity is 100
	var currentOpac = 100;
	
	//if the element has an opacity set, get it
	if(document.getElementById(id).style.opacity < 100) {
		currentOpac = document.getElementById(id).style.opacity * 100;
	}

	//call for the function that changes the opacity
	opacity(id, currentOpac, opacEnd, millisec)
}

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 précharger()
 {
   traiterCollection(document.images, "is_", Charger);
 }