$(document).ready(function() {

		//Test du navigateur pour IE l'icompatible de service
		if(navigator.appName=="Microsoft Internet Explorer"){
			var isIE=true;
			if(window.document.compatMode == "CSS1Compat" ){
				var ch=document.documentElement.clientHeight;
				var cw=document.documentElement.clientWidth;
			}else{
				var ch=document.body.clientHeight;
				var cw=document.body.clientWidth;
			}	
		}else{
			var isIE=false;
			var ch=window.innerHeight;
			var cw=window.innerWidth;
		}
	
	
	
	
	
		var options = {
			mots : ['web', 'PHP', 'jQuery', 'Ajax', 'CSS', 'HTML', 'Design', 'photoshop', 'Blog', 'Webmaster', 'Flexibilité', 'SEO', 'Ensemble', 'Apache', 'CMS', 'Mootools','Besoins','Réponses','Javascript','Référencement','Mysql','Hébergement','Projets','Email','Contact','Proximité','écoute','Newsletter','Souplesse'],
			delay : 0.2
		};
		
		var nbmots=0;
		var timer = setInterval(function(){ addMot() }, options.delay*1000);
		var motstock= new Array();
		
		function addMot(){
				
				var randMot = Math.floor(Math.random()*options.mots.length);
				var mot=options.mots[randMot];
				while(motstock.indexOf(mot)!='-1'){
					var randMot = Math.floor(Math.random()*options.mots.length);
					//On rempli la div avec le mot
					var mot=options.mots[randMot];
				}
				
				
				
				//On stock le mot utiliser pour ne pas le répéter
				motstock.push(mot);
				
				
				
				//On ajoute une div pour le nouveau mot
				$('body').append('<div class="mot" id="mot'+nbmots+'"></div>');
				
				$('#mot'+nbmots).html(mot);
				
				
				//On positionne le texte
				var randw = Math.floor(Math.random()*cw);
				var randh = Math.floor(Math.random()*600);
				var newFontSize = Math.floor(Math.random()*60+12);
				if(randh>newFontSize*2){randh-=newFontSize}
				if(randw+300>cw){randw-=300}
				$('#mot'+nbmots).animate({
					marginTop: randh+'px',
					marginLeft: randw+'px'
				}, 0);
				
				
				$('#mot'+nbmots).css('font-size', newFontSize+'px');
				$('#mot'+nbmots).css('color', '#98989c');
				
				
				//on fait apparaitre la div
				$('#mot'+nbmots).fadeIn('slow');
				//On fait se deplacer la div avec une vitesse variable
				/*
				var pos=$('#mot'+nbmots).offset();
				var randv = Math.floor(Math.random()*1000+2000);
				$('#mot'+nbmots).animate({
					marginLeft: pos.left+10+'px',
				}, 3000);
				*/
				
				
				
				//Sortie du script
				nbmots+=1;
				if(nbmots>40 || nbmots==options.mots.length){
					clearInterval(timer);
					var t=$('#global_page').height();
					/*
					//Regrouper tous les mots au centre
					$('.mot').animate({
						marginTop: (ch-400)/2+'px',
						marginLeft: cw/2+'px',
						opacity: 0
					}, 400);
					*/
					var mar1=0;
					var mar2=0;
					var position=0;
					$('.mot').each(function(){
						//On redimentionns si la longueure du mot est trop grande
							if($(this).width()>(cw-$('#global_page').width())/2){
								//calcul de la taille idéale
								var fs=$(this).css('font-size');
								fs = fs.replace("px","");
								newFontSize=(cw-$('#global_page').width())/2*(fs/$(this).width());
								$(this).css('font-size', Math.floor(newFontSize)+'px');
								
							}
						
						
						position=$(this).offset();
						if(position.left<cw/2){	
							
							$(this).animate({
								marginLeft: (cw-$('#global_page').width())/2-$(this).width()+20+'px',
								marginTop: mar1+'px'
							}, 1000);
							mar1+=$(this).height();
						}else{
							$(this).animate({
								marginLeft: cw/2+$('#global_page').width()/2-20+'px',
								marginTop: mar2+'px'
							}, 1000);
							mar2+=$(this).height();
						}
						
					});
					
					//On positionne la page de départ
					$('#global_page').animate({
						marginTop: '-300px',
						marginLeft: (cw-$('#global_page').width())/2+'px',
						opacity: 0
					});
					$('#global_page').fadeIn('slow');
					//On peut faire apparaitre la div générale
					$('#global_page').animate({
						width: '788px',
						height: t,
						marginTop: '10px',
						marginLeft: (cw-$('#global_page').width())/2+'px',
						opacity: 1
					}, 'slow',function(){
						$('#reflet').fadeIn();
					});
			
					
					//On place le footer sous le reflet
					$('#footer').css('margin-top',$('#global_page').height()+150+'px').fadeIn();
					
					//On adapte la taille à la taille de l'écran
					var tr=ch-($('#global_page').height()+150);
					
					if(tr>$('#footer').height()){
						$('#footer').animate({
							height: tr+'px'
						},200);
					}
					
					
				
				}
				
		}
		
});