function loading_creas(num_crea){
		var total_creas=parseInt(document.getElementById('total_creas').value);
		var image =	document.getElementById('img_crea_'+num_crea).name;
		var prld_image = precharger_image("creas/creations/"+image);
		prld_image.onload = changer_image_portfolio(num_crea,image);
}

function precharger_image(url){
	var img = new Image();
	img.src=url;
	return img;
}

function changer_image_portfolio(num_crea,image){
	//document.getElementById('img_crea_'+num_crea).style.visibility="hidden";
	//document.getElementById('img_crea_'+num_crea).style.backgroundImage="url(none)";
	document.getElementById('img_crea_'+num_crea).src="creas/creations/"+image;
	//document.getElementById('img_crea_'+num_crea).style.visibility="visible";
	next_crea=num_crea+1;
	loading_creas(next_crea);
}


function mailto(){
	var message_valide="true";
	var rapport_erreurs="";
	var cible_focus="";
	if(document.form_contact.message.value=='' || document.form_contact.message.value=='Votre message'){
		rapport_erreurs+='Le champ "message" ne doit pas rester vide \n';
		cible_focus="message";
		message_valide="false";
	}
	if(document.form_contact.objet.value=='' || document.form_contact.objet.value=='Objet'){
		rapport_erreurs+='Le champ "objet" ne doit pas rester vide \n';
		cible_focus="objet";
		message_valide="false";
	}
	if(document.form_contact.mail.value=='' || document.form_contact.mail.value=='Votre adresse mail'){
		rapport_erreurs+='Le champ "mail" ne doit pas rester vide \n';
		cible_focus="mail";
		message_valide="false";
	}else{
		var reg = new RegExp('^[a-z0-9]+([_|\.|-]{1}[a-z0-9]+)*@[a-z0-9]+([_|\.|-]{1}[a-z0-9]+)*[\.]{1}[a-z]{2,6}$', 'i');
		if(reg.test(document.form_contact.mail.value)){
		
		}else{
			rapport_erreurs+='L\' adresse mail que vous avez indiquée semble invalide \n';
			cible_focus="mail";
			message_valide="false";
		}
	}
	
	if(document.form_contact.nom.value=='' || document.form_contact.nom.value=='Votre nom'){
		rapport_erreurs+='Le champ "nom" ne doit pas rester vide \n';
		cible_focus="nom";
		message_valide="false";
	}
	if(message_valide=="true"){
		document.form_contact.submit();
		alert('Votre message vient de nous être envoyé; nous prendrons contact avec vous au plus vite.');
	}else{
		alert(rapport_erreurs);
		switch(cible_focus){
			case "nom":document.form_contact.nom.focus();break;
			case "mail":document.form_contact.mail.focus();break;
			case "objet":document.form_contact.objet.focus();break;
			case "message":document.form_contact.message.focus();break;
			default:document.form_contact.nom.focus();break;
		}
		
	}
}


function update_link(new_cible,new_texte){
	document.getElementById('bande_infos_lien').href=new_cible;
	document.getElementById('bande_infos_lien').innerHTML=new_texte;
	document.getElementById('bande_infos').style.visibility="visible";
}

function correctif_int(){
	//alert ('correctif_int');
	var is_chrome_safari = /AppleWebKit/.test( navigator.userAgent );
//alert(navigator.userAgent);
	if(is_chrome_safari==true){
		document.getElementById('fragment_bande_contact').style.top='-669px';
		document.getElementById('btn_envoi_contact').style.top='-20px';
		document.getElementById('btn_envoi_contact').style.left='5px';
	}
	var is_chrome = /Chrome/.test( navigator.userAgent );
	
	if(is_chrome==true){
		//alert('chrome');
		document.getElementById('fragment_bande_contact').style.top='-657px';
		document.getElementById('btn_envoi_contact').style.top='-24px';
		document.getElementById('btn_envoi_contact').style.left='2px';
	}
}


///////////////////////////////////////////////////////////////
//           gestion mouvements derniers projets             //
///////////////////////////////////////////////////////////////


//2 modes: 'normal' ou 'zoom'
var mode='normal';
var polarite=1;
var crea_mobile='non';
var souris_enfoncee='non';
var mouseX_init=0;
var mouseY_init=0;
var pos_img_x_init="";
var pos_img_y_init="";
var current_projet=1;

function show_project(numero_projet){
	//alert('show');
	//enlever tous les textes
	//document.getElementById('titre_1').style.display="none";
	
	

	$('derniers_projets_img1').fade(0);
	$('derniers_projets_img2').fade(0);
	$('derniers_projets_img3').fade(0);
	$('derniers_projets_img4').fade(0);
	$('derniers_projets_img5').fade(0);
	$('titre_1').fade(0);
	$('titre_2').fade(0);
	$('titre_3').fade(0);
	$('titre_4').fade(0);
	$('titre_5').fade(0);
	$('details_1').fade(0);
	$('details_2').fade(0);
	$('details_3').fade(0);
	$('details_4').fade(0);
	$('details_5').fade(0);
	document.getElementById('projet_1').style.backgroundPosition="";
	document.getElementById('projet_2').style.backgroundPosition="";
	document.getElementById('projet_3').style.backgroundPosition="";
	document.getElementById('projet_4').style.backgroundPosition="";
	document.getElementById('projet_5').style.backgroundPosition="";
	/*
	document.getElementById('titre_1').style.display="inline";
	document.getElementById('details_1').style.display="inline";
	document.getElementById('titre_2').style.display="inline";
	document.getElementById('details_2').style.display="inline";
	document.getElementById('titre_3').style.display="inline";
	document.getElementById('details_3').style.display="inline";
	document.getElementById('titre_4').style.display="inline";
	document.getElementById('details_4').style.display="inline";
	document.getElementById('titre_5').style.display="inline";
	document.getElementById('details_5').style.display="inline";	
*/

	switch(numero_projet){
		case 1:
		document.getElementById('titre_1').style.display="inline";
		document.getElementById('details_1').style.display="inline";
		document.getElementById('projet_1').style.backgroundPosition="right";
		$('derniers_projets_img1').fade(1);
		$('titre_1').fade(1);
		$('details_1').fade(1);
		current_projet=1;
		break;
		case 2:
		document.getElementById('titre_2').style.display="inline";
		document.getElementById('details_2').style.display="inline";
		document.getElementById('projet_2').style.backgroundPosition="right";
		$('derniers_projets_img2').fade(1);
		$('titre_2').fade(1);
		$('details_2').fade(1);
		current_projet=2;
		
		break;
		case 3:
		document.getElementById('titre_3').style.display="inline";
		document.getElementById('details_3').style.display="inline";
		document.getElementById('projet_3').style.backgroundPosition="right";
		$('derniers_projets_img3').fade(1);
		$('titre_3').fade(1);
		$('details_3').fade(1);
		current_projet=3;
		break;
		case 4:
		document.getElementById('titre_4').style.display="inline";
		document.getElementById('details_4').style.display="inline";
		document.getElementById('projet_4').style.backgroundPosition="right";
		$('derniers_projets_img4').fade(1);
		$('titre_4').fade(1);
		$('details_4').fade(1);
		current_projet=4;
		break;
		case 5:
		document.getElementById('titre_5').style.display="inline";
		document.getElementById('details_5').style.display="inline";
		document.getElementById('projet_5').style.backgroundPosition="right";
		$('derniers_projets_img5').fade(1);
		$('titre_5').fade(1);
		$('details_5').fade(1);
		current_projet=5;
		break;
		default:;
	}
}
var b='';
function Attendre(Duree)
{
  string="action();";
  a = setTimeout(string,Duree);
}

function Affiche(Duree)
{
  action();
}

function Annule()
{
  clearTimeout(a);
	action();
}

function Repete(Duree)
{
	Duree=6000;
	string="action();";
	b = setInterval(string,Duree);
}

function Interrompre()
{
  clearTimeout(b);
}

function action(){
	var projet_cible=0;
	//alert("pr1=>["+document.getElementById('projet_1').style.backgroundPosition+"]");
	if(current_projet==1){projet_cible=2;}
	if(current_projet==2){projet_cible=3;}
	if(current_projet==3){projet_cible=4;}
	if(current_projet==4){projet_cible=5;}
	if(current_projet==5){projet_cible=1;}
	//alert("projet cible="+projet_cible);
	
	show_project(projet_cible);
	//alert('proj='+projet_cible);
	//alert(projet_cible);
	//alert(current_projet);
}









///////////////////////////////////////////////////////////////
//            gestion mouvements planche de créa             //
///////////////////////////////////////////////////////////////
var page_active=1;
var total_creas=parseInt(document.getElementById('total_creas').value);
var total_pages=2+total_creas;





//mouvements au clavier
function boutona(e) {
	if(parseInt(navigator.appVersion,10) >=4){
        if(navigator.appName == 'Netscape'){ // Pour Netscape, firefox, ...
            var touche = (window.Event) ? e.which : e.keyCode;
			//alert(touche);
			if(touche==39){move_left();}
			if(touche==37){move_right();}
        }
        else{ // pour Internet Explorer
            var touche = (window.Event) ? e.keyCode : e.which;
			//alert(touche);
			if(touche==39){move_left();}
			if(touche==37){move_right();}
        }
    }
}

//mouvements à la molette

	
	
function handle(delta) {
    //detect chrome
	
	/*
	NavName = navigator.appName;
	NavVers = navigator.appVersion;
	Navigateur = NavName + "&" + NavVers; 
	alert(Navigateur);
	*/
	var is_chrome_safari = /AppleWebKit/.test( navigator.userAgent );

	if(is_chrome_safari==false || (is_chrome_safari==true && polarite==-1)){
		if (delta < 0){
			move_left();
			
		}else{
			move_right();
		}
	}
}


function wheel(event){
/* gérer si browser = chrome
	var is_chrome = /chrome/.test( navigator.userAgent.toLowerCase() );
	if(is_chrome=="true"){alert('chrome');}
	//alert (is_chrome);
*/
        var delta = 0;
        if (!event) // For IE. 
                event = window.event;
        if (event.wheelDelta) { // IE/Opera. 
                delta = event.wheelDelta/120;
				
				//google chrome => fait par moi => bricolage
				
                // In Opera 9, delta differs in sign as compared to IE.
                if (window.opera)
                        delta = -delta;
						
        } else if (event.detail) { // Mozilla case.
                // In Mozilla, sign of delta is different than in IE.
                // Also, delta is multiple of 3.
                delta = -event.detail/3;
        }
        // If delta is nonzero, handle it.
        // Basically, delta is now positive if wheel was scrolled up,
        // and negative, if wheel was scrolled down.
        
        if (delta)
                handle(delta);
        // Prevent default actions caused by mouse wheel.
        // That might be ugly, but we handle scrolls somehow
        // anyway, so don't bother here..
        if (event.preventDefault)
                event.preventDefault();
	polarite=-polarite;
	event.returnValue = false;
	//alert(polarite);
}

// Initialization code. 
// If you use your own event management code, change it as required.
if (window.addEventListener)
        // DOMMouseScroll is for mozilla. 
        window.addEventListener('DOMMouseScroll', wheel, false);
// IE/Opera. 
window.onmousewheel = document.onmousewheel = wheel;








function go_index(){
	document.getElementById('bande_infos').style.visibility="hidden";
	document.getElementById('bande_infos').style.display="none";
	document.getElementById('ombre_droite').style.width="486px";
	document.getElementById('ombre_droite').style.left="474px";
	document.getElementById('ombre_gauche').style.width="486px";
	var myEffect = new Fx.Morph($('astucenav'), {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
	myEffect.start({'opacity' : '1'});
	
	$('smiley').tween('left', '227px');
	$('planche_creas').tween('left', '-50px');
	Repete(10000);
	for(i=1;i<=34;i++){var puce_cible='puce'+i;document.getElementById(puce_cible).style.backgroundPosition="";}
				
	var myEffect = new Fx.Morph($('puces_portfolio'), {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
    myEffect.start({'height':'0px','top':'-215px'});
	document.getElementById('bande_infos').style.visibility="hidden";
	for(i=1;i<=34;i++){
		var puce_cible='puce'+i;
		document.getElementById(puce_cible).style.backgroundPosition="";
	}
	
	document.getElementById('lien_accueil').style.backgroundPosition='';
	document.getElementById('lien_portfolio').style.backgroundPosition='';
	document.getElementById('lien_contact').style.backgroundPosition='';
	document.getElementById('lien_accueil').style.backgroundPosition='center';
	
	page_active=1;
	//alert('page actuelle:'+page_active);
}

function go_portfolio(){
	document.getElementById('bande_infos').style.visibility="hidden";
	document.getElementById('bande_infos').style.display="";
	document.getElementById('ombre_droite').style.width="638px";
	document.getElementById('ombre_droite').style.left="322px";
	document.getElementById('ombre_gauche').style.width="638px";
	var myEffect = new Fx.Morph($('astucenav'), {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
	myEffect.start({'opacity' : '0'});

	Interrompre();
	$('smiley').tween('left', '310px');
	$('planche_creas').tween('left', '-1015px');
	
	for(i=1;i<=34;i++){var puce_cible='puce'+i;document.getElementById(puce_cible).style.backgroundPosition="";}
	document.getElementById('puce1').style.backgroundPosition="top center";
	
	var myEffect = new Fx.Morph($('puces_portfolio'), {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
    myEffect.start({'height': '28px','top' : '-245px'});
	
	document.getElementById('lien_accueil').style.backgroundPosition='';
	document.getElementById('lien_portfolio').style.backgroundPosition='';
	document.getElementById('lien_contact').style.backgroundPosition='';
	document.getElementById('lien_portfolio').style.backgroundPosition='center';
	
	page_active=2;
	//alert('page actuelle:'+page_active);
	
}
function go_contact(){
	document.getElementById('bande_infos').style.display="none";
	var myEffect = new Fx.Morph($('astucenav'), {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
	myEffect.start({'opacity' : '0'});
	document.getElementById('bande_infos').style.visibility="hidden";
	document.getElementById('ombre_droite').style.width="486px";
	document.getElementById('ombre_droite').style.left="474px";
	document.getElementById('ombre_gauche').style.width="486px";
	
	Interrompre();
	$('smiley').tween('left', '390px');
	var new_x=-380-((total_pages-2)*635)-1012;
	$('planche_creas').tween('left', new_x+'px');
	for(i=1;i<=34;i++){var puce_cible='puce'+i;document.getElementById(puce_cible).style.backgroundPosition="";}
	var myEffect = new Fx.Morph($('puces_portfolio'), {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
    myEffect.start({'height': '0px','top' : '-215px'});
	document.getElementById('bande_infos').style.visibility="hidden";
	for(i=1;i<=34;i++){
		var puce_cible='puce'+i;
		document.getElementById(puce_cible).style.backgroundPosition="";
	}
	document.getElementById('lien_accueil').style.backgroundPosition='';
	document.getElementById('lien_portfolio').style.backgroundPosition='';
	document.getElementById('lien_contact').style.backgroundPosition='';
	document.getElementById('lien_contact').style.backgroundPosition='center';
	
	page_active=total_pages;
	//alert('page actuelle:'+page_active);
}

function go_to_crea(crea_cible){
	document.getElementById('bande_infos').style.display="";
	var myEffect = new Fx.Morph($('astucenav'), {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
	myEffect.start({'opacity' : '0'});
	document.getElementById('bande_infos').style.visibility="hidden";
	document.getElementById('ombre_droite').style.width="638px";
	document.getElementById('ombre_droite').style.left="322px";
	document.getElementById('ombre_gauche').style.width="638px";
	
	Interrompre();
	$('smiley').tween('left', '310px');
	var new_x=-380-((crea_cible)*635);
	$('planche_creas').tween('left', new_x+'px');
	
	
	
	var myEffect = new Fx.Morph($('puces_portfolio'), {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
    myEffect.start({'height': '28px','top' : '-245px'});

	page_active=crea_cible+1;
	
	for(i=1;i<=34;i++){
		var puce_cible='puce'+i;
		document.getElementById(puce_cible).style.backgroundPosition="";
	}
	puce_active='puce'+crea_cible;
	document.getElementById(puce_active).style.backgroundPosition="top center";
	//alert('page actuelle:'+page_active);
}


function move_left() {
	
document.getElementById('bande_infos').style.visibility="hidden";
	
	if(mode=='normal'){
		
		Interrompre();
		var myEffect = new Fx.Morph($('astucenav'), {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
		myEffect.start({'opacity' : '0'});
		var x_initial=getStyle('planche_creas','left');
		x_initial=parseInt(x_initial.replace("px",""));
		
		if(page_active==1 || page_active==total_pages-1){
			if(page_active==1){
				var new_x=-50-965;
				$('smiley').tween('left', '310px');
				document.getElementById('lien_accueil').style.backgroundPosition='';
				document.getElementById('lien_portfolio').style.backgroundPosition='';
				document.getElementById('lien_contact').style.backgroundPosition='';
				document.getElementById('lien_portfolio').style.backgroundPosition='center';
				
				document.getElementById('bande_infos').style.display="";
				document.getElementById('bande_infos').style.visibility="hidden";
				document.getElementById('ombre_droite').style.width="638px";
				document.getElementById('ombre_droite').style.left="322px";
				document.getElementById('ombre_gauche').style.width="638px";
			}
			if(page_active==total_pages-1){
				var new_x=-380-((total_pages-2)*635)-1012;
				$('smiley').tween('left', '390px');
				document.getElementById('lien_accueil').style.backgroundPosition='';
				document.getElementById('lien_portfolio').style.backgroundPosition='';
				document.getElementById('lien_contact').style.backgroundPosition='';
				document.getElementById('lien_contact').style.backgroundPosition='center';
				
				document.getElementById('bande_infos').style.display="none";
				document.getElementById('bande_infos').style.visibility="hidden";
				document.getElementById('ombre_droite').style.width="486px";
				document.getElementById('ombre_droite').style.left="474px";
				document.getElementById('ombre_gauche').style.width="486px";
			}
		}else{
			var new_x=-380-((page_active)*635);
			//alert(new_x);
		}
		if(page_active<total_pages){
			page_active++;
			
			var crea_cible=page_active-1;
			for(i=1;i<=34;i++){
				var puce_cible='puce'+i;
				document.getElementById(puce_cible).style.backgroundPosition="";
			}
			puce_active='puce'+crea_cible;
			document.getElementById(puce_active).style.backgroundPosition="top center";
		
			if(page_active!=1 && page_active!=total_pages){
				var myEffect = new Fx.Morph($('puces_portfolio'), {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
				myEffect.start({'height': '28px','top' : '-245px'});
			}else{
				var myEffect = new Fx.Morph($('puces_portfolio'), {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
				myEffect.start({'height': '0px','top' : '-215px'});
				document.getElementById('bande_infos').style.visibility="hidden";
				document.getElementById('bande_infos').style.display="";
				for(i=1;i<=34;i++){
					var puce_cible='puce'+i;
					document.getElementById(puce_cible).style.backgroundPosition="";
				}
			}
			$('planche_creas').tween('left', new_x+'px');
		}
	}
}
 
function move_right() {


	if(mode=='normal'){
		document.getElementById('bande_infos').style.visibility="hidden";
		
		if(page_active>=2){
			var x_initial=getStyle('planche_creas','left');
			x_initial=parseInt(x_initial.replace("px",""));
			if(page_active==2 || page_active==total_pages){
				if(page_active==2){
					page_active=1;
					var new_x=-50;
					$('smiley').tween('left', '227px');
					document.getElementById('lien_accueil').style.backgroundPosition='';
					document.getElementById('lien_portfolio').style.backgroundPosition='';
					document.getElementById('lien_contact').style.backgroundPosition='';
					document.getElementById('lien_accueil').style.backgroundPosition='center';
					
					document.getElementById('bande_infos').style.display="none";
					document.getElementById('ombre_droite').style.width="486px";
					document.getElementById('ombre_droite').style.left="474px";
					document.getElementById('ombre_gauche').style.width="486px";
					
					document.getElementById('bande_infos').style.visibility="hidden";
					var myEffect = new Fx.Morph($('astucenav'), {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
					myEffect.start({'opacity' : '1'});
					Repete(10000);
				}
				if(page_active==total_pages){
					page_active=total_pages-1;
					var new_x=-380-((total_pages-2)*635);
					$('smiley').tween('left', '310px');
					document.getElementById('lien_accueil').style.backgroundPosition='';
					document.getElementById('lien_portfolio').style.backgroundPosition='';
					document.getElementById('lien_contact').style.backgroundPosition='';
					document.getElementById('lien_portfolio').style.backgroundPosition='center';
					
					document.getElementById('bande_infos').style.display="";
					document.getElementById('ombre_droite').style.width="638px";
					document.getElementById('ombre_droite').style.left="322px";
					document.getElementById('ombre_gauche').style.width="638px";
				}
			}else{
				page_active--;
				var new_x=-380-((page_active-1)*635);
				//var new_x=x_initial+635;
			}
			
			if(page_active!=1 && page_active!=total_pages){
				var myEffect = new Fx.Morph($('puces_portfolio'), {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
				myEffect.start({'height': '28px','top' : '-245px'});
			}else{
				var myEffect = new Fx.Morph($('puces_portfolio'), {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
				myEffect.start({'height': '0px','top' : '-215px'});
				document.getElementById('bande_infos').style.visibility="hidden";
				for(i=1;i<=34;i++){
					var puce_cible='puce'+i;
					document.getElementById(puce_cible).style.backgroundPosition="";
				}
			}		
			$('planche_creas').tween('left', new_x+'px');
		}
	}
	var crea_cible=page_active-1;
	for(i=1;i<=34;i++){
		var puce_cible='puce'+i;
		document.getElementById(puce_cible).style.backgroundPosition="";
	}
	puce_active='puce'+crea_cible;
	document.getElementById(puce_active).style.backgroundPosition="top center";
}






function getStyle(el,styleProp){
	var x = document.getElementById(el);
	if (window.getComputedStyle){
		var y = window.getComputedStyle(x,null).getPropertyValue(styleProp);
	}else{ 
		if (x.currentStyle){
			var y = eval('x.currentStyle.' + styleProp);
		}
	}
	//alert(y);
	return y;
}

function mouse_down(event){
	if(crea_mobile=='oui'){
		souris_enfoncee='oui';
		mouseX_init=event.clientX;
		mouseY_init=event.clientY;
		pos_img_x_init=document.getElementById('img_zoom').style.left;
		pos_img_y_init=document.getElementById('img_zoom').style.top;
		//alert('left='+document.getElementById('img_zoom').style.left+';top='+document.getElementById('img_zoom').style.top);
		//alert('left='+pos_img_x_init+';top='+pos_img_y_init);
	}
}



//réseau
var new_left=0;


function init_btn_reseau(){
	document.getElementById('accueil_reseau_btn_gauche').style.backgroundPosition="left top";	
}

function slide_reseau_right(total_elements_reseau) {
	var limite=-(total_elements_reseau-4)*41;
	var limite_bis=-(total_elements_reseau-3)*41;
	if(new_left<0){
		new_left=new_left+41;
		$('liste_reseau').tween('left', new_left+'px');
		document.getElementById('accueil_reseau_btn_droit').style.backgroundPosition="";
	}
	if(new_left==0){
		document.getElementById('accueil_reseau_btn_gauche').style.backgroundPosition="left top";
	}else{
		document.getElementById('accueil_reseau_btn_gauche').style.backgroundPosition="";
	}
}

function slide_reseau_left(total_elements_reseau) {
	var limite=-(total_elements_reseau-4)*41;
	var limite_bis=-(total_elements_reseau-3)*41;
	if(new_left>=limite){
		new_left=new_left-41;
		$('liste_reseau').tween('left', new_left+'px');
		document.getElementById('accueil_reseau_btn_gauche').style.backgroundPosition="";
	}
	if(new_left==limite_bis){
		document.getElementById('accueil_reseau_btn_droit').style.backgroundPosition="left top";
	}else{
		document.getElementById('accueil_reseau_btn_droit').style.backgroundPosition="";
	}
	
}