// JavaScript Document

JSFX.Rollover("logo", "images/logo_h.jpg");
JSFX.Rollover("mainMenuItem1", "images/menu_1_h.jpg");
JSFX.Rollover("mainMenuItem2", "images/menu_2_h.jpg");
JSFX.Rollover("mainMenuItem3", "images/menu_3_h.jpg");
JSFX.Rollover("mainMenuItem4", "images/menu_4_h.jpg");



function closeBox () {
	document.getElementById('box').style.display='none';
	document.getElementById('content').style.display='none';
	document.getElementById('image').style.display='none';	
	document.getElementById('filter').style.display='none';
}

function showBox () {
	document.getElementById('box').style.display='block';
	document.getElementById('content').style.display='block';
	document.getElementById('image').style.display='block';
    document.getElementById('filter').style.display='block';
}
function showData () {
	document.getElementById('mainContent').style.visibility='visible';
}

function changeImage(image) {
	
	var d=document.getElementById('image');
	
	showBox();
		
	var img = new Image();
	d.style.backgroundImage = 'url(images/anim_wait_100b.gif)';
	img.onload = function() {  d.style.backgroundImage = 'url(' + img.src + ')'; };
	img.src = image;	
}
						


window.addEvent('domready', function() {
	// HERE IS WHAT YOU READ IN JS CODE
	// init des main slides page 1 a 5
	var page0 = new Fx.Slide('slidePage0', {mode: 'horizontal'});
	if (cp!=0) { page0.hide(); } else { page0.slideIn(); }
	var page1 = new Fx.Slide('slidePage1', {mode: 'horizontal'});
	if (cp!=1) { page1.hide(); } else { page1.slideIn(); }
	var page2 = new Fx.Slide('slidePage2', {mode: 'horizontal'});
	if (cp!=2) { page2.hide(); } else { page2.slideIn(); }
	var page3 = new Fx.Slide('slidePage3', {mode: 'horizontal'});
	if (cp!=3) { page3.hide(); } else { page3.slideIn(); }
	var page4 = new Fx.Slide('slidePage4', {mode: 'horizontal'});
	if (cp!=4) { page4.hide(); } else { page4.slideIn(); }	

	// init des slides de la page service	
	
	var site_slide = new Array();
	for (i=1;i<=12;i++) {
		site_slide[i] = new Fx.Slide('site_slide_'+i, {mode: 'horizontal'});	
		site_slide[i].hide();
	}
	var formation_slide = new Array();
	for (i=1;i<=5;i++) {
		formation_slide[i] = new Fx.Slide('formation_slide_'+i, {mode: 'horizontal'});	
		formation_slide[i].hide();
	}
	var creation_slide = new Array();
	for (i=1;i<=7;i++) {
		creation_slide[i] = new Fx.Slide('creation_slide_'+i, {mode: 'horizontal'});	
		creation_slide[i].hide();
	}
	var photo_slide = new Array();
	for (i=1;i<=5;i++) {
		photo_slide[i] = new Fx.Slide('photo_slide_'+i, {mode: 'horizontal'});	
		photo_slide[i].hide();
	}

	// ------------- custom functions --------------------------------------
	
	function hide_all () {
		for (i=1;i<site_slide.length;i++) {site_slide[i].slideOut(); site_slide[i].hide();}
		for (i=1;i<formation_slide.length;i++) {formation_slide[i].slideOut();formation_slide[i].hide();}
		for (i=1;i<creation_slide.length;i++) {creation_slide[i].slideOut();creation_slide[i].hide();}
		for (i=1;i<photo_slide.length;i++) {photo_slide[i].slideOut();photo_slide[i].hide();}

	}


	// ---------------- accordion -------------------------------------------
	var accordion = new Accordion('h1.atStart', 'div.atStart', {
		opacity: false,
		onActive: function(toggler, element){
			toggler.setStyle('font-size', '120%');
			toggler.setStyle('color', '#d96723');
			toggler.setStyle('background-image', 'url(images/icon_arrow_d_h.png)');
		},	 
		onBackground: function(toggler, element){
			toggler.setStyle('font-size', '100%');
			toggler.setStyle('color', '#737f87');	
			toggler.setStyle('background-image', 'url(images/icon_arrow_l_n.png)');			
			hide_all();		
		}
	}, $('accordion'));

	// --------------------- slides toogle ------------------

	// button event for big pages
	$('togglePage0').addEvent('click', function(e){	
		e = new Event(e);
		page0.slideIn();
		page1.slideOut();
		page2.slideOut();
		page3.slideOut();
		page4.slideOut();
		hide_all();
		e.stop();
	});
	$('togglePage1').addEvent('click', function(e){	
		e = new Event(e);
		page0.slideOut();page1.slideIn();page2.slideOut();page3.slideOut();page4.slideOut();
		hide_all();
		e.stop();
	});
	$('togglePage2').addEvent('click', function(e){	
		e = new Event(e);
		page0.slideOut();page1.slideOut();page2.slideIn();page3.slideOut();page4.slideOut();
		hide_all();
		e.stop();
	});
	$('togglePage3').addEvent('click', function(e){	
		e = new Event(e);
		page0.slideOut();page1.slideOut();page2.slideOut();page3.slideIn();	page4.slideOut();
		hide_all();
		e.stop();

	});
	$('togglePage4').addEvent('click', function(e){	
	
		e = new Event(e);
		page0.slideOut();page1.slideOut();page2.slideOut();page3.slideOut();page4.slideIn();	
		hide_all();
		e.stop();
	});
	
	
	// button event for site internet accordion content

	var mySlideOut = function (slides, x) {
		for (j=1;j<slides.length;j++) {if (j!=x) {slides[j].slideOut();}};
		slides[x].slideIn();		
	}
	

	$('site_toggle1').addEvent('click',function(e){e = new Event(e); mySlideOut(site_slide,1);e.stop();});
	$('site_toggle2').addEvent('click',function(e){e = new Event(e); mySlideOut(site_slide,2);e.stop();});
	$('site_toggle3').addEvent('click',function(e){e = new Event(e); mySlideOut(site_slide,3);e.stop();});
	$('site_toggle4').addEvent('click',function(e){e = new Event(e); mySlideOut(site_slide,4);e.stop();});
	$('site_toggle5').addEvent('click',function(e){e = new Event(e); mySlideOut(site_slide,5);e.stop();});
	$('site_toggle6').addEvent('click',function(e){e = new Event(e); mySlideOut(site_slide,6);e.stop();});
	$('site_toggle7').addEvent('click',function(e){e = new Event(e); mySlideOut(site_slide,7);e.stop();});
	$('site_toggle8').addEvent('click',function(e){e = new Event(e); mySlideOut(site_slide,8);e.stop();});
	$('site_toggle9').addEvent('click',function(e){e = new Event(e); mySlideOut(site_slide,9);e.stop();});
	$('site_toggle10').addEvent('click',function(e){e = new Event(e); mySlideOut(site_slide,10);e.stop();});
	$('site_toggle11').addEvent('click',function(e){e = new Event(e); mySlideOut(site_slide,11);e.stop();});
	$('site_toggle12').addEvent('click',function(e){e = new Event(e); mySlideOut(site_slide,12);e.stop();});

	$('formation_toggle1').addEvent('click',function(e){e = new Event(e); mySlideOut(formation_slide,1);e.stop();});
	$('formation_toggle2').addEvent('click',function(e){e = new Event(e); mySlideOut(formation_slide,2);e.stop();});
	$('formation_toggle3').addEvent('click',function(e){e = new Event(e); mySlideOut(formation_slide,3);e.stop();});
	$('formation_toggle4').addEvent('click',function(e){e = new Event(e); mySlideOut(formation_slide,4);e.stop();});
	$('formation_toggle5').addEvent('click',function(e){e = new Event(e); mySlideOut(formation_slide,5);e.stop();});

	$('creation_toggle1').addEvent('click',function(e){e = new Event(e); mySlideOut(creation_slide,1);e.stop();});
	$('creation_toggle2').addEvent('click',function(e){e = new Event(e); mySlideOut(creation_slide,2);e.stop();});
	$('creation_toggle3').addEvent('click',function(e){e = new Event(e); mySlideOut(creation_slide,3);e.stop();});
	$('creation_toggle4').addEvent('click',function(e){e = new Event(e); mySlideOut(creation_slide,4);e.stop();});
	$('creation_toggle5').addEvent('click',function(e){e = new Event(e); mySlideOut(creation_slide,5);e.stop();});
	$('creation_toggle6').addEvent('click',function(e){e = new Event(e); mySlideOut(creation_slide,6);e.stop();});
	$('creation_toggle7').addEvent('click',function(e){e = new Event(e); mySlideOut(creation_slide,7);e.stop();});

	$('photo_toggle1').addEvent('click',function(e){e = new Event(e); mySlideOut(photo_slide,1);e.stop();});
	$('photo_toggle2').addEvent('click',function(e){e = new Event(e); mySlideOut(photo_slide,2);e.stop();});
	$('photo_toggle3').addEvent('click',function(e){e = new Event(e); mySlideOut(photo_slide,3);e.stop();});
	$('photo_toggle4').addEvent('click',function(e){e = new Event(e); mySlideOut(photo_slide,4);e.stop();});
	$('photo_toggle5').addEvent('click',function(e){e = new Event(e); mySlideOut(photo_slide,5);e.stop();});


	var scroller = new Fx.Scroll('scrollwrapper', {
		wait: false,
		duration: 500,
		offset: {'x': 0, 'y': 0},
		transition: Fx.Transitions.Expo.easeInOut
	});
 
//	$('linkReaSite').addEvent('click', function(event) {event = new Event(event).stop();scroller.toElement('contentReaSite');});
	$('linkReaSite1').addEvent('click', function(event) {event = new Event(event).stop();scroller.toElement('contentReaSite1');});
	$('linkReaSite2').addEvent('click', function(event) {event = new Event(event).stop();scroller.toElement('contentReaSite2');});
	$('linkReaSite3').addEvent('click', function(event) {event = new Event(event).stop();scroller.toElement('contentReaSite3');});
	$('linkReaSite4').addEvent('click', function(event) {event = new Event(event).stop();scroller.toElement('contentReaSite4');});
	$('linkReaSite5').addEvent('click', function(event) {event = new Event(event).stop();scroller.toElement('contentReaSite5');});
	$('linkReaSite6').addEvent('click', function(event) {event = new Event(event).stop();scroller.toElement('contentReaSite6');});
	$('linkReaSite7').addEvent('click', function(event) {event = new Event(event).stop();scroller.toElement('contentReaSite7');});
	$('linkReaSite8').addEvent('click', function(event) {event = new Event(event).stop();scroller.toElement('contentReaSite8');});
	$('linkReaSite9').addEvent('click', function(event) {event = new Event(event).stop();scroller.toElement('contentReaSite9');});

	$('linkReaSite1b').addEvent('click', function(event) {event = new Event(event).stop();scroller.toElement('contentReaSite1');});
	$('linkReaSite2b').addEvent('click', function(event) {event = new Event(event).stop();scroller.toElement('contentReaSite2');});
	$('linkReaSite3b').addEvent('click', function(event) {event = new Event(event).stop();scroller.toElement('contentReaSite3');});
	$('linkReaSite5b').addEvent('click', function(event) {event = new Event(event).stop();scroller.toElement('contentReaSite5');});


//	$('linkReaCrea').addEvent('click', function(event) {event = new Event(event).stop();scroller.toElement('contentReaCrea');});
	$('linkReaCrea1').addEvent('click', function(event) {event = new Event(event).stop();scroller.toElement('contentReaCrea1');});
	$('linkReaCrea2').addEvent('click', function(event) {event = new Event(event).stop();scroller.toElement('contentReaCrea2');});
	$('linkReaCrea3').addEvent('click', function(event) {event = new Event(event).stop();scroller.toElement('contentReaCrea3');});
	$('linkReaCrea4').addEvent('click', function(event) {event = new Event(event).stop();scroller.toElement('contentReaCrea4');});
	$('linkReaCrea5').addEvent('click', function(event) {event = new Event(event).stop();scroller.toElement('contentReaCrea5');});
	$('linkReaCrea6').addEvent('click', function(event) {event = new Event(event).stop();scroller.toElement('contentReaCrea6');});
	$('linkReaCrea7').addEvent('click', function(event) {event = new Event(event).stop();scroller.toElement('contentReaCrea7');});

//	$('linkReaPhoto').addEvent('click', function(event) {event = new Event(event).stop();scroller.toElement('contentReaPhoto');});
//	$('linkReaPhoto1').addEvent('click', function(event) {event = new Event(event).stop();scroller.toElement('contentReaPhoto1');});
//	$('linkReaPhoto2').addEvent('click', function(event) {event = new Event(event).stop();scroller.toElement('contentReaPhoto2');});
//	$('linkReaPhoto3').addEvent('click', function(event) {event = new Event(event).stop();scroller.toElement('contentReaPhoto3');});
//	$('linkReaPhoto4').addEvent('click', function(event) {event = new Event(event).stop();scroller.toElement('contentReaPhoto4');});
//	$('linkReaPhoto5').addEvent('click', function(event) {event = new Event(event).stop();scroller.toElement('contentReaPhoto5');});

});