var tabImg = new Array();
var imgOffset = 1;
function init(){
	Cufon.replace('h1', { fontFamily:'Steiner' });
	Cufon.replace('h2', { fontFamily:'Steiner' });
	Cufon.replace('h3', { fontFamily:'Steiner' });
	Cufon.replace('h4', { fontFamily:'Steiner' });
	Cufon.replace('h5', { fontFamily:'Steiner' });
	Cufon.replace('#Version', { fontFamily:'Steiner' });
	//si on est pas sur ie6		
	genDiaporama(); 
	
	// dans le cas ou l'on est sur ie6 et sur l'index on fixe la taille de contenu au préalable
	if($('contenu'))
		if(Prototype.Browser.IE6 = Prototype.Browser.IE && parseInt(navigator.userAgent.substring(navigator.userAgent.indexOf("MSIE")+5)) == 6)
			$('contenu').setStyle({width: (document.viewport.getDimensions().width-$('monMenu').measure('width')-40)+"px"});
	
	if($('contenuProjet')){
		if(Prototype.Browser.IE6 = Prototype.Browser.IE && parseInt(navigator.userAgent.substring(navigator.userAgent.indexOf("MSIE")+5)) == 6){
				$('contenuProjet').setStyle({width: (document.viewport.getDimensions().width-$('monMenu').measure('width')-40)+"px"});
				//$('contenuGauche').setStyle({width: ($('contenuProjet').measure('width')-450-20)+"px"});
		}
	}
			
	//posEcouteur();
	//activeMenu();
	//imgVisible();
	if(!(Prototype.Browser.IE6 = Prototype.Browser.IE && parseInt(navigator.userAgent.substring(navigator.userAgent.indexOf("MSIE")+5)) == 6)){
		doResize();
		setTimeout(doResize,20);
		window.onresize = doResize;
	}
	
}

function openBox(idBox){
	if($('contenuProjet')){
		Effect.Fade($('contenuProjet'), {from: 1, to: 0.2, duration: 1 });
	}
	if($('contenu')){
		Effect.Fade($('contenu'), {from: 1, to: 0.2, duration: 1 });
	}
	if($('contenuProfil')){
		Effect.Fade($('contenuProfil'), {from: 1, to: 0.2, duration: 1 });
	}
	Effect.Fade($('monMenu'), {from: 1, to: 0.2, duration: 1 });
	$(idBox).setStyle({top : ((document.viewport.getScrollOffsets().top+150)+'px')});
	$('cache').setStyle({top : ((document.viewport.getScrollOffsets().top)+'px')});
	Event.observe(document,'scroll', function(){$(idBox).setStyle({top : ((document.viewport.getScrollOffsets().top+150)+'px')});$('cache').setStyle({top : ((document.viewport.getScrollOffsets().top)+'px')});});
	var tailletot = $(document.body).measure('width');
	var taillecont = $(idBox).measure('width');
	var marge = ((tailletot-taillecont)/2)
	Effect.Fade($(idBox), {from: 0, to: 0.85, duration: 1 });
	setTimeout(function(){$(idBox).setStyle({left : (marge+'px'),right : (marge+'px'),display:'block'})},40);
	$('cache').setStyle({display:'block'});
	$('cache').observe("click",closeBox);
}

function closeBox(evt){
	idBox=findBoxOpen();
	//alert(idBox);
	if($('contenuProjet')){
		Effect.Fade($('contenuProjet'), {from: 0.2, to: 1, duration: 1 });
	}
	if($('contenu')){
		Effect.Fade($('contenu'), {from: 0.2, to: 1, duration: 1 });
	}
	if($('contenuProfil')){
		Effect.Fade($('contenuProfil'), {from: 0.2, to: 1, duration: 1 });
	}
	Effect.Fade($('monMenu'), {from: 0.2, to: 1, duration: 1 });
	Effect.Fade($(idBox), {from: 0.9, to: 0, duration: 1 });
	setTimeout(function(){$(idBox).setStyle({display:'none'})},1000);
	$('cache').setStyle({display:'none'});
	boxopen = null;
}

function findBoxOpen(){
	if($('boxContact').getStyle('display') == 'block'){return 'boxContact';}
	if($('boxProjet').getStyle('display') == 'block'){return 'boxProjet';}
}

function ouvreleplayer(idContainer){
	Effect.Fade($('contenuProjet'), {from: 1, to: 0.2, duration: 1 });
	Effect.Fade($('monMenu'), {from: 1, to: 0.2, duration: 1 });
	var tailletot = $(document.body).measure('width');
	var taillecont = $(idContainer).measure('width');
	var marge = ((tailletot-taillecont)/2)
	$(idContainer).setStyle({left : (marge+'px'),right : (marge+'px'),display:'block'});
	
}

function quitPlayer(idContainer){
	Effect.Fade($('contenuProjet'), {from: 0.2, to: 1, duration: 1 });
	Effect.Fade($('monMenu'), {from: 0.2, to: 1, duration: 1 });
	$(idContainer).setStyle({display:'none'});
}

function genDiaporama(){
	// si on est sur la page de projet
	if($('contenuProjet')){
		var spaceInsert = $('pagePhotos');
		// stockages des photos
		var i = 0;
		$$('.contenuDroit img').each(function(e){tabImg[i]=e;i++;});
		var i = 0;
		// Ecriture du premier mess info
		$('infoImg').innerHTML=tabImg[0].getAttribute('title');
		// affichage des nombres de photos et posune action 
		var nbImage = $$('.contenuDroit img').each(function(e){e.observe('click', imgSuivant); spaceInsert.insert("<a href='#' id='lienImg"+i+"' class='blanc' onclick='changeImg("+i+")'>"+(i+1)+"</a> &bull; ");i++;});
		// onréecrit ca bien en enlevant le dernier point
		spaceInsert.update(spaceInsert.innerHTML.substr(0,(spaceInsert.innerHTML.length)-3));
		imgOffset = 0;
		afficheImg(tabImg[0],0);
		viewed(0);
		
		// 
		$('chargementDroit').setStyle({display:'none'});
		$('contenuDroit').setStyle({display:'block'});
		
	}
}


function changeImg(i){
	if(!enCoursdeChgmt){
		imgOffset = i;
		viewed(i);
		afficheImg(tabImg[i]);
	}
}

function imgSuivant(){
	if(!enCoursdeChgmt){
		tabImg.length-1>imgOffset?imgOffset++:imgOffset=0;//on est au bout on revient a 1
		viewed(imgOffset);
		afficheImg(tabImg[imgOffset]);
	}
}

function imgPrecedent(){
	if(!enCoursdeChgmt){
		imgOffset>0?imgOffset--:imgOffset=tabImg.length-1; //on est au bout on retourne a la fin
		viewed(imgOffset);
		afficheImg(tabImg[imgOffset]);
	}
}

// Image Vu on passe le nb en rouge
function viewed(i){
	viewing(i);
	$('lienImg'+i).setStyle({color : '#1226F7'});
}

// on en train de voir cette img on grossi le nb
function viewing(i){
	$$('.navBarC a').each(function(e){e.setStyle({fontSize : '1em'});});
	$('lienImg'+i).setStyle({fontSize : '1.3em'});
}

var enCoursdeChgmt = false;
function afficheImg(imgAffiche,my_time){
	if(my_time==undefined){
		//alert('a');
		var tmps = 1000;
	}else{
		//alert('b');
		tmps=my_time;
	}
	if(!enCoursdeChgmt)
		$$('.contenuDroit img').each(function(e){if(e==imgAffiche){enCoursdeChgmt = true; setTimeout(function(){enCoursdeChgmt=false;},tmps); $('infoImg').innerHTML=e.getAttribute('title');Effect.Appear(e, { duration: (tmps/1000) });}else{Effect.Fade(e, { duration: (tmps/1000) });}});
	//imgAffiche
}

function doResize(){
	//alert('resize');
	//sur le portfolio
	if($('contenu')){
		var eeDebug = $('debug');
		//	tailleDispo = $('contenu').measure('width');
		var tailleDispo = $('contenu').measure('width');
		var nbcol = Math.floor(tailleDispo /220);
		var espaceVide = tailleDispo - nbcol * 220;
		var repartitionIdeal = Math.round(espaceVide / (nbcol));
		if(repartitionIdeal<20){repartitionIdeal=20;}
		//eeDebug.update("taille: "+tailleDispo+" <br />nb colonne : "+nbcol+"<br />Espace Vide : "+espaceVide+"<br />repartitionIdeal : "+repartitionIdeal);
		$$('.contenu div ol li').each(function(e){e.setStyle({paddingLeft : (repartitionIdeal/2)+'px', paddingBottom : (repartitionIdeal/2+15)+'px',paddingRight : (repartitionIdeal/2)+'px'})});
	}
	// sur une page projet
	if($('contenuProjet')){
		var eeDebug = $('debug');
		var tailleDispo = $('contenuProjet').measure('width');
		var tailleG = $('contenuGauche').measure('width');
		var tailleD = $('contenuDroit').measure('width');
		var tailleGlobal = $(document.body).measure('width');
		var menu =  $('monMenu').measure('width');
		var espaceInitul = ((tailleGlobal-tailleDispo)-menu);
		//on calcul lepositionnement de la div de droite restant au milieu apres une certaine largeur
		if(espaceInitul>120){
			$('contenuDroit').setStyle({marginRight : -((espaceInitul - 120)/2)+'px'});
			$$('.contenuDroit img').each(function(e){e.setStyle({right : -((espaceInitul - 120)/2)+'px'})});
		}else{
			$('contenuDroit').setStyle({marginRight :'0px'});
			$$('.contenuDroit img').each(function(e){e.setStyle({right : '0px'})});
		}
		$('contenuGauche').setStyle({width : (tailleDispo-tailleD-20)+'px'});
	}
}

function activeMenu(){
	var m1 = $('Portfolio');
	var m2 = $('Profil');
	var m3 = $('Contact');
	m1.opacity = 0.5;
	m2.opacity = 0.5;
	m3.opacity = 0.5;
	m1.observe('mouseover', affiche);
	m1.observe('mouseout', grise);
	m2.observe('mouseover', affiche);
	m2.observe('mouseout', grise);
	m3.observe('mouseover', affiche);
	m3.observe('mouseout', grise);
}

function affiche(event){
	Effect.Opacity(this, { from: 0.4, to: 0.8, duration: 1 });
}

function grise(event){
	Effect.Opacity(this, { from: 0.8, to: 0.4, duration: 1 });
}


/*
function imgVisible(){
	//efface les textes
	$$('.contenu div ol li img').each(function(e){e.next().setStyle({display:'none'})});
	//$$('.contenu div ol li img').each(function(e){Effect.BlindUp(e.next(),{from:0,to:1})});
	$$('.contenu div ol li img').each(function(e){e.observe('mouseover', apparait)});
	$$('.contenu div ol li img').each(function(e){e.observe('mouseout', disparait)});
}

var ma=false;
function reste(event){
	ma=true;
	Effect.Appear(this);
	
}
function part(event){
	ma=false;
	Effect.Fade(this);
	
}
*/

window.onload = init;