var navSlideShow;

window.addEvent('domready' , function () {
	
	// Menu déroulant
	if ($('nav'))
	{
		$('nav').MooDropMenu({ 
	        onOpen: function(el){ 
	            el.fade('in') 
	        }, 
	        onClose: function(el){ 
	            el.fade('out'); 
	        }, 
	        onInitialize: function(el){ 
	            el.fade('hide').set('tween',{duration:200}); 
	        } 
	    }); 
    }
    
	// SlideShow
    if ($('slides'))
    {
	    
	    var navs = $('slideshowControl').getElements('a');

	
		navSlideShow = new SlideShow('basic-slideshow', {
			autoplay: true,
			delay: 6000,
			transition: 'slideDown',	
			onShow: function(data){
				// update navigation elements' class depending upon the current slide
				navs[data.previous.index].removeClass('actif');
				navs[data.next.index].addClass('actif');
			}
		});
			
		SlideShow.defineTransition('elasticLeft', function(data){
		  data.previous.set('morph', { duration:1000 , transition: Fx.Transitions.Back.easeIn});
		  data.previous.morph( {'margin-left':[0,'-609px']} );
		});
		SlideShow.defineTransition('elasticRight', function(data){
		  data.next.set('morph', { duration:1000 , transition: Fx.Transitions.Back.easeOut});
		  data.next.morph( {'margin-left':['-609px',0]} );
		});
		
		navs.each(function(item, index){
			// click a nav item ...
			item.addEvent('click', function(event){
				event.stop();
				// pushLeft or pushRight, depending upon where
				// the slideshow already is, and where it's going
				var transition = (navSlideShow.index < index) ? 'slideDown' : 'slideDown';
				// call show method, index of the navigation element matches the slide index
				// on-the-fly transition option
				navSlideShow.show(index, {transition: transition});
				navSlideShow.pause();
			});
		});


	}
	
	// Galerie
    // Diaporama Accueil
	if ( $('galerie') )
	{
		var FxAcc = new Fx.Morph( $('galerie-wrapper') , {link:'chain' , 'duration':'long'} );
		var minMarg = 0;
		var position = 0;
		var largSlide = 135;
		$$('div.photo').each( function (el) { minMarg += largSlide; } );
		minMarg = ( minMarg-(largSlide*4)) * -1;
	
		$('control-droite').addEvents({
											'click' : function () {
												if (parseInt(position) > minMarg)
												{
													position = position - largSlide;
													var newMarg = position;
													FxAcc.start( {'margin-left':newMarg} );
												}
												else
												{
													position = 0;
													var newMarg = position;
													FxAcc.start( {'margin-left':newMarg} );
												}
												return false;									  
											}
		});
		$('control-gauche').addEvents({
										   'click' : function () {  
												if (parseInt(position) != 0)
												{
													position = position + largSlide;
													var newMarg = position;
													FxAcc.start( {'margin-left':newMarg} );
												}
												return false;										  
											}
		});
		
				
	}
	
	// Formulaire de contact
	if ($('contactForm'))
	{
		sendFormContact = new FormCheck('contactForm' , { 
				submitByAjaxHTML: true,
				useSpinner : true,
				spinnerTarget : 'contactForm',
				ajaxEvalScripts: true,
				evalResponse:true,
				onAjaxSuccess: function (responseTree, responseElements, responseHTML, responseJavaScript) {
				},
				onAjaxRequest: function (responseText, responseXML) {
				},
				display : { 
				  scrollToFirst : true , 
				  showErrors : 0 , 
				  indicateErrors : 2 ,
				  flashTips : 1
				}
		});
	}
	
	if ($('mailcontact'))
	{
		$('mailcontact').innerHTML = '<a href="mailto:contact@lycee-alfred-mezieres.fr">contact@lycee-alfred-mezieres.fr</a>';
	}
    		
});

function effacerChamps(id , txt)
{
	if (id.value == txt) id.value = '';
}