lastOpenMenu = "";
lastOpenContent = "";
lastOpenSousMenu = "";
lastOpenSousMenu2 = "";
tops = null;
lefts= null;
handleImages=null;
morphWidth = 554;
morphHeight = 413;
smallWidth = 180;
smallHeight = 137;
lastFond = 0;

function projetPreloadImages(id)
{
	new Ajax.Updater('filler', '../includes/projetPreloader.php',{method:'get',parameters:{id:id},encoding:'utf-8'});
}

function actuPreloadImages()
{
	new Ajax.Updater('filler', '../includes/actuPreloader.php',{method:'get',encoding:'utf-8'});
}

function changeFond()
{
	id = Math.floor(Math.random()*4)+1;
	lastFond = id;
	new Effect.Opacity('fond',{from:1,to:0,duration:0.1,afterFinish:function(){
		new Effect.Opacity('fond',{from:0,to:1,duration:1.0});
		$('fond').setStyle({backgroundImage: 'url(../images/fond'+id+'.png)'});
	}});
	
	
}

function setFond()
{
	
	$('fond').setStyle({backgroundImage: 'url(../images/fond'+lastFond+'.png)'});
}

function clickOnContentTitle(qui)
{
	theToggle(qui);
	toggleClass(qui);
}

function stopTremblote(handle)
{
	clearInterval(handle);
}

function startTremblote()
{
	return setInterval('tremblote()',4000);
}
function tremblote()
{
	var list = $$('div.imageVisu');
	nextDistance = 1;
	new Effect.Shake(list[Math.floor(Math.random()*10)],{distance: nextDistance, duration:0.7});
		
}
function clickOnCollaborateur(image,texte)
{
	
	stopTremblote(handleImages);
	
	var list = $$('div.imageVisu');
	
	if(tops==null)//premier passage, on sauvegarde toutes les positions
	{
		tops = new Array();
		lefts = new Array();
		for(i=0;i<list.length;i++)
		{
			tops[i] = list[i].getStyle('top');
			lefts[i]= list[i].getStyle('left');
		}
	}
	if($(image).getStyle('zIndex')<20)//Ici on veut cacher toutes les images
	{
		handleImages=null;
		for(i=0;i<list.length;i++)
		{
			list[i].setStyle({zIndex:"7"});
			if(list[i]==$(image))
				idImage=i;
		}
		list[idImage].setStyle({zIndex:"20"});
		new Effect.multiple(list,Effect.Move,{x: lefts[idImage].substring(0,lefts[idImage].indexOf('p')), y: tops[idImage].substring(0,tops[idImage].indexOf('p')), mode: 'absolute',speed:0.1, duration:0.4});
		//$(image).setOpacity(1.0);
		
	}else
	{
		//Ici on veut remettre toutes les images ˆ leur place
		for(i=0;i<list.length;i++)
		{
			new Effect.Move(list[i],{x: lefts[i].substring(0,lefts[i].indexOf('p')), y: tops[i].substring(0,tops[i].indexOf('p')), mode: 'absolute', duration:0.7})
		}
		$(image).setStyle({zIndex:"7"});
		
	}
	
	theToggle(texte);
	toggleClass(texte);
	handleImages = startTremblote();
}
function togglePDF(id)
{
	var list = $$('a.pdfIcone');
	for(i=0;i<list.length;i++)
	{
		list[i].setStyle({zIndex:"3"});
		list[i].hide();
	}
	$('pdf'+id).setStyle({zIndex:"8"});
	$('pdf'+id).show();
}
function shuffle(list)
		{
			for(i=0;i<list.length;i++)
			{
				tmpId = Math.floor(Math.random()*list.length);
				tmpId2 = Math.floor(Math.random()*list.length);
				tmp = list[tmpId];
				tmp2 = list[tmpId2];
				list[tmpId2] = tmp;
				list[tmpId] = tmp2;		
			}
			return list;
		}


function toggleClass(qui)
{
	if($(qui) != null)
	{
		if($(qui).hasClassName('contentTitle'))
		{
			$(qui).removeClassName('contentTitle');
			$(qui).addClassName('contentTitleSelected');
			return;		
		}
		if($(qui).hasClassName('contentTitleSelected'))
		{
			$(qui).removeClassName('contentTitleSelected');
			$(qui).addClassName('contentTitle');
			return;		
		}
		
		if($(qui).hasClassName('menuItem'))
		{
			$(qui).removeClassName('menuItem');
			$(qui).addClassName('menuItemSelected');
			if($(lastOpenMenu) != null && lastOpenMenu != "")
			{
				$(lastOpenMenu).removeClassName('menuItemSelected');
				$(lastOpenMenu).addClassName('menuItem');
			}
			lastOpenMenu = qui;
			clickOnContentTitle(lastOpenSousMenu);
			//lastOpenSousMenu = "";
			return;		
		}
				
		if($(qui).hasClassName('sousMenuItem'))
		{
			$(qui).removeClassName('sousMenuItem');
			$(qui).addClassName('sousMenuItemSelected');
			if($(lastOpenSousMenu) != null && lastOpenSousMenu != "")
			{
				$(lastOpenSousMenu).removeClassName('sousMenuItemSelected');
				$(lastOpenSousMenu).addClassName('sousMenuItem');
			}
			lastOpenSousMenu = qui;
			clickOnContentTitle(lastOpenSousMenu2);
			//lastOpenSousMenu2 = "";
			return;		
		}
		if($(qui).hasClassName('sousMenuItem2'))
		{
			$(qui).removeClassName('sousMenuItem2');
			$(qui).addClassName('sousMenuItem2Selected');
			if($(lastOpenSousMenu2) != null && lastOpenSousMenu2 != "")
			{
				$(lastOpenSousMenu2).removeClassName('sousMenuItem2Selected');
				$(lastOpenSousMenu2).addClassName('sousMenuItem2');
			}
			lastOpenSousMenu2 = qui;
			return;		
		}
	}
} 

function theToggle(qui)
{
	//alert(qui+" : "+lastOpenContent);
	if(lastOpenMenu != qui)
	{
		if(lastOpenContent != qui)
		{
			//alert($(qui)+" : "+lastOpenContent);
			if($(qui) != null && $(qui).hasClassName('contentTitle'))
			{
				if(lastOpenContent != "")
				{
					theHide(lastOpenContent);
					toggleClass(lastOpenContent);
				}
				lastOpenContent = qui;
			}
			if($(qui) != null && $(qui).hasClassName('menuItem'))
			{
				if(lastOpenMenu != "")
				{
					theHide(lastOpenMenu);
					toggleClass(lastOpenMenu);
				}
			}
			if($(qui) != null && $(qui).hasClassName('sousMenuItem2'))
			{
				//alert("passage");
				if(lastOpenContent != "")
				{
					theHide(lastOpenContent);
					toggleClass(lastOpenContent);
				}
				lastOpenContent = qui;
			}
		}else
		{
			if($(qui) != null && $(qui).hasClassName('contentTitleSelected'))
				lastOpenContent = "";
		}	
	
		if($(qui+"Content") != null)
		{
			if($(qui+"Content").getStyle('display') == 'none')
			{
				//alert('ca passe');
				if($("separator_"+qui) != null)
					$("separator_"+qui).hide();
				if($("separator_"+qui+"_top") != null)
					$("separator_"+qui+"_top").show();
				if($("separator_"+qui+"_bottom") != null)
					$("separator_"+qui+"_bottom").show();
				
				Effect.SlideDown(qui+"Content",{duration:0.5});
				
			}
			else
			{
				Effect.SlideUp(qui+"Content",{duration:0.1});
				
				if($("separator_"+qui+"_top") != null)
					$("separator_"+qui+"_top").hide();
				if($("separator_"+qui+"_bottom") != null)
					$("separator_"+qui+"_bottom").hide();
	
				if($("separator_"+qui) != null)
					$("separator_"+qui).show();
			}
		}else
		{
			if($("separator_"+qui+"_bottom") != null )
			{
				if($("separator_"+qui+"_bottom").getStyle('display') == 'none')
				{
					$("separator_"+qui+"_bottom").show();
					if($("separator_"+qui) != null)
						$("separator_"+qui).hide();
				}else
				{
					$("separator_"+qui+"_bottom").hide();
					if($("separator_"+qui) != null)
						$("separator_"+qui).show();
				}
			}
		}
	}	
}

function theHide(qui)
{
	//Fait la m�me chose que la deuxi�me partie du toggle
	//Sert ˆ ne pas appeler toggle en boucle
	if($(qui+"Content") != null)
	{
		Effect.SlideUp(qui+"Content",{duration:0.2});
		
		if($("separator_"+qui+"_top") != null)
			$("separator_"+qui+"_top").hide();
		if($("separator_"+qui+"_bottom") != null)
			$("separator_"+qui+"_bottom").hide();

		if($("separator_"+qui) != null)
			$("separator_"+qui).show();
	}else
	{
		if($("separator_"+qui+"_bottom") != null )
			$("separator_"+qui+"_bottom").hide();
		if($("separator_"+qui) != null)
			$("separator_"+qui).show();
	}

}

function navigate(qui)
{
	if(handleImages != null)
		stopTremblote(handleImages);
	//$(document.body).setStyle({backgroundImage: 'url(../images/fond1.png)'});
	switch (qui) {
		case "agenceBouton":
			new Ajax.Updater('contentContainer', './metiers.php');
			break;
		case "projetsBouton":
			
			new Ajax.Updater('contentContainer', './presse.php',{method:'get',parameters:{t:1},encoding:'utf-8'});
			break;
		case "metiersBouton":
			new Ajax.Updater('contentContainer', './metiers.php');
			break;
		case "equipeBouton":
			
			handleImages = startTremblote();
			new Ajax.Request('./equipe.php', {
			  method: 'get',
			  onSuccess: function(transport){
			  	document.getElementById('contentContainer').innerHTML = transport.responseText;
			  	var list = $$('div.imageVisu');
				for(i=0;i<list.length;i++)
					list[i].setOpacity(0);
				new Effect.multiple(shuffle(list), Effect.Fade, {from:1.0, to:1.0, duration: 0.5,speed:0.2});
			  }
			  
			  });
			//new Ajax.Updater('contentContainer', './equipe.php',{afterFinish:function(){
				 
			
			//}});
			
			break;
		case "contactBouton":
			new Ajax.Updater('contentContainer', './contact.php');
			break;
		case "boiteBouton":
			new Ajax.Updater('contentContainer', './boiteAOutils.php');
			break;
		case "legal":
			new Ajax.Updater('contentContainer', './legaleContent.php');
			return;
			break;
		case "jobBouton":
			new Ajax.Updater('contentContainer', './jobStage.php');
			break;
		case "mentions":
			new Ajax.Updater('contentContent', './mentionsContent.php');//Specifique ˆ la page legaleContent
			break;
		case "copyright":
			new Ajax.Updater('contentContent', './copyrightContent.php');//Specifique ˆ la page legaleContent
			break;
		case "liens":
			new Ajax.Updater('contentContent', './liensContent.php');//Specifique ˆ la page legaleContent
			break;
		case "maj":
			new Ajax.Updater('contentContent', './majContent.php');//Specifique ˆ la page legaleContent
			break;
		case "actualitesBouton":
			actuPreloadImages();
			new Ajax.Request('./actualites.php', {
			  method: 'get',
			  onSuccess: function(transport){
			  	
			  	document.getElementById('contentContainer').innerHTML = transport.responseText;
			  		 
			  	}});

			break;
		default: 
			//Liste d'instructions;
			break;
	}
	clickOnContentTitle(qui);
}

function navigateProjet(qui)
{
	new Ajax.Updater('contentContainer', './presse.php',{method:'get',parameters:{t:qui}});
}


function morphMe(elt,id,zone)
{
	
	if($(elt).getStyle('width') == morphWidth+'px')
	{
		//On diminue l'image
		
		$(elt).morph('width:'+smallWidth+'px;height:'+smallHeight+'px;backgroundRepeat: no-repeat;');
		$(elt).writeAttribute({src:'../includes/visuel_thumb.php?image=../upload/'+zone+'/'+id+'&hauteur='+smallHeight+'&largeur='+smallWidth});
	
	}else
	{
		//On agrandi l'image
		
		$(elt).writeAttribute({src:'../includes/visuel_thumb.php?image=../upload/'+zone+'/'+id+'&hauteur='+morphHeight+'&largeur='+morphWidth});
		$(elt).morph('width:'+morphWidth+'px;height:'+morphHeight+'px;backgroundRepeat: no-repeat;');
		
	}
	
	

}