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

	/**
	 * scroll
	 *
	 */
	if ( $('top_page') )
	{
		var scroll = new Fx.Scroll(window);
	
		$('top_page').addEvent('click', function(){
			scroll.toTop();
		});
	}
	
	if ( $('top_right_newsletter_text') )
	{
		$('top_right_newsletter_text').addEvent('focus',function(){
			this.setProperty('value','');
		});
	}
	
	/**
	 * tab
	 *
	 */
	if ( $('tab') ) 
	{
		//for each tab
		$$('#tab li').each(function(el){
			//if tab not active
			if ( !el.hasClass('active') )
			{
				el.getFirst().setOpacity(0.8);
				//apply effect on <a>
				var oFx = new Fx.Morph(el.getFirst(), {duration:100, wait:false});
				el.getFirst().addEvent('mouseenter', function(){
					oFx.start({
						'opacity':[0.8,1],
						'height':[28, 32]
					});
				});

				el.getFirst().addEvent('mouseleave', function(){
					oFx.start({
						'opacity':[1,0.8],
						'height':[32, 28]
					});	
				});			
			}

			//hide tab when click
			el.addEvent('click', function(e){
				new Event(e).stop();
				//for each element
				$$('#tab li').each(function(li){
					//if is not the element hide its
					if(el != li){
						new Fx.Tween(
							li,
							{
								duration:750
							}
						).start('opacity',0);
					}
					else
					{
						li.getFirst().removeEvents('mouseleave');
						
						var oFxTabLink = new Fx.Tween(
							li,
							{
								duration:750
							}
						).start('opacity',1);
						
						oFxTabLink.addEvents({
							'complete': function() {
								document.location.href = el.getFirst().getProperty('href');
							}
						});
					}
				});
			});

		});	
		
	}
	
	/**
	 * intro flash
	 *
	 */
	//$('page').setStyle('display','none');
	
	/**
	 * save
	 *
	 */
	if ( $('carnetupdated') )
    {
        $('carnetupdated').setStyle('display','block');
		$('carnetupdated').setStyle('opacity', 0);
    }
		
	var oSave = new CookieCart(
		'add_save',
		{
			delete_link: '.retirer',
			delete_all_link: '.toutretirer',
			delete_container: '.ms-row',
			update_display: 'nb_save',
			update_notifier: 'carnetupdated',
			cookie_name : 'save_smb',
			info_separator : '|',
			nb_infos: 4,
			record_separator : '¤'
		}
	);
	oSave.display_counter();
	
	/** 
	 * newsletter
	 *
	 */
	if ( $('form_newsletter') )
	{
		$('form_newsletter').addEvent('submit', function(e)
		{
			window.open ("", "newsletter", "width=630,height=340,status=no,toolbar=no,menubar=no,resizable=yes");
			$('form_newsletter').target = "newsletter";
		});
	}
	
	/** 
	 * meteo des lacs
	 *
	 */
	if($('meteo_lake_today') && $('meteo_lake_tomorrow'))
	{
		$('meteo_lake_today').addEvent('click', function(){
			displayMeteoLakeTab(this.id);
		});
		
		$('meteo_lake_tomorrow').addEvent('click', function(){
			displayMeteoLakeTab(this.id);	
		});
	}
	

	/**
	 * Cancel onclick Bubble event
	 * @return void;
	 */
	function doSomething(e)
	{
		if (!e) var e = window.event;
		e.cancelBubble = true;
		if (e.stopPropagation) e.stopPropagation();
	}
	
	if( $$('a.web') )
	{
		$$('a.web').each(
			function(element)
			{
				element.onclick = doSomething;
			}
		);
	}
	
	if( $$('a.mail') )
	{
		$$('a.mail').each(
			function(element)
			{
				element.onclick = doSomething;
			}
		);
	}
	
});

function displayPage()
{
	document.getElementById('page').style.display = 'block';
}

function displayMeteoLakeTab(idObj)
{
	idContent = idObj.replace('meteo_lake_', '');

	$$('#meteoLac .onglet').removeClass('actif');
	if($(idObj))
	{
		$(idObj).addClass('actif');
	}
	
	$$('#meteoLac .content').setStyle('display', 'none');
	$$('#meteoLac .'+idContent).setStyle('display', 'block');
	
	
}