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

	function automatic(number) {
		
		number_inf = number -1;
	
		if(!$('solutions-lien-'+number).hasClass('hover')) {
			
			$$('#solutions .menu a').each( function(element) {
				if(element.hasClass('hover')) { element.removeClass('hover'); }
			});
			
			$('solutions-lien-'+number).addClass('hover');
			
			$$('.block-contenu').each( function(element, index) {
				if(element.hasClass('hover')) {
					myEffect_block[index].start({'opacity': [1, 0]}).chain(
						function() {
							element.removeClass('hover');
							element.setStyle('display', 'none');
							$('solutions-block-'+number).setStyle('display', 'block');
							myEffect_block[number_inf].start({'opacity': [0, 1]}).chain(
								function () {
									$('solutions-block-'+number).addClass('hover');
								}
							);
						}
					);
				}
			});
		}
	
	}


	var myEffect_block = new Array();
	myEffect_block[0] = new Fx.Morph('solutions-block-1', {duration: 300, link: 'cancel', transition: Fx.Transitions.Quad.easeOut});
	myEffect_block[1] = new Fx.Morph('solutions-block-2', {duration: 300, link: 'cancel', transition: Fx.Transitions.Quad.easeOut});
	myEffect_block[2] = new Fx.Morph('solutions-block-3', {duration: 300, link: 'cancel', transition: Fx.Transitions.Quad.easeOut});
	myEffect_block[3] = new Fx.Morph('solutions-block-4', {duration: 300, link: 'cancel', transition: Fx.Transitions.Quad.easeOut});
	myEffect_block[4] = new Fx.Morph('solutions-block-5', {duration: 300, link: 'cancel', transition: Fx.Transitions.Quad.easeOut});
	
	$('solutions-lien-1').addEvent('click', function(event){
		event = new Event(event).stop();
		automatic(1);
	});
	$('solutions-lien-2').addEvent('click', function(event){
		event = new Event(event).stop();
		automatic(2);
	});
	$('solutions-lien-3').addEvent('click', function(event){
		event = new Event(event).stop();
		automatic(3);
	});
	$('solutions-lien-4').addEvent('click', function(event){
		event = new Event(event).stop();
		automatic(4);
	});
	$('solutions-lien-5').addEvent('click', function(event){
		event = new Event(event).stop();
		automatic(5);
	});

	
	function automatic_pack(number) {
		
		number_inf = number -1;
	
		if(!$('solutions-pack-'+number).hasClass('hover')) {
			
			$$('#packages a').each( function(element) {
				if(element.hasClass('hover')) { element.removeClass('hover'); }
			});
			
			$('solutions-pack-'+number).addClass('hover');
			
			$$('.block-contenu-pack').each( function(element, index) {
				if(element.hasClass('hover')) {
					myEffect_block_pack[index].start({'opacity': [1, 0]}).chain(
						function() {
							element.removeClass('hover');
							element.setStyle('display', 'none');
							$('solutions-pack-block-'+number).setStyle('display', 'block');
							myEffect_block_pack[number_inf].start({'opacity': [0, 1]}).chain(
								function () {
									$('solutions-pack-block-'+number).addClass('hover');
								}
							);
						}
					);
				}
			});
		}
	
	}
	
	var myEffect_block_pack = new Array();
	myEffect_block_pack[0] = new Fx.Morph('solutions-pack-block-1', {duration: 300, link: 'cancel', transition: Fx.Transitions.Quad.easeOut});
	myEffect_block_pack[1] = new Fx.Morph('solutions-pack-block-2', {duration: 300, link: 'cancel', transition: Fx.Transitions.Quad.easeOut});
	myEffect_block_pack[2] = new Fx.Morph('solutions-pack-block-3', {duration: 300, link: 'cancel', transition: Fx.Transitions.Quad.easeOut});
	myEffect_block_pack[3] = new Fx.Morph('solutions-pack-block-4', {duration: 300, link: 'cancel', transition: Fx.Transitions.Quad.easeOut});
	
	$('solutions-pack-2').addEvent('click', function(event){
		event = new Event(event).stop();
		automatic_pack(2);
	});
	$('solutions-pack-3').addEvent('click', function(event){
		event = new Event(event).stop();
		automatic_pack(3);
	});
	$('solutions-pack-4').addEvent('click', function(event){
		event = new Event(event).stop();
		automatic_pack(4);
	});

	
	function automatic_service(number) {
		
		number_inf = number -1;
	
		if(!$('solutions-service-'+number).hasClass('hover')) {
			
			$$('#service a').each( function(element) {
				if(element.hasClass('hover')) { element.removeClass('hover'); }
			});
			
			$('solutions-service-'+number).addClass('hover');
			
			$$('.block-contenu-service').each( function(element, index) {
				if(element.hasClass('hover')) {
					myEffect_block_service[index].start({'opacity': [1, 0]}).chain(
						function() {
							element.removeClass('hover');
							element.setStyle('display', 'none');
							$('solutions-service-block-'+number).setStyle('display', 'block');
							myEffect_block_service[number_inf].start({'opacity': [0, 1]}).chain(
								function () {
									$('solutions-service-block-'+number).addClass('hover');
								}
							);
						}
					);
				}
			});
		}
	
	}
	
	var myEffect_block_service = new Array();
	myEffect_block_service[0] = new Fx.Morph('solutions-service-block-1', {duration: 300, link: 'cancel', transition: Fx.Transitions.Quad.easeOut});
	myEffect_block_service[1] = new Fx.Morph('solutions-service-block-2', {duration: 300, link: 'cancel', transition: Fx.Transitions.Quad.easeOut});
	myEffect_block_service[2] = new Fx.Morph('solutions-service-block-3', {duration: 300, link: 'cancel', transition: Fx.Transitions.Quad.easeOut});
	
	$('solutions-service-1').addEvent('click', function(event){
		event = new Event(event).stop();
		automatic_service(1);
	});
	$('solutions-service-2').addEvent('click', function(event){
		event = new Event(event).stop();
		automatic_service(2);
	});
	$('solutions-service-3').addEvent('click', function(event){
		event = new Event(event).stop();
		automatic_service(3);
	});

	
	//OPTIONS SLIDER
	var el = $('solutions-options-scrollbar');
	var largeurimage = 220;
	
	// Create the new slider instance
	var slideur = new Slider(el, el.getElement('.scrollbar'), {
		steps: 1320,
		onChange: function(value){

			//$('solutions-options-scrollbar-selection').setStyle('margin-left', value / ( 1320 / 750) );
			$$('#solutions #solutions-options-icons-wrap table').setStyle('margin-left', -value);
		}
	}).set(0);
	
	
	$('solutions-options-scrollbar-gauche').addEvent('click', function(event){
		event = new Event(event).stop();
		
		margin = - $('solutions-options-icons-table').getStyle('margin-left').toInt();
		
		if(margin - largeurimage < 0) slideur.set(0);
		else slideur.set(margin - largeurimage);
		
	});
	$('solutions-options-scrollbar-droite').addEvent('click', function(event){
		event = new Event(event).stop();
		
		margin = - $('solutions-options-icons-table').getStyle('margin-left').toInt();
		
		if(margin + largeurimage > 1320) slideur.set(1320);
		else slideur.set(margin + largeurimage);
	});
});