/* Définition des variables */
var menu_actif = 0;
var default_menu =  0;
var wait = false;
var tab_menu = Array("edito","services","solutions","exemples","contacts");

/* Slide de la page */
function slide(lor){
	var menu_item
	tab_menu.each(function(item, index){
		if(index == menu_actif)
			if(lor == "left")
				menu_item = index-1;
			else
				menu_item = index+1;
	});
	if((menu_item < tab_menu.length) && (menu_item > -1))
		click_menu(menu_item);
}

/* Changement de menu avec les effets */
function click_menu(menu_item){
	new Fx.Style(tab_menu[menu_actif]+'_a', 'opacity').start(0);
	new Fx.Style(tab_menu[menu_item]+'_a', 'opacity').start(0.99).chain(function() {
						new Fx.Scroll('slide', {duration: 500, transition:Fx.Transitions.Sine.easeInOut}).scrollTo(menu_item*840, 0).chain(function() {
							if(!menu_item){
								new Fx.Style('a_left', 'opacity').start(0);
								new Fx.Style('a_right', 'opacity').start(0.99);
							}else if(menu_item == (tab_menu.length-1)){
								new Fx.Style('a_left', 'opacity').start(0.99)
								new Fx.Style('a_right', 'opacity').start(0);
							}else{
								new Fx.Style('a_left', 'opacity').start(0.99);
								new Fx.Style('a_right', 'opacity').start(0.99);					
							}
								
							tab_menu.each(function(item, index){
								$(item).addEvent('click', function(e){
									tab_menu.each(function(item){$(item).removeEvents();});
									click_menu(index);
								});
							});
							$('a_left').addEvent('click', function(){
								$('a_left').removeEvents();
								$('a_right').removeEvents();
								slide('left');
							});
							$('a_right').addEvent('click', function(){
								$('a_left').removeEvents();
								$('a_right').removeEvents();
								slide('right');
							});
						});
					});
					menu_actif = menu_item;
}

/* Annimation du menu */
function anim_menu(){
	tab_menu.each(function(item, index){
		$(item).effects({duration: 500}).start.delay(250 * index, $(item).effects({duration: 500}), {'opacity': 0.99});
	});
}

/* Masquage du loader */
var load_hide=0;
function hide_load(total){
	load_hide++;
	if((total-2) == load_hide){
		$('superhidder').setStyle('display', 'none');
		InitialApercu.delay(500);
		anim_menu();
	}
}
/* page exemples */

var miniatures_state = 'closed';

function OpenMiniBox() {
	if (miniatures_state != 'opened') {
		miniatures_box.start({'height': '280'});
		apercu_box.start({'opacity': '0.2'});
		miniatures_state = 'opened';
		}
	}

function CloseMiniBox() {
	if (miniatures_state != closed) {
		miniatures_box.start({'height': '150'});
		apercu_box.start({'opacity': '1'});
		miniatures_state = 'closed';
		}
	}

function LoadApercu(name) {
	$('IMG').innerHTML = '<div style="color: #484848; padding-top: 120px;">chargement…</div>';
	$('PG').innerHTML = 'chargement…';
	$('PROB').innerHTML = 'chargement…';
	$('NS').innerHTML = 'chargement…';
	$('URL').innerHTML = 'chargement…';
	new Ajax('ajax.php', {method: 'get', update: 'IMG', onComplete: CloseMiniBox}).request({'name': name, 'row': '4' });
	new Ajax('ajax.php', {method: 'get', update: 'PG'}).request({'name': name, 'row': '0' });
	new Ajax('ajax.php', {method: 'get', update: 'PROB'}).request({'name': name, 'row': '1' });
	new Ajax('ajax.php', {method: 'get', update: 'NS'}).request({'name': name, 'row': '2' });
	new Ajax('ajax.php', {method: 'get', update: 'URL'}).request({'name': name, 'row': '3' });
/*	CloseMiniBox.delay(250);	*/
	}

function InitialApercu() {
	LoadApercu('ortal');
	}

window.addEvent('domready', function() {
	/* Bug flèche gauche */
	$('a_left').setStyle('opacity', '0');

	/* PAGE EXEMPLES */
	miniatures_box = new Fx.Morph('box_miniatures', { 'link': 'chain' });
	apercu_box = new Fx.Morph('slider_infos', { 'link': 'chain' });
	$$('.miniature').each(function(item) {
		item.addEvent('mouseover', OpenMiniBox);
		});	
	/* PAGE EXEMPLES */

				
	/* Attribution des liens aux menus */
	tab_menu.each(function(item, index){
		$(item).addEvent('click', function(e){
			tab_menu.each(function(item){$(item).removeEvents();});
			click_menu(index);
		});
	});
				
	/* Attribution des liens aux fleches */
	$('a_left').addEvent('click', function(){
		$('a_left').removeEvents();
		$('a_right').removeEvents();
		slide('left');
	});
	$('a_right').addEvent('click', function(){
		$('a_left').removeEvents();
		$('a_right').removeEvents();
		slide('right')
	});
	
	/* Rend transparant le menu */
	new Fx.Style('a_left', 'opacity').start(0);
	tab_menu.each(function(item, index){
		$(item).setStyle('display', 'block');
		new Fx.Style(item, 'opacity').set(0);
	});
	
	/* Slide de la page */
	new Fx.Scroll('slide', {duration: 0}).scrollTo(0, 0);
				
	/* Gestion du menu actif */
	tab_menu.each(function(item, index){
		$(item+'_a').setStyle('display', 'block');
		new Fx.Style(item+'_a', 'opacity').set(0);
	});
	new Fx.Style(tab_menu[default_menu]+'_a', 'opacity').set(1);
				
	/* Page solutions.php -> animation photo */
	new Fx.Style('pic_2', 'opacity').set(0);
	var fx2 = $('pic_2').effects({duration: 1000, transition: Fx.Transitions.Quart.easeOut}); 
				
	function anim_pic(){
		fx2.start({'opacity': 0.99}).chain(function() {
			$('pic_1').style.backgroundImage="url('css/_1.jpg')";
			fx2.start({'opacity': 0});
		}).chain(function() {
			$('pic_2').style.backgroundImage="url('css/_2.jpg')";
			fx2.start.delay(3000, fx2, {'opacity': 0.99});
		}).chain(function() {
			$('pic_1').style.backgroundImage="url('css/_3.jpg')";
			fx2.start.delay(3000, fx2, {'opacity': 0});
		}).chain(function() {
			$('pic_2').style.backgroundImage="url('css/_4.jpg')";
			fx2.start.delay(3000, fx2, {'opacity': 0.99});
		}).chain(function() {
			$('pic_1').style.backgroundImage="url('css/_1.jpg')";
			fx2.start.delay(3000, fx2, {'opacity': 0.99});
		});
	}
	anim_pic()
	anim_pic.periodical(16000);
});