var max=25;Images = Array();Images[0]="0.jpg";Images[1]="1.jpg";Images[2]="10.jpg";Images[3]="11.jpg";Images[4]="12.jpg";Images[5]="13.jpg";Images[6]="14.jpg";Images[7]="15.jpg";Images[8]="16.gif";Images[9]="17.jpg";Images[10]="18.jpg";Images[11]="19.jpg";Images[12]="2.jpg";Images[13]="20.jpg";Images[14]="21.jpg";Images[15]="22.jpg";Images[16]="23.jpg";Images[17]="24.jpg";Images[18]="3.jpg";Images[19]="4.jpg";Images[20]="5.jpg";Images[21]="6.jpg";Images[22]="7.jpg";Images[23]="8.jpg";Images[24]="9.jpg";;Images[25]="9.jpg";;Images[26]="9.jpg";//////////////////
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////

var block=false;
var nbLayer=15;
var xmain=100;
var page=2;
var urlActif="";
var urlPrec="";
var top=0;
var movez;
var backz;
var prez;

function move(){
	document.getElementById("fond").style.visibility="visible";
	document.getElementById("preload").style.visibility = "hidden";
	if(page==1) nbMin=2;
	else nbMin=1;
	for(i=0;i<nbLayer;i++) document.getElementById("c"+nbMin+i).style.visibility="visible";

	if(page==1){
		cote = 100;
	}else{
		cote = -screen.width-100;
	}

	document.getElementById("conteneur").style.left=xmain;
	ecart = Math.abs(xmain-cote);

	if(ecart>50){
		setTimeout("move()",40);
		if(page==1) xmain+=ecart/screen.width*130;
		else xmain-=ecart/screen.width*130;
	}
	else if(ecart<=10 && ecart!=0){
		setTimeout("move()",40);
		xmain=cote;
	}
	else{
		xmain=cote;
		hide();
		block=false;
		if(page==1) {
			page=2;
			document.getElementsByTagName('body')[0].style.backgroundPosition=(cote+90)+"px 0px";
			document.getElementById("sig2").style.display="none";
			//document.getElementById("fond").style.clip="rect(0px "+(document.body.clientWidth+screen.width+100)+"px "+auto+" "+(screen.width+100)+"px)";
		}else {
			page=1;
			document.getElementsByTagName('body')[0].style.backgroundPosition=(cote-50)+"px 0px";
			document.getElementById("sig1").style.display="none";
			//document.getElementById("fond").style.clip="rect(0px "+(document.body.clientWidth)+"px "+auto+"px 0px)";
		}
		document.body.style.overflow = "";
		document.getElementById("fond").style.visibility="hidden";
		document.getElementById("fond").style.width=0;
	}
}

function display(){
	document.body.style.overflow = "hidden";

	var x = 0;
	var x1= 0;
	var y = 0;
	var nb = 0;
	var lg = screen.width+100;
	
	if(page==2){
		x1=lg;
		nbMin=1;
		document.getElementById("main").style.visibility="visible";
		document.getElementById("main").style.left=120+x1;
	}

	else if(page==1){
		x1=0;
		nbMin=2;
		document.getElementById("main2").style.visibility="visible";
		document.getElementById("main2").style.left=120+x1;	
	}
	document.getElementById("fond").style.left=-100;
	document.getElementById("fond").style.width=screen.width*2+200;
	document.getElementById("sig"+page).style.left=x1+1000;
	document.getElementById("sig"+page).style.top=500;
	document.getElementById("sig"+page).style.display="inline";

	for(var i=0;i<nbLayer;i++){
		nb = Math.floor(Math.random()*max)+1;
		while(nb==max+1) nb = Math.floor(Math.random()*max)+1;
		x = Math.floor(Math.random()*1000)+x1-100;
		y = Math.floor(Math.random()*(document.body.clientHeight-220))-100;
		if(y>150){
			while(x>150+x1 && x<730+x1) x = Math.floor(Math.random()*1000)+x1-100;
		}
		document.getElementById("c"+nbMin+i).style.left=x;
		document.getElementById("c"+nbMin+i).style.top=y;
		rotateImage("i"+nbMin+i,"images/bibli/"+Images[nb]);
	}
}

function emptyDiv(ID) {
      document.getElementById(ID).innerHTML = "";
}

function hide(){
	var x1=0;
	if(page==1){
		x1=0;
		nbMin=1;
		document.getElementById("main").style.visibility="hidden";
		document.getElementById("main").style.left=x1;
		emptyDiv("page1");
	}
	else if(page==2){
		x1=screen.width;
		nbMin=2;
		document.getElementById("main2").style.visibility="hidden";
		document.getElementById("main2").style.left=x1;
		emptyDiv("page2");
	}
	for(var i=0;i<nbLayer;i++){
		document.getElementById("c"+nbMin+i).style.visibility="hidden";
		document.getElementById("c"+nbMin+i).style.left=x1;
	}
}

function envoieRequete(url){
	var xhr_object = null;
	var position = "";
	if(page==1) position="page2";
	else position="page1";

	if(window.XMLHttpRequest) xhr_object = new XMLHttpRequest();
	else if (window.ActiveXObject) xhr_object = new ActiveXObject("Microsoft.XMLHTTP");

	xhr_object.open("GET", url, true);
	xhr_object.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=iso-8859-1"); 

	xhr_object.onreadystatechange = function(){
		if ( xhr_object.readyState == 4){
			preload(1);
			if (xhr_object.status == 200 || xhr_object.status == 304) document.getElementById(position).innerHTML = xhr_object.responseText;
      		else document.getElementById(position).innerHTML = 'Error ' + xhr_object.status + ' : ' + xhr_object.statusText;	
		}
	}

	xhr_object.send(null);
}

function formSend(url,position){
	var xhr_object = null;

	if(window.XMLHttpRequest) xhr_object = new XMLHttpRequest();
	else if (window.ActiveXObject) xhr_object = new ActiveXObject("Microsoft.XMLHTTP");

	xhr_object.open("GET", url, true);
	xhr_object.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=iso-8859-1"); 

	xhr_object.onreadystatechange = function(){
		if ( xhr_object.readyState == 4){
			if (xhr_object.status == 200 || xhr_object.status == 304) document.getElementById(position).innerHTML = xhr_object.responseText;   
      			else document.getElementById(position).innerHTML = 'Error ' + xhr_object.status + ' : ' + xhr_object.statusText;	
		}
	}

	xhr_object.send(null);
}

function comsSend(url,position,val1,img,code,pseudo){

	if(document.formuComs.like[1].checked){val2="n";}
    else{val2="y";}

	var xhr_object = null;

	if(window.XMLHttpRequest) xhr_object = new XMLHttpRequest();
	else if (window.ActiveXObject) xhr_object = new ActiveXObject("Microsoft.XMLHTTP");

	xhr_object.open("POST", url, true); 
	xhr_object.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=iso-8859-1"); 

	xhr_object.onreadystatechange = function(){
		if ( xhr_object.readyState == 4){
			if (xhr_object.status == 200 || xhr_object.status == 304) document.getElementById(position).innerHTML = xhr_object.responseText;   
      			else document.getElementById(position).innerHTML = 'Error ' + xhr_object.status + ' : ' + xhr_object.statusText;	
		}
	}

	xhr_object.send('commentaires='+val1+'&like='+val2+'&img='+img+'&code='+code+'&pseudo='+pseudo);
}

function link(url){
	if(url != urlActif && !block){
	block = true;
	document.getElementById("preload").style.visibility = "visible";
	movePreloader();
	window.scrollTo(0,0);
	display();
	envoieRequete(url);
	nomImg = url.substring(0,url.indexOf(".php"));
	document.getElementById("imgTitle"+page).src = "images/"+nomImg+".png";
	urlPrec=urlActif;
	urlActif=url;}
}

function first(){
	urlActif="accueil.php";
	display();
	block=true;
	preload(0);
	for(i=0;i<nbLayer;i++) document.getElementById("c"+1+i).style.visibility="visible";
}

///// ---------------- PRELOADER---------------------
function movePreloader(){
	if(top<-5){
		top+=40;
		movez = setTimeout("movePreloader()",40);
	}
	else top=0;
	document.getElementById("preload").style.top=top;
}

function movePreloaderBack(){
	clearTimeout(movez);
	if(top>-390){
		top-=40;
		backz = setTimeout("movePreloaderBack()",40);
	}
	else{
		move();
		top=-400;
		document.getElementById("preload").style.visibility = "hidden";
		clearTimeout(backz);
	}
	document.getElementById("preload").style.top=top;
}

function preload(nb){
	if(nb==1){
		if(top<0) prez = setTimeout("preload("+nb+")",40);
		else{
			clearTimeout(movez);
			clearTimeout(prez);
			top=-1;
			movePreloaderBack();
		}
	}else{
		top=-1;
		movePreloaderBack();
	}
}
///// ---------------- FIN PRELOADER---------------------


///// ---------------- BOUTON RETOUR SCROLLABLE ---------------------
pos = 100;
function scrollBack(){
	if(document.getElementById("retour")){
		ecart=Math.abs(pos-(document.body.scrollTop+100));
		if(ecart > 2){
		if(pos<document.body.scrollTop+100){
			bouge = setTimeout("scrollBack()",40);
			pos += ecart/(document.body.scrollTop+100)*20;
		}
		else{
			bouge = setTimeout("scrollBack()",40);
			pos -= ecart/(document.body.scrollTop+100)*20;
		}
		}else{
			pos = document.body.scrollTop+100;
		}
		document.getElementById("retour").style.top=pos;
	}
}
///// ---------------- FIN BOUTON RETOUR ---------------------

function openDiv(url,pos){
document.getElementById(pos).style.display="inline";
document.getElementById(pos).style.top=document.body.scrollTop;
formSend(url,pos+"In");
}
function closeDiv(pos){
document.getElementById(pos).style.display="none";
emptyDiv(pos+"In");
}


///// ---------------- FONCTION BITE ---------------------
function bite(){
	if(page==2){
		var nb=0;
		for(var i=0;i<nbLayer;i++){
			nb = Math.floor(Math.random()*3)+1;
			rotateImage("i"+page+i,"images/secret/bite"+nb+".png");
		}
	}
}


///// ---------------- FONCTION CANVAS ---------------------
function rotateImage(id, path)
{
	var canvas = document.getElementById(id);
	if (canvas.getContext)
	{
		var ctx = canvas.getContext('2d');
		var img = new Image();
		img.onload = function()
		{	
			ctx.setTransform(1,0,0,1,0,0);
			var angle = Math.random()*2*Math.PI;
			var iw = img.width;
			var ih = img.height;
			var x1 = ih * Math.sin(angle);
			var x2 = iw * Math.cos(angle);
			var w = Math.abs(x1) + Math.abs(x2);
			var y1 = ih * Math.cos(angle);
			var y2 = iw * Math.sin(angle);
			var h = Math.abs(y1) + Math.abs(y2);
			ctx.clearRect(0,0,w,h);
			canvas.setAttribute("width", w);
			canvas.setAttribute("height", h);
			var dx = 0;
			var dy = 0;
			if(angle >= 0 && angle < Math.PI/2)
			{
				dx = 0;
				dy = y2;
			}
			if(angle >= Math.PI/2 && angle < Math.PI)
			{
				dx = -x2;
				dy = y2 - y1;
			}
			if(angle >= Math.PI && angle < 3*Math.PI/2)
			{
				dx = -x1 -x2;
				dy = -y1;
			}
			if(angle >= 3*Math.PI/2 && angle < 2*Math.PI)
			{
				dx = -x1;
				dy = 0;
			}
			ctx.translate(dx, dy);
			ctx.rotate(-angle);
			ctx.drawImage(img, 0, 0);
		}
		img.src = path;
	}
}


//////// PHOTOS

var opa=0;
var imgBlock=true;
function photos(w,h,i,m,f,t){
	var tof="images/photos/"+f+"p"+i+".jpg";
	var n="images/photos/"+f+"p"+(i+1)+"_mini.jpg";
	var p="images/photos/"+f+"p"+(i-1)+"_mini.jpg";
	var height=h;
	var width=w;
	if(imgBlock){
		imgBlock=false;
		var txt = "<table border=\"0\" width=100%><tr>";
		txt += "<td align=\"middle\"><div id=\"divPrec\"><a href=\"javascript:void(0)\">Précédante<br/><table border=\"0\" cellpadding=\"1\" cellspacing=\"0\" bgcolor=\"#FFFFFF\"><tr><td><img src=\""+p+"\" name="+(i)+" id=\"imgPrec\" border=\"0\" onclick=\"photosP((this.name-1),'"+f+"',"+m+",'"+t+"');\"></td></tr></table></a></div></td>";
		txt += "<td align=\"middle\"><table border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr><td width=\"30\"></td><td align=\"middle\"><b>"+t+"</b></td><td width=\"30\" align=\"right\"><a href=\"javascript:void(0)\" onClick=\"unReveal()\"><img src=\"images/close.png\" border=\"0\"></a></td></tr><tr><td colspan=\"3\"><a href=\"javascript:void(0)\" onClick=\"unReveal()\"><table border=\"0\" cellpadding=\"1\" cellspacing=\"0\" bgcolor=\"#FFFFFF\"><tr><td><img src=\""+tof+"\" id=\"imgFat\" border=\"0\"></td></tr></table></a></td></tr></table></a></td>";
		txt += "<td align=\"middle\"><div id=\"divSuiv\"><a href=\"javascript:void(0)\">Suivante<br/><table border=\"0\" cellpadding=\"1\" cellspacing=\"0\" bgcolor=\"#FFFFFF\"><tr><td><img src=\""+n+"\" name="+(i)+" id=\"imgSuiv\" border=\"0\" onclick=\"photosN((this.name-1),'"+f+"',"+m+",'"+t+"');\"></td></tr></table></a></div></td>";
		txt += "</tr></table>";
		document.getElementById("fatImg").innerHTML=txt;
		if(i==0) document.getElementById("divPrec").style.display="none";
		if(i==m) document.getElementById("divSuiv").style.display="none";
		document.getElementById("fatDiv").style.top = document.body.scrollTop;
		document.body.style.overflow = "hidden";
		img.src=tof;
		if(w>document.body.clientWidth-200){
			width = document.body.clientWidth-200;
			height = h*(width)/w;
		}
		if(h>document.body.clientHeight){
			height = document.body.clientHeight-100;
			width = w*(height)/h;
		}
		document.getElementById("imgFat").width=width;
		document.getElementById("imgFat").height=height;
		reveal();
	}
}

function photosP(i,f,m,t){
	document.getElementById("preload").style.top=0;
	document.getElementById("preload").style.visibility="visible";
	var imgFato=new Image();
	document.getElementById("imgFat").src="images/photos/"+f+"p"+(i)+".jpg"
	imgFato.onload = function() {
		var h=imgFato.height;
		var w=imgFato.width;
		photos(w,h,i,m,f,t);
		document.getElementById("preload").style.top = -400;
		document.getElementById("preload").style.visibility="hidden";
	}
	imgFato.src="images/photos/"+f+"p"+(i)+".jpg"
}

function photosN(i,f,m,t){
	document.getElementById("preload").style.top=0;
	document.getElementById("preload").style.visibility="visible";
	var imgFato=new Image();
	document.getElementById("imgFat").src="images/photos/"+f+"p"+(i+2)+".jpg"
	imgFato.onload = function() {
		var h=imgFato.height;
		var w=imgFato.width;
		photos(w,h,(i+2),m,f,t);
		document.getElementById("preload").style.top = -400;
		document.getElementById("preload").style.visibility="hidden";
	}
	imgFato.src="images/photos/"+f+"p"+(i+2)+".jpg"
}

function reveal(){
	var divStyle = document.getElementById("fatDiv").style;
	divStyle.display="inline";
	if(divStyle.opacity<1){
		opa+=0.1;
		setTimeout("reveal()",40);
	}else {imgBlock=true;}
	divStyle.opacity=opa;
	divStyle.filter="alpha(opacity="+opa*100+")";
}
function unReveal(){
	document.getElementById("preload").style.top = -400;
	document.getElementById("preload").style.visibility="hidden";
	var divStyle = document.getElementById("fatDiv").style;
	if(divStyle.opacity>0){
		opa-=0.1;
		setTimeout("unReveal()",40);
	}
	else {divStyle.display="none";
		document.body.style.overflow = "";
		imgBlock=true;
		document.getElementById("fatImg").innerHTML="<b>Chargement...</b>";
	}
	divStyle.opacity=opa;
	divStyle.filter="alpha(opacity="+opa*100+")";
}