/**
 * @author farlotti
 */
var clientActif = -1;
var projectActif = -1;
var slideToProject;
var slideToProjects;
var fxScroll;
var scrollToAncre;
var textGoUp;
var textGoBottom;
var clientOpened = false;
var clientIsOpening = false;
var projectOpened = false;
var projectIsOpening = false;
var popup_name;
var textGoBottom;
var textGoTop;
var skinPictoSrc = 'skins/pink/img/';

textGoBottom = 'down';
textGoTop = 'up';

var type_of_event = 'domready';
// bug SWFOBJECT ON IE


var defile; // l'element a deplacer
var psinit = 20; // position horizontale de depart
var pscrnt = psinit;       

function texteDefile() {
   if (!defile) defile = document.getElementById('defile');
   if (defile) {
      if(pscrnt < ( - defile.offsetWidth) ){
         pscrnt = psinit;
         } 
		 else {
         pscrnt+= -1; // pixel par deplacement
      }
      defile.style.left = pscrnt+"px";
   }
}

setInterval("texteDefile()",20); // delai de deplacement 


window.addEvent('domready', function()
{

	$('btnTop').setStyle('display','none');
	openPopup();
	closePopup();
	
	addScrolls();
	afficheBoxProjets();
	moveVignettes();
	openContenuMav();
	calculBody();
	showBubble();
	moveBubbleNews();
	openCaseSutdyFromMav();
	
	// on fix un bug ie
	if(window.ie == true) $('contentProjects').setStyles('font-size:0; display:none;');
	
	$('fondPopup').setStyle('display','none');
	$('fondPopup').setProperties({style:'width:'+width_body+'px; height:'+height_body+'px;'});
	
	new Fx.Style('fondPopup', 'opacity').set(0); 
	new Fx.Style('boxProjets', 'opacity').set(0); 
	new Fx.Style('boxProjet', 'opacity').set(0); 
	slideToProject = new Fx.Slide('boxProjet', {duration: 500 ,wait:true});
	slideToProjects = new Fx.Slide('boxProjets', {duration: 500,wait:true});
	slideAbout = new Fx.Slide('about_detail', {duration: 500});

	
	slideAbout.hide();
	//aboutSize = $('about_detail').getSize().size.y + 20;
	//$('about_detail').setStyle('height',aboutSize);
	showHideAboutDetail();
	

	if(window.ie == true){
		$('btnTop').setStyles('width:962px;height:20px;left:50%;margin-left:-481px;');	
		//$('aboutBackTopR').setStyle('left','985px');
	}
	if(window.ie6 == true){
		$('btnTop').setStyle('position','absolute');
	}
	
	moveBtnTop();
	
	fxScroll = new Fx.Style('btnTop', 'opacity',{duration:250});
	scrollToAncre = "bottom";
	
	var scrollLeft = $('clients').getFirst().getNext().getNext();
	var scrollRight = $('clients').getFirst().getNext().getNext().getNext();
	scrollLeft.setStyle('display','none');
	scrollRight.setStyle('display','none');
	
	$('btnTop').setStyle('display','block');
	
});

window.addEvent('resize',function()
{
	calculBody();
	resize("fondPopup",width_body,height_body);
	//moveBtnTop();
});

		
var scrolled = false;

window.onscroll = function (e) 
{
	if(window.ie6 == true)
	{
		var height = window.getHeight();
		var position = (height/2)+window.getScrollTop();
		// bug ie6 scroll saute (doublon effect)
		var marginChange = new Fx.Style('btnTop', 'top', {duration:0});
		marginChange.start(position);
	}
	
	if(scrolled == false)
	{
		if(window.getScrollTop() >= ((window.getHeight()/2)+200))
		{	
			$('aboutBackBottomR').getFirst().getFirst().getNext().setText(textGoTop);
			$('imgMoveR').setProperty('src',''+skinPictoSrc+'fleche_go_top.gif');
			$('aboutBackBottomL').getFirst().getFirst().setText(textGoTop);
			$('imgMoveL').setProperty('src',''+skinPictoSrc+'fleche_go_top.gif');
			scrollToAncre = "top";
		}
		else
		{
			$('aboutBackBottomR').getFirst().getFirst().getNext().setText(textGoBottom);
			$('imgMoveR').setProperty('src',''+skinPictoSrc+'fleche_go_bottom.gif');
			$('aboutBackBottomL').getFirst().getFirst().setText(textGoBottom);
			$('imgMoveL').setProperty('src',''+skinPictoSrc+'fleche_go_bottom.gif');
			scrollToAncre = "bottom";
		}
	}
}
		
function resize(elm,width,height)
{			
	$(elm).setStyle("width",width);
	$(elm).setStyle("height",height);
}

function calculBody()
{
	width_body = window.getWidth();
	height_body = window.getScrollHeight();
}


function runChain(actionsToDo)
{
   	var runChain = function() 
	{
		actionsToDo.callChain();
		if (actionsToDo.chains.length == 0) { runChain = $clear(timer); }
	}
	var timer = runChain.periodical(500);
}

function moveBtnTop()
{
	var height = window.getHeight();
	var position = (height/2);
	$('btnTop').setStyle('top',position);
}

function showHideAboutDetail()
{
	$('btn_about_detail_expend').addEvent('click', 
		function(e) 
		{
		 	e = new Event(e);
			slideAbout.slideIn();
			$('about_detail_expend').addClass('none');
			e.stop();
		}
	);
	
	$('btn_about_detail_close').addEvent('click', 
		function(e) 
		{
		 	e = new Event(e);
			slideAbout.slideOut();
			(function(){$('about_detail_expend').removeClass('none');}).delay(500);
			var myTransition = new Fx.Transition(Fx.Transitions.Sine);
		 	var scroll = new Fx.Scroll(window, 
				{
					duration: 500,
					transition: myTransition.easeOut
				}
			);	
			scroll.toElement('about');
			e.stop();
		}
	);
}


function moveBubbleNews()
{
	var bubble = 'bulle_news';
	if($(bubble)){
		function move(){
		 	var myTransition = new Fx.Transition(Fx.Transitions.Sine);
		 	var moveBubble = new Fx.Style('bulle_news', 'left', {duration: 1000,transition: myTransition.easeInOut}).start(465,470);
			var moveBubble =  (function(){ new Fx.Style('bulle_news', 'left', {duration: 1000,transition: myTransition.easeInOut}).start(470,465); }).delay(1000);
		}
		move();
		move.periodical(2000); 
	}
}


function openContenuMav()
{
	var elms  = $ES('.contenu','mav');
	elms.each(
		function(el)
		{
			el.addEvent('mouseenter', 
				function()
				{
					if((this.getFirst()).getProperty('class') ==  "contenuHTML")
					{
						new Fx.Style(this.getFirst().getFirst(), 'opacity').set(0.7); 
						this.getFirst().getFirst().setStyle('display','block');		
						this.getFirst().getFirst().getNext().setStyle('display','block');	
					}
					/*else
					{
						new Fx.Style(this.getFirst().getNext().getFirst().getFirst(), 'opacity').set(0.7); 
						this.getFirst().getNext().getFirst().getFirst().setStyle('display','block');		
						this.getFirst().getNext().getFirst().getFirst().getNext().setStyle('display','block');	
					}*/
				}
			);	
			el.addEvent('mouseleave', 
				function()
				{
					if((this.getFirst()).getProperty('class') ==  "contenuHTML"){		
						this.getFirst().getFirst().setStyle('display','none');	
						this.getFirst().getFirst().getNext().setStyle('display','none');	
					}
					/*
					else{
						this.getFirst().getNext().getFirst().getFirst().setStyle('display','none');	
						this.getFirst().getNext().getFirst().getFirst().getNext().setStyle('display','none');	
					}
					*/
				}
			);	
		}
	);
}


function highlightProjectBox()
{
	var elms  = $ES('.contenu','boxProjets');
	elms.each(function(el){
		el.getFirst().getFirst().setStyle('display','none');
		el.getFirst().getFirst().getNext().getNext().setStyle('display','none');
		el.getFirst().getFirst().getNext().getNext().getNext().setStyle('display','none');
		
		el.addEvent('mouseenter', function(){
			new Fx.Style(this.getFirst().getFirst(), 'opacity').set(0.7); 
			el.getFirst().getFirst().setStyle('display','block');
			el.getFirst().getFirst().getNext().getNext().setStyle('display','block');
			el.getFirst().getFirst().getNext().getNext().getNext().setStyle('display','block');
		});	
		el.addEvent('mouseleave', function(){
			new Fx.Style(this.getFirst().getFirst(), 'opacity').set(0); 
			el.getFirst().getFirst().setStyle('display','none');
			el.getFirst().getFirst().getNext().getNext().setStyle('display','none');
			el.getFirst().getFirst().getNext().getNext().getNext().setStyle('display','none');
		});	
	});

}


function addScrolls(){
	$('btn_about').addEvent('click', function(e) {
			e = new Event(e);
		 	var myTransition = new Fx.Transition(Fx.Transitions.Sine);
		 	var scroll = new Fx.Scroll(window, 
			{duration: 1500,transition: myTransition.easeOut}
			);	
			scroll.toElement('about');
			e.stop();
	 });
	 $('btn_clients').addEvent('click', function(e) {
		 	e = new Event(e);
		 	var myTransition = new Fx.Transition(Fx.Transitions.Sine);
		 	var scroll = new Fx.Scroll(window, 
			{duration: 1500,transition: myTransition.easeOut}
			);			
			scroll.toElement('clients');
			e.stop();
	 });
	  $('btn_links').addEvent('click', function(e) {
		 	e = new Event(e);
		 	var myTransition = new Fx.Transition(Fx.Transitions.Sine);
		 	var scroll = new Fx.Scroll(window, 
			{duration: 1500,transition: myTransition.easeOut}
			);		
			scroll.toElement('digital');
			e.stop();
	 });
	
	$('aboutBackBottomL').addEvent('click', function(e) 
	{
	 	e = new Event(e);
	 	var myTransition = new Fx.Transition(Fx.Transitions.Sine);
	 	var scroll = new Fx.Scroll(window, 
		{duration: 1500,transition: myTransition.easeOut}
		);		
		
		changeScroll(scroll);
		
		e.stop();
	});
	 
	
	$('aboutBackBottomR').addEvent('click', 
		function(e) 
		{
		 	e = new Event(e);
		 	var myTransition = new Fx.Transition(Fx.Transitions.Sine);
		 	var scroll = new Fx.Scroll(window, 
			{duration: 1500,transition: myTransition.easeOut}
			);
			
			changeScroll(scroll);
			
			e.stop();
		}
	);
		 

	function changeScroll(scroll){
		scrolled = true;
		scroll.toElement(scrollToAncre).chain(
			function()
			{
				if(scrollToAncre == "bottom"){
					scrollToAncre = "top";	
					fxScroll.start(1,0).chain(function(){
						$('aboutBackBottomR').getFirst().getFirst().getNext().setText(textGoTop);
						$('imgMoveR').setProperty('src',''+skinPictoSrc+'fleche_go_top.gif');
						$('aboutBackBottomL').getFirst().getFirst().setText(textGoTop);
						$('imgMoveL').setProperty('src',''+skinPictoSrc+'fleche_go_top.gif');
						fxScroll.start(0,1);
						scrolled = false;
					});
				}
				else{
					scrollToAncre = "bottom";
					fxScroll.start(1,0).chain(function(){
						$('aboutBackBottomR').getFirst().getFirst().getNext().setText(textGoBottom);
						$('imgMoveR').setProperty('src',''+skinPictoSrc+'fleche_go_bottom.gif');
						$('aboutBackBottomL').getFirst().getFirst().setText(textGoBottom);
						$('imgMoveL').setProperty('src',''+skinPictoSrc+'fleche_go_bottom.gif');
						fxScroll.start(0,1);
						scrolled = false;
					});			
				}	
			}
		);
	}
}


function moveVignettes()
{
	var scroll = new Scroller('vignettes', { area: 64,velocity:1});
	$('vignettes').addEvent('mouseover', scroll.start.bind(scroll));
	$('vignettes').addEvent('mouseout', scroll.stop.bind(scroll));
	var scrollLeft = $('clients').getFirst();
	var scrollRight = $('clients').getFirst().getNext();
	if($('vignettes').getFirst().getSize().size.x <= 961){
		scrollLeft.setStyle('display','none');
		scrollRight.setStyle('display','none');
	}
	else{
		scrollLeft.setStyle('display','block');
		scrollRight.setStyle('display','block');
	}	
	
	scrollRight.addEvents({
		'click': function(e) {
			e = new Event(e).stop();
			var scrollX = $('vignettes').getSize().scroll.x;
			$('vignettes').scrollTo(scrollX+64);
		},
		'mousedown': function(e) {
			var scrollX = $('vignettes').getSize().scroll.x;
			$('vignettes').scrollTo(scrollX+64);
		},
		'mouseenter': function(e) {
			var scrollX = $('vignettes').getSize().scroll.x;
			$('vignettes').scrollTo(scrollX+64);
		},
		'mouseover': function(e) {
			var scrollX = $('vignettes').getSize().scroll.x;
			$('vignettes').scrollTo(scrollX+64);
		}
	});
	
	scrollLeft.addEvents({
		'click': function(e) {
			e = new Event(e).stop();
			var scrollX = $('vignettes').getSize().scroll.x;
			$('vignettes').scrollTo(scrollX-64);
		},
		'mousedown': function(e) {
			var scrollX = $('vignettes').getSize().scroll.x;
			$('vignettes').scrollTo(scrollX-64);
		},
		'mouseenter': function(e) {
			var scrollX = $('vignettes').getSize().scroll.x;
			$('vignettes').scrollTo(scrollX-64);
		},
		'mouseover': function(e) {
			var scrollX = $('vignettes').getSize().scroll.x;
			$('vignettes').scrollTo(scrollX-64);
		}
	});
	
}


function moveProjects(){

	var scroll = new Scroller('boxProjets', { area: 324,velocity:0});
	$('boxProjets').addEvent('mouseover', scroll.start.bind(scroll));
	$('boxProjets').addEvent('mouseout', scroll.stop.bind(scroll));
	
	var scrollLeft = $('clients').getFirst().getNext().getNext();
	var scrollRight = $('clients').getFirst().getNext().getNext().getNext();
	
	
	scrollRight.addEvents({
		'click': function(e) {
			e = new Event(e).stop();
			var scrollX = $('boxProjets').getSize().scroll.x;
			$('boxProjets').scrollTo(scrollX+162);
		},
		'mousedown': function(e) {
			var scrollX = $('boxProjets').getSize().scroll.x;
			$('boxProjets').scrollTo(scrollX+162);
		},
		'mouseenter': function(e) {
			var scrollX = $('boxProjets').getSize().scroll.x;
			$('boxProjets').scrollTo(scrollX+162);
		},
		'mouseover': function(e) {
			var scrollX = $('boxProjets').getSize().scroll.x;
			$('boxProjets').scrollTo(scrollX+162);
		}
	});
	
	scrollLeft.addEvents({
		'click': function(e) {
			e = new Event(e).stop();
			var scrollX = $('boxProjets').getSize().scroll.x;
			$('boxProjets').scrollTo(scrollX-162);
		},
		'mousedown': function(e) {
			var scrollX = $('boxProjets').getSize().scroll.x;
			$('boxProjets').scrollTo(scrollX-162);
		},
		'mouseenter': function(e) {
			var scrollX = $('boxProjets').getSize().scroll.x;
			$('boxProjets').scrollTo(scrollX-162);
		},
		'mouseover': function(e) {
			var scrollX = $('boxProjets').getSize().scroll.x;
			$('boxProjets').scrollTo(scrollX-162);
		}
	});
	
}


function openCaseSutdyFromMav(){
	var elms  = $ES('a.caseStudyMav','mav');
	elms.each(function(el){
		el.addEvent('click', function(e) {
			e = new Event(e);
			// on fix un bug ie
			if(window.ie == true) $('contentProjects').setStyles('font-size:auto; display:block;');

			var id = el.id; 		
			// on ouvre le fichier xml client pr connaitre lordre du projet dans les clients	
				var lang = $E('html').getProperty('lang');
				var url = 'inc/content/ajax/mav_client.php?id='+id+'&lang='+lang+'&js';
				if((clientOpened == false && clientIsOpening == false) || (clientOpened == true && clientIsOpening == false)){
					var loadProjectsFromClient = new Ajax(url, {
						method: 'get',encoding:'iso-8859-15',
						evalScripts:true,
						update: $('contentProjects')
					}).request();
				}
				
			e.stop();
		});
	});
}


function openCaseStudyFromMavFlash(id)
{
	// on fix un bug ie
	if(window.ie == true) $('contentProjects').setStyles('font-size:auto; display:block;');
	var id = id;
	
	var lang = $E('html').getProperty('lang');
	var url = 'inc/content/ajax/mav_client.php?id='+id+'&lang='+lang+'&js';
	if((clientOpened == false && clientIsOpening == false) || (clientOpened == true && clientIsOpening == false)){
		var loadProjectsFromClientMav = new Ajax(url, {
			method: 'get',encoding:'iso-8859-15',
			evalScripts:true,
			update: $('contentProjects')
		}).request();
	}
}


function afficheBoxProjets()
{
	var elms  = $ES('a','vignettes');
	var lastActif;
	
	elms.each(function(el)
	{
		el.addEvent('click', function(e) 
		{
			e = new Event(e);

			function openClose(){
				if(clientOpened == false && clientIsOpening == false) {
					open();
				}
				else if(clientOpened == true && clientIsOpening == false) {
					ferme();
				}
			}
			
			// ouvrir un client si un case study est ouvert
			if(projectOpened == true && projectIsOpening == false){
				var actionsToDo = new Chain();		
				actionsToDo.chain( function(){
					$('boxProjet').getParent().setStyle('overflow','hidden');
					$('boxProjet').setStyle('overflow','hidden');
					$('boxProjet').setStyle('position','relative');
					var myFx = new Fx.Style('boxProjet', 'opacity',{duration: 500}).start(1,0);
				});
				actionsToDo.chain( function(){
					slideToProject.slideOut();
					$('contentProjects').setStyle('margin','0 0 10px 0');
				});
				actionsToDo.chain( function(){
					//$('boxProjet').getParent().setStyle('height',0);
					$('boxProjet').empty();
					$('boxProjet').getParent().setStyle('height',0);
				});
				actionsToDo.chain( function(){
					openClose();
				});
				runChain(actionsToDo);		
			}
			else if(projectOpened == false && projectIsOpening == false){
				openClose();
			}
		

				
			function open()
			{
				// on fix un bug ie
				if(window.ie == true) $('contentProjects').setStyles('font-size:auto; display:block;');
				$('contentProjects').setStyle('margin','0 0 10px 0');
				if(window.ie == true && clientActif == -1) $('contentProjects').setStyle('margin','0 0 0 0');
				var id = el.id;
				var position = id.lastIndexOf("_");
				var id_length = id.length;
				id = id.substring(position+1,id_length);
				//var projectActif = id;
				var boite = $('clients');
				var boite_hauteur = boite.getSize().size.y;
				clientActif = id;
				
				var lang = $E('html').getProperty('lang');
				var url = 'inc/content/ajax/projects.php?id='+id+'&lang='+lang+'&js';
				
				clientIsOpening = true;
				clientOpened = false;
			
				$$('#vignettes .active').each(function(activeElm){
					activeElm.removeClass('active');
				});
				el.addClass('active');
				
				//$('boxProjets').empty();

					//$('boxProjets').setStyle('visibility','hidden');
					//if(window.ie == true) $('contentProjects').setStyle('margin','0 0 0 0');
					
					$('boxProjets').setStyle('opacity',0);		
					
					//slideToProjects.hide();

				var loadProjectsFromClient = new Ajax(url, {
					method: 'get',onComplete:show,encoding:'iso-8859-15',
					update: $('boxProjets')
				}).request();
					
				function show(){		
					//$('boxProjets').getParent().setStyle('overflow','visible');
					highlightProjectBox();
					moveProjects();	
					openCaseStudy();
					$('boxProjets').setStyle('height','108px');	
					//slideToProjects.hide();	
					var actionsToDo = new Chain();
					actionsToDo.chain( function(){
						slideToProjects.slideIn();
					});
					actionsToDo.chain( function(){
						var myFx = new Fx.Style('boxProjets', 'opacity',{duration: 500}).start(0,1);
					});
					actionsToDo.chain( function(){
						var myTransition = new Fx.Transition(Fx.Transitions.Sine);
						var scroll = new Fx.Scroll(window, {duration: 250,transition: myTransition.easeOut});
						scroll.toElement('clients');
						lastActif = clientActif;
						clientOpened = true;
						clientIsOpening = false;	
					});

					runChain(actionsToDo);	

					//$('boxProjets').setStyle('margin','0 0 10px 0');					
					var scrollLeft = $('clients').getFirst().getNext().getNext();
					var scrollRight = $('clients').getFirst().getNext().getNext().getNext();
					if($('boxProjets').getFirst()){
						if($('boxProjets').getFirst().getSize().size.x <= 962){
							scrollLeft.setStyle('display','none');
							scrollRight.setStyle('display','none');
						}
						else{
							scrollLeft.setStyle('display','block');
							scrollRight.setStyle('display','block');
						}
					}				
					//$('boxProjets').setStyle('margin','0 0 10px 0');				
				}					
			}	
			
			
			function ferme(){
				var actionsToDo = new Chain();
				$('boxProjets').empty();
				$('boxProjets').setStyle('opacity',0);
				$('boxProjets').setStyle('visibility','hidden');

				actionsToDo.chain( function(){		
					var scrollLeft = $('clients').getFirst().getNext().getNext();
					var scrollRight = $('clients').getFirst().getNext().getNext().getNext();
					scrollLeft.setStyle('display','none');
					scrollRight.setStyle('display','none');	
				});
				actionsToDo.chain( function(){
					open();
				});
				runChain(actionsToDo);
			}	
			e.stop();
		});
	});
}


function openCaseStudy(){
	var elms  = $ES('a.caseStudy','boxProjets');
	elms.each(function(el){
		el.addEvent('click', function(e) {
			e = new Event(e);
		
			if(projectActif == -1){
				open();
			}
			else{
				ferme();
			}
			
			function open(){

				var id = el.id;
				var position = id.lastIndexOf("_");
				var id_length = id.length;
				id = id.substring(position+1,id_length);
				var lang = $E('html').getProperty('lang');
				var url = 'inc/content/ajax/project.php?id='+id+'&lang='+lang+'&clientID='+clientActif+'&js';
			
				projectActif = id;		
				projectOpened = false;
				projectIsOpening = true;
				
				//$('boxProjet').setStyle('visibility','hidden');
				//$('boxProjet').setStyle('opacity',0);
				//new Fx.Style('boxProjet', 'opacity').set(0);

				$('contentProjects').setStyle('margin','0 0 10px 0');	
						
				$$('#boxProjets .active').each(function(activeElm){
					activeElm.removeClass('active');
					activeElm.getPrevious().setStyle('display','block');
				});
				
				
					var loadProjectsFromClient = new Ajax(url, {
							method: 'get',onComplete:show,encoding:'iso-8859-15',
							evalScripts:true,
							update: $('boxProjet')
					}).request();
						
					function show(){
						var actionsToDo = new Chain();
						actionsToDo.chain( function(){
							slideToProject.slideIn();	
						});
						actionsToDo.chain( function(){
							$('boxProjet').setStyle('visibility','visible');
							$('boxProjet').setStyle('opacity',1);

							//$('boxProjet').getParent().setStyle('overflow','visible');
							// on corrige un bug ie
							if(window.ie == true) $('boxProjet').setStyles('font-size:auto;');
							//$('boxProjet').setStyle('position','relative');
							//var myFx = new Fx.Style('boxProjet', 'opacity',{duration: 500}).start(0,1);
						});			
						actionsToDo.chain( function(){
							var myTransition = new Fx.Transition(Fx.Transitions.Sine);
							var scroll = new Fx.Scroll(window, {duration: 250,transition: myTransition.easeOut});
							scroll.toElement('clients');
							projectOpened = true;
							projectIsOpening = false;
						});
						runChain(actionsToDo);
					}		
			}	
		
			
			function ferme(){
				var actionsToDo = new Chain();
				actionsToDo.chain( function(){
					$('boxProjet').setStyle('position','relative');
					var myFx = new Fx.Style('boxProjet', 'opacity',{duration: 500}).start(1,0);
				});
				actionsToDo.chain( function(){
					slideToProject.slideOut();
				});
				actionsToDo.chain( function(){
					$('boxProjet').empty();
					//$('boxProjet').setStyle('visibility','hidden');
					open();
				});
				runChain(actionsToDo);	
			}
	
			e.stop();
		});
	});
}


function openPopup(){
	var elms = $ES('.openPopup','conteneur');
	elms.each(function(el){
		el.addEvent('click', function(e) {
			e = new Event(e);
				
				var popup_content = "popup_content";
				var actionsToDo = new Chain();
				$("popup_center").setStyle('top','89px');
				if(el.id == "popup_links"){
					$("popup_center").setStyle('top', $("popup_newsletter").getPosition().y + 32 );
				}
                if(el.id == "popup_brands"){
					$("popup_center").setStyle('top', $("popup_newsletter").getPosition().y + 32 );
				}
                
				
				if(el.id == "popup_links"){
					actionsToDo.chain( function(){
						var myTransition = new Fx.Transition(Fx.Transitions.Sine);
						 var scroll = new Fx.Scroll(window, 
						{duration: 500,transition: myTransition.easeOut});						
						scroll.toElement('liens');
					});
				}
                
                if(el.id == "popup_brands"){
					actionsToDo.chain( function(){
						var myTransition = new Fx.Transition(Fx.Transitions.Sine);
						 var scroll = new Fx.Scroll(window, 
						{duration: 500,transition: myTransition.easeOut});						
						scroll.toElement('liens');
					});
				}
				
				actionsToDo.chain( function(){		
					$('fondPopup').setStyle('display','block');				
					var fx = $('fondPopup').effects();
					new Fx.Style('popup', 'opacity').set(0);
					fx.start({width: width_body, height: height_body, opacity : .7, duration: 500})			
				});	
				if(el.id != "popup_newsletter"){
					var position_fin_hauteur_popup = $("fin_hauteur_popup").getTop() - 10 - 89;
					actionsToDo.chain( function(){	
						var fx2 = $('popup').effects({duration: 500,transition: Fx.Transitions.Quart.easeOut});
						fx2.start({'width':961,'height':position_fin_hauteur_popup,opacity:1, duration: 250})
					});	
				}
				if(el.id == "popup_newsletter"){
					popup_content = "popup_content2";
					actionsToDo.chain( function(){
						//$('fondPopup').setStyle('cursor','pointer');
						// on ferme la popup newsletter au clic du voile
						/*
						$('fondPopup').addEvent('click',function(){
							var actionsToDo = new Chain();
							actionsToDo.chain( function(){
								$(popup_content).empty();
							});
							actionsToDo.chain( function(){	
								var fx = $('fondPopup').effects();
								fx.start({width: width_body, height: height_body, opacity : 0, duration: 500});
							});
							actionsToDo.chain( function(){		
								$('fondPopup').setStyle('cursor','auto');							
								calculBody();	
								resize("fondPopup",width_body,height_body);
							});
							runChain(actionsToDo);
						});
						*/
	
						var myTransition = new Fx.Transition(Fx.Transitions.Sine);
						 var scroll = new Fx.Scroll(window, 
						{duration: 500,transition: myTransition.easeOut});						
						scroll.toElement('liens');
					});
					actionsToDo.chain( function(){
						//$(popup_content).setStyle('top',window.getScrollTop() + window.getHeight()/2 - 19 );
						$(popup_content).setStyle('top', $("popup_newsletter").getPosition().y + 32 );
					});
				}
	
				
				actionsToDo.chain( function(){
					var lang = $E('html').getProperty('lang');
					var url = 'inc/content/ajax/popup/'+el.id+'.php?lang='+lang+'&popupID='+el.id+'&js';
			
					var loadPopup = new Ajax(url, {
						method: 'get',
						evalScripts:true,onComplete:showBubblePopup,encoding:'iso-8859-15',
						update: $(popup_content)
					}).request();				
					
				});	
				if(el.id != "popup_newsletter"){				
					actionsToDo.chain( function(){
						(function(){
							var position_fin_hauteur_popup = $("fin_hauteur_popup").getTop() - 10 - 89 - 22;  
							$E('.bloc_bloc_bloc','popup').setStyle('height',''+position_fin_hauteur_popup +'px');
							$('popup').getFirst().setStyle('display','block');
						}).delay(500);
					});	
				}
				actionsToDo.chain( function(){						
					calculBody();	
					resize("fondPopup",width_body,height_body);
					//if(window.ie6 ==  true) doFix();
				});
				runChain(actionsToDo);
			
			e.stop();
		});
	});
	
}
function closePopup(){
	var elms = $ES('.closePopup','popup_center');
	elms.each(function(el){
		el.addEvent('click', function(e) {
			e = new Event(e);
				callClosingPopup();
			e.stop();
		});
	});
}
function callClosingPopup(){
			calculBody();	
				var actionsToDo = new Chain();
					actionsToDo.chain( function(){
						$('popup').getFirst().setStyle('display','none');
                       if($('popup_content2').getFirst()) $('popup_content2').getFirst().setStyle('display','none');
						$('popup_content').empty();
					});
					actionsToDo.chain( function(){
						var fx2 = $('popup').effects({duration: 600,transition: Fx.Transitions.Quart.easeOut});
						fx2.start({'width':0,'height':0,opacity:0, duration: 100});
					});
					actionsToDo.chain( function(){	
							var fx = $('fondPopup').effects();
							fx.start({width: width_body, height: height_body, opacity : 0, duration: 500});
					});
					actionsToDo.chain( function(){				
						calculBody();	
						resize("fondPopup",width_body,height_body);
						$('fondPopup').setStyle('display','none');
					});
				runChain(actionsToDo);	
}

 if (!Array.prototype.forEach)
{
  Array.prototype.forEach = function(fun /*, thisp*/)
  {
    var len = this.length;
    if (typeof fun != "function")
      throw new TypeError();

    var thisp = arguments[1];
    for (var i = 0; i < len; i++)
    {
      if (i in this)
        fun.call(thisp, this[i], i, this);
    }
  };
}


var W3CDOM = (document.createElement && document.getElementsByTagName);
function initFileUploads() 
{
	if (!W3CDOM) return;
	var fakeFileUpload = document.createElement('div');
	fakeFileUpload.className = 'fakefile';
	
	var image = '<input /><div class="button"><span class="bulle"><span class="relative"><span class="gauche"></span><span class="bg"><span class="sans_queue"><span>upload</span></span></span><span class="droite"></span></span></span>';
	fakeFileUpload.innerHTML = image ;
	var x = document.getElementsByTagName('input');
	for (var i=0;i<x.length;i++) {
		if (x[i].type != 'file') continue;
		if (x[i].parentNode.className != 'fileinputs') continue;
		x[i].className = 'file hidden';
		var clone = fakeFileUpload.cloneNode(true);
		x[i].parentNode.appendChild(clone);
		x[i].relatedElement = clone.getElementsByTagName('input')[0];
		x[i].onchange = x[i].onmouseout = function () {
			this.relatedElement.value = this.value;
		}
	}
}

function selectReplacement(obj) 
{
	obj.className += ' replaced';
	var ul = document.createElement('ul');
	ul.className = 'selectReplacement';
	var opts = obj.options;
	for (var i=0; i<opts.length; i++) 
	{
		var selectedOpt;
		if (opts[i].selected) 
		{
			selectedOpt = i;
			break;
		} 
		else 
		{
			selectedOpt = 0;
		}
	}
    for (var i=0; i<opts.length; i++) 
	{
        var li = document.createElement('li');
        var txt = document.createTextNode(opts[i].text);
        li.appendChild(txt);
        li.selIndex = opts[i].index;
        li.selectID = obj.id;
        li.onclick = function() {
          selectMe(this);
        }
        if (i == selectedOpt) {
          li.className = 'selected';
          li.onclick = function() {
           // this.parentNode.className += ' selectOpen';
            this.onclick = function() {	
              selectMe(this);
            }
			$ES(".selectReplacement",$("popup")).each(function(elm){
				elm.removeClass("selectOpen");
			});	
          }
        }
        if (window.attachEvent) {
          li.onmouseover = function() {
            this.className += ' hover';
          }
          li.onmouseout = function() {
            this.className = 
              this.className.replace(new RegExp(" hover\\b"), '');
          }
        }
        ul.appendChild(li);
      }
      obj.parentNode.insertBefore(ul,obj);
}
	

    function selectMe(obj) {
		 $ES(".selectReplacement",$("popup")).each(function(elm){
			elm.removeClass("selectOpen");
		});	
      var lis = obj.parentNode.getElementsByTagName('li');
      for (var i=0; i<lis.length; i++) {
        if (lis[i] != obj) {
          lis[i].className='';
          lis[i].onclick = function() {
            selectMe(this);
          }
        } else {
          setVal(obj.selectID, obj.selIndex);
          obj.className='selected';
          obj.parentNode.className = 
            obj.parentNode.className.replace(new RegExp(" selectOpen\\b"), '');
          obj.onclick = function() {
		  	$ES(".selectReplacement",$("popup")).each(function(elm){
				elm.removeClass("selectOpen");
			});	
            obj.parentNode.className += ' selectOpen';
            this.onclick = function() {
              selectMe(this);
            }
          }
        }
      }
	  	 $ES(".selectReplacement",$("popup")).each(function(elm){
			elm.removeClass("selectOpen");
		});	
    }
    function setVal(objID, selIndex) {
      var obj = document.getElementById(objID);
      obj.selectedIndex = selIndex;
    }
    function setForm() {
      var s = document.getElementsByTagName('select');
      for (var i=0; i<s.length; i++) {
        selectReplacement(s[i]);
      }
    }



function showBubble(){
	if($('mybubble'))  $('mybubble').remove();
	var value;
	var Tips2 = new Tips($$('.Tips1'), {
	initialize:function(){
	 this.toolTip.setProperty('id','mybubble');
	 this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 100, wait: false}).set(0);
	 },
	 onShow: function(toolTip) {
		value = this.title.getText();
		this.toolTip.setHTML('<span class="bulle"><span class="relative"><span class="gauche"></span><span class="bg"><span class="queue">'+value+'</span></span><span class="droite"></span></span></span>');
		this.fx.start(1);
	 },
	onHide: function(toolTip) {
		this.fx.start(0);
	 }
	 ,fixed:false
	,offsets:{'x': -29, 'y': -29}
	});
}

function showBubblePopup(){
	if($('mybubble2'))  $('mybubble2').remove();
	var value;
	var Tips2 = new Tips($$('.Tips2'), {
	initialize:function(){
	 this.toolTip.setProperty('id','mybubble2');
	 this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 100, wait: false}).set(0);
	 },
	 onShow: function(toolTip) {
		value = this.title.getText();
		this.toolTip.setHTML('<span class="bulle"><span class="relative"><span class="gauche"></span><span class="bg"><span class="queue">'+value+'</span></span><span class="droite"></span></span></span>');
		this.fx.start(1);
	 },
	onHide: function(toolTip) {
		this.fx.start(0);
	 }
	 ,fixed:false
	,offsets:{'x': -29, 'y': -29}
	});
}



function addSlider(){

	$('offers_btn_top').addEvents({
		'click': function(e) {
			e = new Event(e).stop();
			var scrollY = $('offers_content').getSize().scroll.y;
			$('offers_content').scrollTo(scrollY, scrollY-10);
		},
		'mousedown': function(e) {
			var scrollY = $('offers_content').getSize().scroll.y;
			$('offers_content').scrollTo(scrollY, scrollY-10);
		},
		'mouseenter': function(e) {
			var scrollY = $('offers_content').getSize().scroll.y;
			$('offers_content').scrollTo(scrollY, scrollY-10);
		},
		'mouseover': function(e) {
			var scrollY = $('offers_content').getSize().scroll.y;
			$('offers_content').scrollTo(scrollY, scrollY-10);
		}
	});
	$('offers_btn_bottom').addEvents({
		'click': function(e) {
			e = new Event(e).stop();
			var scrollY = $('offers_content').getSize().scroll.y;
			$('offers_content').scrollTo(scrollY, scrollY+10);
		},
		'mousedown': function(e) {
			var scrollY = $('offers_content').getSize().scroll.y;
			$('offers_content').scrollTo(scrollY, scrollY+10);
		},
		'mouseenter': function(e) {
			var scrollY = $('offers_content').getSize().scroll.y;
			$('offers_content').scrollTo(scrollY, scrollY+10);
		},
		'mouseover': function(e) {
			var scrollY = $('offers_content').getSize().scroll.y;
			$('offers_content').scrollTo(scrollY, scrollY+10);
		}
	});
	
	Element.Events.extend({
		'wheelup': {
			type: Element.Events.mousewheel.type,
			map: function(event){
				event = new Event(event);
				if (event.wheel >= 0) this.fireEvent('wheelup', event)
			}
		},
		'wheeldown': {
			type: Element.Events.mousewheel.type,
			map: function(event){
				event = new Event(event);
				if (event.wheel <= 0) this.fireEvent('wheeldown', event)
			}
		}
	});
		
		// move over content method
		var scroll2 = new Scroller('offers_content', {area: 10, velocity: 1});
		$('offers_content').addEvent('mouseover', scroll2.start.bind(scroll2));
		$('offers_content').addEvent('mouseout', scroll2.stop.bind(scroll2));
		
		// wheel over content method
		$('offers_content').addEvents({
			'wheelup': function(e) {
				e = new Event(e).stop();
				var scrollY = $('offers_content').getSize().scroll.y;
				this.scrollTo(scrollY, scrollY-10);
			}, 
			'wheeldown': function(e) {
				e = new Event(e).stop();
				var scrollY = $('offers_content').getSize().scroll.y;
				 this.scrollTo(scrollY, scrollY+10);
			}
		});
}



function addSliderPress(hauteurCnt){

	var scrollBar = $('scrollBar');
	var btn = $('btnScroll');
	var hauteurCnt =  $('communiques').getFirst().getSize().scrollSize.y + 20;
	var scrollY = $('communiques').getSize().scroll.y;
	var lastScroll = scrollY;
	
	var position_fin_hauteur_popup = $("fin_hauteur_popup").getTop() - 10 - 89 - 22;  
	var hauteur_zone_communiques = position_fin_hauteur_popup  - ($("cols_communiques").getSize().size.y + 40);
	
	Element.Events.extend({
		'wheelup': {
			type: Element.Events.mousewheel.type,
			map: function(event){
				event = new Event(event);
				if (event.wheel >= 0) this.fireEvent('wheelup', event)
			}
		},
		'wheeldown': {
			type: Element.Events.mousewheel.type,
			map: function(event){
				event = new Event(event);
				if (event.wheel <= 0) this.fireEvent('wheeldown', event)
			}
		}
	});
	

		// wheel over content method
		$('communiques').addEvents({
			'wheelup': function(e) {
				e = new Event(e).stop();				
				var scrolledY = this.getSize().scroll.y;
				var scrollSize = this.getSize().scrollSize.y;
				var height =  this.getSize().size.y;
				this.scrollTo(0, scrolledY - 1);
				var scrollBtn = btn.getStyle('top').toInt();
				if(scrollBtn > 0){
					btn.setStyle('top',scrollBtn - e.wheel);
				}
			}, 
			'wheeldown': function(e) {
				e = new Event(e).stop();
				var scrolledY = this.getSize().scroll.y;
				var scrollSize = this.getSize().scrollSize.y;
				var height =  this.getSize().size.y;
				var scrollBtn = btn.getStyle('top').toInt();
				this.scrollTo(0, scrolledY + 1);
				if( scrollBtn < (height - 7)){
					btn.setStyle('top',scrollBtn - e.wheel);
				}
			}
		});
	
	
		new Slider($('communiques'), btn, {	
		steps:  hauteurCnt - ($("cols_communiques").getSize().size.y - 40) ,
		offset: 0,		
		mode: 'vertical',	
		onChange: function(step){
			$('communiques').scrollTo(0,step);
		}
		}).set(0);
			
			$$('a','communiques').addEvent("mousedown",function(e){
				 new Event(e).stopPropagation();
			});
			$$('a','communiques').addEvent("click",function(e){
				 new Event(e).stopPropagation();
			});
}



function dispatchActionsShowHideNews()
{
	elms = $ES('li a','liste_news');
	elms.each(function(elm){
		elm.setOpacity(0.5);
	});
	$E('li a','liste_news').setOpacity(1);
	elms.each(function(el){
		el.addEvent('click', function(e) {
			e = new Event(e);
			$$('#news .active').each(function(activeElm){
				activeElm.removeClass('active');
				activeElm.addClass('none');	
			});
			$$('#liste_news li a').each(function(elm){
				elm.setOpacity(0.5);
			});
			
			el.setOpacity(1);
			
			if($('btn_prec')){
				if(el.id.toInt() == 0){
					$('btn_prec').setStyle('cursor','text');
					$('btn_prec').removeClass('active');
					$('btn_prec').addClass('normal');
				}
				else{
					$('btn_prec').setStyle('cursor','pointer');
					$('btn_prec').removeClass('normal');
					$('btn_prec').addClass('active');
				}
			}
			
			if($('btn_suiv')){
				if(el.id.toInt() == nbNews-1){
					$('btn_suiv').setStyle('cursor','text');
					$('btn_suiv').removeClass('active');
					$('btn_suiv').addClass('normal');
				}
				else{
					$('btn_suiv').setStyle('cursor','pointer');
					$('btn_suiv').removeClass('normal');
					$('btn_suiv').addClass('active');
				}
			}
			newsActive = el.id.toInt();
			$('news_'+this.id+'').addClass('active');
			$('news_'+this.id+'').removeClass('none');
			e.stop();
		});
	});
	
	var lastNews;
	if($('btn_prec')){
		$('btn_prec').addEvent('click', function(e) {
		e = new Event(e);
			if(newsActive>=1){
				lastNews = newsActive;
				newsActive--;
				$('news_'+newsActive+'').addClass('active');
				$('news_'+newsActive+'').removeClass('none');
				$('news_'+lastNews+'').removeClass('active');
				$('news_'+lastNews+'').addClass('none');
				$(''+newsActive+'').setOpacity(1);
				$(''+lastNews+'').setOpacity(0.5);	
				$(''+newsActive+'').addClass('active');
				$(''+lastNews+'').removeClass('active');
				$('btn_suiv').setStyle('cursor','pointer');
				$('btn_suiv').removeClass('normal');
				$('btn_suiv').addClass('active');
			}
			if(lastNews == 1){
				$('btn_prec').setStyle('cursor','text');
				$('btn_prec').removeClass('active');
				$('btn_prec').addClass('normal');
			}
		e.stop();
		});
	}
	if($('btn_suiv')){
		$('btn_suiv').addEvent('click', function(e) {
		e = new Event(e);
			if(newsActive<nbNews-1){
				lastNews = newsActive;
				newsActive++;
				$('news_'+newsActive+'').addClass('active');
				$('news_'+newsActive+'').removeClass('none');
				$('news_'+lastNews+'').removeClass('active');
				$('news_'+lastNews+'').addClass('none');
				$(''+newsActive+'').setOpacity(1);
				$(''+lastNews+'').setOpacity(0.5);	
				$(''+newsActive+'').addClass('active');
				$(''+lastNews+'').removeClass('active');	
				$('btn_prec').setStyle('cursor','pointer');
				$('btn_prec').removeClass('normal');
				$('btn_prec').addClass('active');
			}
			if(lastNews+2 == nbNews){
				$('btn_suiv').setStyle('cursor','text');
				$('btn_suiv').removeClass('active');
				$('btn_suiv').addClass('normal');	
			}
		e.stop();
		});
	}
}

function newsPictDisplayer ()
{
	var elms = $ES('.diapo a','news');
	elms.each(function(el)
	{
		el.addEvent('click', function(e) 
		{
			e = new Event(e);
			e.stop();
			
			var big_pict = $E('.active .pict','news');
			big_pict.setStyle('display','block');
		});
	});
	
	var pict_elms = $ES('.pict button','news');
	pict_elms.each(function(img_el)
	{
		img_el.addEvent('click', function(e) 
		{
			e = new Event(e);
			e.stop();
			
			var big_pict = $E('.active .pict','news');
			big_pict.setStyle('display','none');
			
		});
	});
	
	
	
}


function showErrors(error1,error2,error3){
	//if($('error_all'))
	// testing if newsletter popup
	if($('error_all')) $('error_all').removeClass('none');
	if($('error_email')) $('error_email').removeClass('none');
	if($('error_email_already')) $('error_email_already').removeClass('none');
	if($('error_sep')) $('error_sep').addClass('none');
	
	if(error2 == true && error1 == true) {
		if($('error_all')) {
			$('error_sep').removeClass('none');
			$('error_email_already').addClass('none');
		}
		else{
			$('error_email_already').addClass('none');
		}
	}
	else if(error1 == true) {
		if($('error_email')) $('error_email').addClass('none');
		$('error_email_already').addClass('none');
	}
	else if(error2 == true) {
		if($('error_all')) $('error_all').addClass('none');
		if($('error_email_already')) $('error_email_already').addClass('none');
	}
	else if(error3 == true) {
		if($('error_all')) $('error_all').addClass('none');
		if($('error_email')) $('error_email').addClass('none');
	}
	
	if(error1 == true || error2 == true || error3 == true) displayErrors();
	
	function displayErrors(){
		$('popup_errors').setStyle('display','block');
		var position_fin_hauteur_popup = $("fin_hauteur_popup").getTop() - 10 - 89 - 22;  
		$('popup_errors').getFirst().setStyle('height',''+position_fin_hauteur_popup +'px');
		if($('error_all')) $('popup_errors').getFirst().setOpacity(0.9);
		if($('error_all')) $('popup_errors').getFirst().getNext().setOpacity(0.2);
		if($('c_newsletterSuscribe_locale')) {
		$('c_newsletterSuscribe_locale').setStyle('visibility','hidden');
		$('popup_errors').getFirst().setStyle('height','709px');
		}
	}
	
	if($('error_all')) $('popup_errors').getFirst().getNext().removeClass('background3');
	if($('error_all')) $('popup_errors').getFirst().getNext().addClass('background2');
	$('error').removeClass('none');
	if($('error_all')) $('success').addClass('none');
}



function showValid(){
	$('popup_errors').setStyle('display','block');
	if($('error_all')) $('popup_errors').getFirst().setOpacity(0.9);
	if($('error_all')) $('popup_errors').getFirst().getNext().setOpacity(0.2);
	if($('error_all')) $('popup_errors').getFirst().getNext().removeClass('background2');
	if($('error_all')) $('popup_errors').getFirst().getNext().addClass('background3');
	$('error').addClass('none');
	$('success').removeClass('none');
	if($('c_newsletterSuscribe_locale')) $('c_newsletterSuscribe_locale').setStyle('visibility','hidden');
	
	if($('closeError')){
		$('closeError').removeEvent('click');
			$('closeError').addEvent('click', function(e) {
				e = new Event(e);
					callClosingPopup();
				e.stop();
		});
	}
}



function checkForm()
{
	el = $('btn_submit');
	el.addEvent('click', function(e) 
	{
		e = new Event(e);
		//$('form').send({evalResponse:true,method: 'post',headers: {'Content-type': 'application/x-www-form-urlencoded; charset=utf-8'}});
		
		var formObject = document.getElementById('form'); 


		var handleSuccess = function(o)
		{ 
			if (o.responseText=="A")  showErrors(true,false,false);
			if (o.responseText=="B")  showErrors(false,true,false);
			if (o.responseText=="AB") showErrors(true,true,false);
			if (o.responseText=="D") showErrors(false,false,true);
			if (o.responseText=="C") showValid();
		}

		var mycallback = { 
		  upload: handleSuccess, 
		  argument: ['foo','bar'] 
		};


		//the second argument is true to indicate file upload. 
		// erreur lang callback 
		YAHOO.util.Connect.setForm(formObject, true); 
		var cObj = YAHOO.util.Connect.asyncRequest('POST', 'inc/content/ajax/popup/'+popup_name+'.submit.php', mycallback); 
	
    
	    function closeErrors(){
			$('popup_errors').setStyle('display','none');
			if($('c_newsletterSuscribe_locale')) $('c_newsletterSuscribe_locale').setStyle('visibility','visible');
		}
		if($('closeError')){
			$('closeError').addEvent('click', function(e) {
				e = new Event(e);
					closeErrors();
				e.stop();
			});
			//(function(){closeErrors(); }).delay(3000);
		}
		e.stop();
	});
}