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

	//new TextDropShadow($$('.rub-selected'), {color:'#EBE4CA', opacity: 0.5, top:2, left:2}).start;
	
	//create our Accordion instance
	var myAccordion = new Accordion($('accordion'), 'li.toggler', 'ul.element', {
		opacity: 1,
		onActive: function(toggler, element){
						
			myChain = new Chain();
			$each(toggler.getElements('li'), function(e){
				myChain.chain( function(){
					var myFx = new Fx.Elements(e).start({
						'0': {
							'padding-left': [0, 20]
						}
					});
				});
			});
			
			runChain = function() {
				myChain.callChain();
				if (myChain.chains.length == 0) { 
					runChain = $clear(timer); 
				}
			}
			var timer = runChain.periodical(10);
		},
		onBackground: function(toggler, element){

		},
		show:getNumRubSelected()
	});
	
	//create opacity on background
	$$('.back-bloc-content').setStyles({'opacity':0.8});
	$$('.back-bloc-infos').setStyles({'opacity':0.8});	
	$$('.loader-main-pict').setStyles({'opacity':0});	
	
	//create galery
	if ($$('.vignette-galery').length > 0)
	{
		diaporama = new Chain();
		// init value of chain of diaporama
		$each($$('.vignette-galery').getElements('img'), function(e, index){
			
			e.addEvent('click', function(){
				$clear(timer);
				changeImage(e);
				timer = runDiaporama.periodical(10000);
			});
			
			if(index != 0){
				diaporama.chain( function(){
					changeImage(e);
				});
			}
		});
		
		// init first image
		var firstImage = $('vignette0');
		changeImage(firstImage);
		
		// run diaporama
		runDiaporama = function() {
			diaporama.callChain();
			if (diaporama.chains.length == 0) { 
				$each($$('.vignette-galery').getElements('img'), function(e, index){
					diaporama.chain( function(){
						changeImage(e);
					});
				});
			};
		}
		timer = runDiaporama.periodical(5000);
	}
	
	//formulaire
	//set opacity error = 0
	if( $('error') )
		$('error').setStyles({'opacity':0});
		
	if( $('formulaire-response') )
		$('formulaire-response').setStyles({'opacity':0});
	
	// addevent contact form submit
	if( $('contact') ){
		$('contact').addEvent('submit', function(e) {
			new Event(e).stop();
			
			var isEmpty = testInput();				
			
			if(isEmpty == false)
				showError();
			else{
				var form = this;
				$('formulaire').effects({
					duration:500,
					onComplete: function(){
						$('formulaire-response').setStyles({'display':'block'});	
						$('formulaire-response').effects({duration:500}).start({'opacity':1});
						
						form.send({
							update:$('formulaire-response'),
							onComplete: function () {  	
								$('formulaire').effects({duration:500}).start({'height':5});
							}
						});

					}
				}).start({'height':148});				
			}			
		});	
	}
	
	if( $('recherche') ){
		$('recherche').addEvent('submit', function(e) {
			new Event(e).stop();
			
			var form = this;
			$('formulaire').effects({
				duration:500,
				onComplete: function(){
					$('formulaire-response').setStyles({'display':'block'});	
					$('formulaire-response').effects({duration:500}).start({'opacity':1});
					
					form.send({
						update:$('formulaire-response')
					});

				}
			}).start({'height':0});				
		});	
	}	
});

function getImgSrcFormat(src, format)
{
	re = new RegExp("^(.*\/[0-9]*-)[0-9]*(-.*)$"); 
	src = new String(src);
	
	var newSrc = src.replace(re, '$1'+format+'$2');
	
	return newSrc;
}

function changeImage(e)
{
	$$('.loader-main-pict').setStyles({'display':'block'});
	$('loader-main-pict').effects({
		duration:500,
		onComplete: function(){
			var src = e.getProperty('src');
			var newSrc = getImgSrcFormat(src, 3);

			var myImage = new Asset.image(newSrc, {
				onload: function(){
					$('zoom-picture').setProperties({'src':newSrc});
					$('loader-main-pict').effects({duration:500}).start({'opacity':0});
				}
			});		
		}
	}).start({'opacity':0.8});		
}

function getNumRubSelected()
{

	var numRub = -1;
	
	$each($$('.toggler').getElements('span'), function(e, index){
		if(e.getProperty('class') == 'rub-selected'){
			numRub = index;
		}
	});

	return numRub;
}