$(document).ready(function(){
var haut =(window.innerHeight);
var largeur =(window.innerWidth);
var index=new Array(0.680,0.700,0.685,0.680,0.686,0.680,0.690,0.675,0.665,0.694,0.670,0.660,0.680,0.670,0.665,0.670,0.678,0.660,0.680,0.660,0.664,0.675,0.650,0.670,0.661,0.669,0.650,0.666,0.666,0.630,0.640,0.693,0.680,0.655,0.715,0.721,0.705,0.71,0.72,0.71,0.71,0.72,0.725,0.71,0.71,0.72,0.729,0.731,0.739,0.725,0.732,0.730,0.735,0.731,0.731,0.727,0.69,0.69,0.69,0.70,0.69,0.7,0.71,0.6687,0.6787,0.6899,0.6899,0.6899,0.675,0.63,0.653,0.679,0.666,0.636,0.66,0.65,0.64,0.651,0.645);  //tableau contenant les index

//on initialise la taille de l'image 404
var size_not1=haut*0.32;
var size_not2=haut*0.075;
$(".title").css("height",size_not1);
$(".title2").css("height",size_not2);

for (i=0; i<80; i++)
	{
		var temp=(haut*index[i])+'px';
		var o=i+1;
		$("#goutte"+o).css('top',temp);					
	}
					
var prev=0;

	// jQuery('#parallax').jparallax({mouseResponse:true,frameDuration:20});
	// var cur=
	$('body').mousemove(function(e){
		var leng1=$('#goutte1').offset().top;
		var leng2=$('#goutte2').offset().top;
		var leng3=$('#goutte3').offset().top;
		var leng4=$('#goutte4').offset().top;
		var leng5=$('#goutte5').offset().top;
		var leng6=$('#goutte6').offset().top;
		var leng7=$('#goutte7').offset().top;
		var leng8=$('#goutte8').offset().top;
		var leng9=$('#goutte9').offset().top;
		var leng10=$('#goutte10').offset().top;
		var leng11=$('#goutte11').offset().top;
		var leng12=$('#goutte12').offset().top;
		var leng13=$('#goutte13').offset().top;
		var leng14=$('#goutte14').offset().top;
		var leng15=$('#goutte15').offset().top;
		var leng16=$('#goutte16').offset().top;
		var leng17=$('#goutte17').offset().top;
		var leng18=$('#goutte18').offset().top;
		var leng19=$('#goutte19').offset().top;
		var leng20=$('#goutte20').offset().top;
		var leng21=$('#goutte21').offset().top;
		var leng22=$('#goutte22').offset().top;
		var leng23=$('#goutte23').offset().top;
		var leng24=$('#goutte24').offset().top;
		var leng25=$('#goutte25').offset().top;
		var leng26=$('#goutte26').offset().top;
		var leng27=$('#goutte27').offset().top;
		var leng28=$('#goutte28').offset().top;
		var leng29=$('#goutte29').offset().top;
		var leng30=$('#goutte30').offset().top;
		var leng31=$('#goutte31').offset().top;
		var leng32=$('#goutte32').offset().top;
		var leng33=$('#goutte33').offset().top;
		var leng34=$('#goutte34').offset().top;
		var leng35=$('#goutte35').offset().top;
		var leng36=$('#goutte36').offset().top;
		var leng37=$('#goutte37').offset().top;
		var leng38=$('#goutte38').offset().top;
		var leng39=$('#goutte39').offset().top;
		var leng40=$('#goutte40').offset().top;
		var leng41=$('#goutte41').offset().top;
		var leng42=$('#goutte42').offset().top;
		var leng43=$('#goutte43').offset().top;
		var leng44=$('#goutte44').offset().top;
		var leng45=$('#goutte45').offset().top;
		var leng46=$('#goutte46').offset().top;
		var leng47=$('#goutte47').offset().top;
		var leng48=$('#goutte48').offset().top;
		var leng49=$('#goutte49').offset().top;
		var leng50=$('#goutte50').offset().top;
		var leng51=$('#goutte51').offset().top;
		var leng52=$('#goutte52').offset().top;
		var leng53=$('#goutte53').offset().top;
		var leng54=$('#goutte54').offset().top;
		var leng55=$('#goutte55').offset().top;
		var leng56=$('#goutte56').offset().top;
		var leng57=$('#goutte57').offset().top;
		var leng58=$('#goutte58').offset().top;
		var leng59=$('#goutte59').offset().top;
		var leng60=$('#goutte60').offset().top;
		var leng61=$('#goutte61').offset().top;
		var leng62=$('#goutte62').offset().top;
		var leng63=$('#goutte63').offset().top;
		var leng64=$('#goutte64').offset().top;
		var leng65=$('#goutte65').offset().top;
		var leng66=$('#goutte66').offset().top;
		var leng67=$('#goutte67').offset().top;
		var leng68=$('#goutte68').offset().top;
		var leng69=$('#goutte69').offset().top;
		var leng70=$('#goutte70').offset().top;
		var leng71=$('#goutte71').offset().top;
		var leng72=$('#goutte72').offset().top;
		var leng73=$('#goutte73').offset().top;
		var leng74=$('#goutte74').offset().top;
		var leng75=$('#goutte75').offset().top;
		var leng76=$('#goutte76').offset().top;
		var leng77=$('#goutte77').offset().top;
		var leng78=$('#goutte78').offset().top;
		var leng79=$('#goutte79').offset().top;
		var position=e.pageY;
		
			var what=position-prev;
			if (what>0)
			{
				if ((position-prev)>12)
				{
					leng1=leng1+1;
					leng2=leng2+1;
					leng3=leng3+2;
					leng4=leng4+3;
					leng5=leng5+3;
					leng6=leng6+4;
					leng7=leng7+5;
					leng8=leng8+5;
					leng9=leng9+5;
					leng10=leng10+3;
					leng11=leng11+6;
					leng12=leng12+7;
					leng13=leng13+7;
					leng14=leng14+3;
					leng15=leng15+4;
					leng16=leng16+4;
					leng17=leng17+4;
					leng18=leng18+5;
					leng19=leng19+5;
					leng20=leng20+6;
					leng21=leng21+6;
					leng22=leng22+6;
					leng23=leng23+7;
					leng24=leng24+7;
					leng25=leng25+8;
					leng26=leng26+7;
					leng27=leng27+8;
					leng28=leng28+8;
					leng29=leng29+9;
					leng30=leng30+6;
					leng31=leng31+6;
					leng32=leng32+2;
					leng33=leng33+2;
					leng34=leng34+3;
					leng35=leng35+1;
					leng36=leng36+1;
					leng37=leng37+2;
					leng38=leng38+2;
					leng39=leng39+2;
					leng40=leng40+3;
					leng41=leng41+4;
					leng42=leng42+4;
					leng43=leng43+4;
					leng44=leng44+5;
					leng45=leng45+1;
					leng46=leng46+1;
					leng47=leng47+1;
					leng48=leng48+2;
					leng49=leng49+2;
					leng50=leng50+3;
					leng51=leng51+3;
					leng52=leng52+4;
					leng53=leng53+4;
					leng54=leng54+5;
					leng55=leng55+6;
					leng56=leng56+7;
					leng57=leng57+1;
					leng58=leng58+2;
					leng59=leng59+3;
					leng60=leng60+3;
					leng61=leng61+4;
					leng62=leng62+4;
					leng63=leng63+4;
					leng64=leng64+1;
					leng65=leng65+1;
					leng66=leng66+2;
					leng67=leng67+3;
					leng68=leng68+4;
					leng69=leng69+5;
					leng70=leng70+1;
					leng71=leng71+2;
					leng72=leng72+2;
					leng73=leng73+3;
					leng74=leng74+4;
					leng75=leng75+4;
					leng76=leng76+5;
					leng77=leng77+6;
					leng78=leng78+6;
					leng79=leng79+7;
					
					//soluce a tester ....
					// var leng=new Array(leng1,leng2,leng3,leng4,leng5, leng6);  //tableau contenant les leng
					// var u=0;
					// for (u=0; u<6; u++)
					// {
						// var temp=leng[u]+'px';
						// var thiss="#goutte"+u;
						// $(thiss).css('top',temp);						
					// }
					
					$("#goutte1").css('top',leng1);
					$("#goutte2").css('top',leng2);
					$("#goutte3").css('top',leng3);
					$("#goutte4").css('top',leng4);
					$("#goutte5").css('top',leng5);
					$("#goutte6").css('top',leng6);
					$("#goutte7").css('top',leng7);
					$("#goutte8").css('top',leng8);
					$("#goutte9").css('top',leng9);
					$("#goutte10").css('top',leng10);
					$("#goutte11").css('top',leng11);
					$("#goutte12").css('top',leng12);
					$("#goutte13").css('top',leng13);
					$("#goutte14").css('top',leng14);
					$("#goutte15").css('top',leng15);
					$("#goutte16").css('top',leng16);
					$("#goutte17").css('top',leng17);
					$("#goutte18").css('top',leng18);
					$("#goutte19").css('top',leng19);
					$("#goutte20").css('top',leng20);
					$("#goutte21").css('top',leng21);
					$("#goutte22").css('top',leng22);
					$("#goutte23").css('top',leng23);
					$("#goutte24").css('top',leng24);
					$("#goutte25").css('top',leng25);
					$("#goutte26").css('top',leng26);
					$("#goutte27").css('top',leng27);
					$("#goutte28").css('top',leng28);
					$("#goutte29").css('top',leng29);
					$("#goutte30").css('top',leng30);
					$("#goutte31").css('top',leng31);
					$("#goutte32").css('top',leng32);
					$("#goutte33").css('top',leng33);
					$("#goutte34").css('top',leng34);
					$("#goutte35").css('top',leng35);
					$("#goutte36").css('top',leng36);
					$("#goutte37").css('top',leng37);
					$("#goutte38").css('top',leng38);
					$("#goutte39").css('top',leng39);
					$("#goutte40").css('top',leng40);
					$("#goutte41").css('top',leng41);
					$("#goutte42").css('top',leng42);
					$("#goutte43").css('top',leng43);
					$("#goutte44").css('top',leng44);
					$("#goutte45").css('top',leng45);
					$("#goutte46").css('top',leng46);
					$("#goutte47").css('top',leng47);
					$("#goutte48").css('top',leng48);
					$("#goutte49").css('top',leng49);
					$("#goutte50").css('top',leng50);
					$("#goutte51").css('top',leng51);
					$("#goutte52").css('top',leng52);
					$("#goutte53").css('top',leng53);
					$("#goutte54").css('top',leng54);
					$("#goutte55").css('top',leng55);
					$("#goutte56").css('top',leng56);
					$("#goutte57").css('top',leng57);
					$("#goutte58").css('top',leng58);
					$("#goutte59").css('top',leng59);
					$("#goutte60").css('top',leng60);
					$("#goutte61").css('top',leng61);
					$("#goutte62").css('top',leng62);
					$("#goutte63").css('top',leng63);
					$("#goutte64").css('top',leng64);
					$("#goutte65").css('top',leng65);
					$("#goutte66").css('top',leng66);
					$("#goutte67").css('top',leng67);
					$("#goutte68").css('top',leng68);
					$("#goutte69").css('top',leng69);
					$("#goutte71").css('top',leng71);
					$("#goutte72").css('top',leng72);
					$("#goutte73").css('top',leng73);
					$("#goutte74").css('top',leng74);
					$("#goutte75").css('top',leng75);
					$("#goutte76").css('top',leng76);
					$("#goutte77").css('top',leng77);
					$("#goutte78").css('top',leng78);
					$("#goutte79").css('top',leng79);
					var toto=haut*((index[69])+0.035);
					if (leng70<=toto)
					{
						$("#goutte70").css('top',leng70);	
					}
					prev=position;
					return prev;
				}
			}
			else
			{
				if ((prev-position)>12)
				{
					leng1=leng1-1;
					leng2=leng2-1;
					leng3=leng3-2;
					leng4=leng4-3;
					leng5=leng5-3;
					leng6=leng6-4;
					leng7=leng7-5;
					leng8=leng8-5;
					leng9=leng9-5;
					leng10=leng10-3;
					leng11=leng11-6;
					leng12=leng12-7;
					leng13=leng13-7;
					leng14=leng14-3;
					leng15=leng15-4;
					leng16=leng16-4;
					leng17=leng17-4;
					leng18=leng18-5;
					leng19=leng19-5;
					leng20=leng20-6;
					leng21=leng21-6;
					leng22=leng22-6;
					leng23=leng23-7;
					leng24=leng24-7;
					leng25=leng25-8;
					leng26=leng26-7;
					leng27=leng27-8;
					leng28=leng28-8;
					leng29=leng29-9;
					leng30=leng30-6;
					leng31=leng31-6;
					leng32=leng32-2;
					leng33=leng33-2;
					leng34=leng34-3;
					leng35=leng35-1;
					leng36=leng36-1;
					leng37=leng37-2;
					leng38=leng38-2;
					leng39=leng39-2;
					leng40=leng40-3;
					leng41=leng41-4;
					leng42=leng42-4;
					leng43=leng43-4;
					leng44=leng44-5;
					leng45=leng45-1;
					leng46=leng46-1;
					leng47=leng47-1;
					leng48=leng48-2;
					leng49=leng49-2;
					leng50=leng50-3;
					leng51=leng51-3;
					leng52=leng52-4;
					leng53=leng53-4;
					leng54=leng54-5;
					leng55=leng55-6;
					leng56=leng56-7;
					leng57=leng57-1;
					leng58=leng58-2;
					leng59=leng59-3;
					leng60=leng60-3;
					leng61=leng61-4;
					leng62=leng62-4;
					leng63=leng63-4;
					leng64=leng64-1;
					leng65=leng65-1;
					leng66=leng66-2;
					leng67=leng67-3;
					leng68=leng68-4;
					leng69=leng69-5;
					leng70=leng70-1;
					leng71=leng71-2;
					leng72=leng72-2;
					leng73=leng73-3;
					leng74=leng74-4;
					leng75=leng75-4;
					leng76=leng76-5;
					leng77=leng77-6;
					leng78=leng78-6;
					leng79=leng79-7;
					
					//soluce à tester...
					// var leng=new Array(leng1,leng2,leng3,leng4,leng5);  //tableau contenant les leng
					// for (i=0; i<5; i++)
					// {
						// var titi=haut*index[i];
					
						// var templeng=leng[i]
						// var tempindex=index[i];
						// if (templeng>=(haut*tempindex))
						// {
							// var temp=templeng+'px';
							// $("#goutte"+i).css('top',temp);
						// }
					// }
					if (leng1>=(haut*index[0]))
					{
						// leng=Math.floor(leng1);
						$("#goutte1").css('top',leng1);
					}
					if (leng2>=(haut*index[1]))
					{
						$("#goutte2").css('top',leng2);
					}
					if (leng3>=(haut*index[2]))
					{
						$("#goutte3").css('top',leng3);	
					}
						if (leng4>=(haut*index[3]))
					{
						$("#goutte4").css('top',leng4);
					}
					if (leng5>=(haut*index[4]))
					{
						$("#goutte5").css('top',leng5);	
					}
					if (leng6>=(haut*index[5]))
					{
						$("#goutte6").css('top',leng6);	
					}
						if (leng7>=(haut*index[6]))
					{
						$("#goutte7").css('top',leng7);	
					}
						if (leng8>=(haut*index[7]))
					{
						$("#goutte8").css('top',leng8);	
					}
							if (leng9>=(haut*index[8]))
					{
						$("#goutte9").css('top',leng9);	
					}
							if (leng10>=(haut*index[9]))
					{
						$("#goutte10").css('top',leng10);	
					}
							if (leng11>=(haut*index[10]))
					{
						$("#goutte11").css('top',leng11);	
					}
						if (leng12>=(haut*index[11]))
					{
						$("#goutte12").css('top',leng12);	
					}
						if (leng13>=(haut*index[12]))
					{
						$("#goutte13").css('top',leng13);	
					}
						if (leng14>=(haut*index[13]))
					{
						$("#goutte14").css('top',leng14);	
					}
						if (leng15>=(haut*index[14]))
					{
						$("#goutte15").css('top',leng15);	
					}
						if (leng16>=(haut*index[15]))
					{
						$("#goutte16").css('top',leng16);	
					}
						if (leng17>=(haut*index[16]))
					{
						$("#goutte17").css('top',leng17);	
					}
						if (leng18>=(haut*index[17]))
					{
						$("#goutte18").css('top',leng18);	
					}
						if (leng19>=(haut*index[18]))
					{
						$("#goutte19").css('top',leng19);	
					}
						if (leng20>=(haut*index[19]))
					{
						$("#goutte20").css('top',leng20);	
					}
						if (leng21>=(haut*index[20]))
					{
						$("#goutte21").css('top',leng21);	
					}
						if (leng22>=(haut*index[21]))
					{
						$("#goutte22").css('top',leng22);	
					}
						if (leng23>=(haut*index[22]))
					{
						$("#goutte23").css('top',leng23);	
					}
					if (leng24>=(haut*index[23]))
					{
						$("#goutte24").css('top',leng24);	
					}
					if (leng25>=(haut*index[24]))
					{
						$("#goutte25").css('top',leng25);	
					}
					if (leng26>=(haut*index[25]))
					{
						$("#goutte26").css('top',leng26);	
					}
						if (leng27>=(haut*index[26]))
					{
						$("#goutte27").css('top',leng27);	
					}
					if (leng28>=(haut*index[27]))
					{
						$("#goutte28").css('top',leng28);	
					}
					if (leng29>=(haut*index[28]))
					{
						$("#goutte29").css('top',leng29);	
					}
					if (leng30>=(haut*index[29]))
					{
						$("#goutte30").css('top',leng30);	
					}
					if (leng31>=(haut*index[30]))
					{
						$("#goutte31").css('top',leng31);	
					}
					if (leng32>=(haut*index[31]))
					{
						$("#goutte32").css('top',leng32);	
					}
					if (leng33>=(haut*index[32]))
					{
						$("#goutte33").css('top',leng33);	
					}
					if (leng34>=(haut*index[33]))
					{
						$("#goutte34").css('top',leng34);	
					}
						if (leng35>=(haut*index[34]))
					{
						$("#goutte35").css('top',leng35);	
					}
						if (leng36>=(haut*index[35]))
					{
						$("#goutte36").css('top',leng36);	
					}
					if (leng37>=(haut*index[36]))
					{
						$("#goutte37").css('top',leng37);	
					}
					if (leng38>=(haut*index[37]))
					{
						$("#goutte38").css('top',leng38);	
					}
					if (leng39>=(haut*index[38]))
					{
						$("#goutte39").css('top',leng39);	
					}
					if (leng40>=(haut*index[39]))
					{
						$("#goutte40").css('top',leng40);	
					}
					if (leng41>=(haut*index[40]))
					{
						$("#goutte41").css('top',leng41);	
					}
					if (leng42>=(haut*index[41]))
					{
						$("#goutte42").css('top',leng42);	
					}
					if (leng43>=(haut*index[42]))
					{
						$("#goutte43").css('top',leng43);	
					}
					if (leng44>=(haut*index[43]))
					{
						$("#goutte44").css('top',leng44);	
					}
					if (leng45>=(haut*index[44]))
					{
						$("#goutte45").css('top',leng45);	
					}
					if (leng46>=(haut*index[45]))
					{
						$("#goutte46").css('top',leng46);	
					}
					if (leng47>=(haut*index[46]))
					{
						$("#goutte47").css('top',leng47);	
					}
					if (leng48>=(haut*index[47]))
					{
						$("#goutte48").css('top',leng48);	
					}
					if (leng49>=(haut*index[48]))
					{
						$("#goutte49").css('top',leng49);	
					}
					if (leng50>=(haut*index[49]))
					{
						$("#goutte50").css('top',leng50);	
					}
					if (leng51>=(haut*index[50]))
					{
						$("#goutte51").css('top',leng51);	
					}
					if (leng52>=(haut*index[51]))
					{
						$("#goutte52").css('top',leng52);	
					}
					if (leng53>=(haut*index[52]))
					{
						$("#goutte53").css('top',leng53);	
					}
						if (leng54>=(haut*index[53]))
					{
						$("#goutte54").css('top',leng54);	
					}
						if (leng55>=(haut*index[54]))
					{
						$("#goutte55").css('top',leng55);	
					}
						if (leng56>=(haut*index[55]))
					{
						$("#goutte56").css('top',leng56);	
					}
					if (leng57>=(haut*index[56]))
					{
						$("#goutte57").css('top',leng57);	
					}
					if (leng58>=(haut*index[57]))
					{
						$("#goutte58").css('top',leng58);	
					}
					if (leng59>=(haut*index[58]))
					{
						$("#goutte59").css('top',leng59);	
					}
					if (leng60>=(haut*index[59]))
					{
						$("#goutte60").css('top',leng60);	
					}
					if (leng61>=(haut*index[60]))
					{
						$("#goutte61").css('top',leng61);	
					}
					if (leng62>=(haut*index[61]))
					{
						$("#goutte62").css('top',leng62);	
					}
					if (leng63>=(haut*index[62]))
					{
						$("#goutte63").css('top',leng63);	
					}
					if (leng64>=(haut*index[63]))
					{
						$("#goutte64").css('top',leng64);	
					}
					if (leng65>=(haut*index[64]))
					{
						$("#goutte65").css('top',leng65);	
					}
					if (leng66>=(haut*index[65]))
					{
						$("#goutte66").css('top',leng66);	
					}
					if (leng67>=(haut*index[66]))
					{
						$("#goutte67").css('top',leng67);	
					}
						if (leng68>=(haut*index[67]))
					{
						$("#goutte68").css('top',leng68);	
					}
						if (leng69>=(haut*index[68]))
					{
						$("#goutte69").css('top',leng69);	
					}
						if (leng70>=(haut*index[69]))
					{
						$("#goutte70").css('top',leng70);	
					}
						if (leng71>=(haut*index[70]))
					{
						$("#goutte71").css('top',leng71);	
					}
						if (leng72>=(haut*index[71]))
					{
						$("#goutte72").css('top',leng72);	
					}
						if (leng73>=(haut*index[72]))
					{
						$("#goutte73").css('top',leng73);	
					}
						if (leng74>=(haut*index[73]))
					{
						$("#goutte74").css('top',leng74);	
					}
						if (leng75>=(haut*index[74]))
					{
						$("#goutte75").css('top',leng75);	
					}
						if (leng76>=(haut*index[75]))
					{
						$("#goutte76").css('top',leng76);	
					}
						if (leng77>=(haut*index[76]))
					{
						$("#goutte77").css('top',leng77);	
					}
						if (leng78>=(haut*index[77]))
					{
						$("#goutte78").css('top',leng78);	
					}
							if (leng79>=(haut*index[78]))
					{
						$("#goutte79").css('top',leng79);	
					}
					prev=position;
					return prev;
				}
				
			}
	
	});
});