// palettes title
window.addEvent('domready', function()
{
	var elements = $$('div.palette div.title');
	
	elements.each
	(
		function(element)
		{
			if(! Browser.Engine.trident ) element.setStyle('margin-left', - element.getCoordinates().width );
		}
	);
});

// carousel launcher
window.addEvent('domready', function()
{
	if( $('machine-container') ) new Carousel('machine-container');
});

// margin on bottom links
function fixbottom()
{
	var element = $('bottom-links-container');
	var ul = element.getElement('ul');
	var element_w = element.getCoordinates().width;
	var ul_w = ul.getCoordinates().width;
	var p = ( element_w - ul_w ) / 2;
	ul.setStyle('margin-left', p);

	var element = $('footer-container');
	var ul = element.getElement('ul');
	var element_w = element.getCoordinates().width;
	var ul_w = ul.getCoordinates().width;
	var p = ( element_w - ul_w ) / 2;
	ul.setStyle('margin-left', p);
}

// blocks clicks
window.addEvent('domready', function()
{
	var elements = $$('#right-container div.bloc');
	
	elements.each
	(
		function(element)
		{
			element.addEvent
			(
				'click', function()
				{
					document.location = element.getElement('a').href;
				}
			);
		}
	);
});

// blocks clicks
window.addEvent('domready', function()
{
	var elements = $$('#right-container div.bloc');
	
	elements.each
	(
		function(element)
		{
			if (Browser.Engine.trident)
			{
				new Element('span').addClass('corner top left').inject(element);
				new Element('span').addClass('corner top right').inject(element);
				new Element('span').addClass('corner bottom left').inject(element);
				new Element('span').addClass('corner bottom right').inject(element);
			}
			
			element.addEvent
			(
				'click', function()
				{
					document.location = element.getElement('a').href;
				}
			);
		}
	);
});

// span this
window.addEvent('domready', function()
{
	
	var elements = $$('h2.titre-accueil','div.keywords span.mise-en-valeur-01');
	
	elements.each
	(
		function(element)
		{
			var content = element.innerHTML;
			element.set('html','<span class="paintlayer">' + content + '</span>');
		}
	);
	
});

window.addEvent('domready', function()
{
	var elements = $$('form[name=formrech] input');
		
	elements.each
	(
		function(element)
		{
			
			var initiale = element.getProperty('value');
			
			element.addEvents
			({
				'focus': function()
				{
					element.setProperty('value','');
				},
				
				'blur': function()
				{
					if( element.getProperty('value') == '' ) element.setProperty('value', initiale );
				}
			});
			
		}
	);
});


// resize text
window.addEvent('domready', function()
{
	if(! $('tools-container') ) return;
	
	var container = new Element('li').inject($('tools-container').getElement('ul'),'top');
	
	var magless = new Element('span').addClass('mag-less').set('html','-').inject(container);
	var magreset = new Element('span').addClass('mag-reset').set('html','reset').inject(container);
	var magmore = new Element('span').addClass('mag-more').set('html','+').inject(container);
	
	new Element('span').addClass('clear').inject(container);
	
	var fsize = $(document.body).getStyle('font-size').toInt();
	var d_fsize = $(document.body).getStyle('font-size').toInt();
	
	magless.addEvent
	(
		'click', function()
		{
			fsize--;
			$('content-container').setStyle('font-size', fsize)
		}
	);
	
	magmore.addEvent
	(
		'click', function()
		{
			fsize++;
			$('content-container').setStyle('font-size', fsize)
		}
	);
	
	magreset.addEvent
	(
		'click', function()
		{
			fsize = d_fsize;
			$('content-container').setStyle('font-size', fsize)
		}
	);
	
});


// to top
window.addEvent('domready', function()
{
	if( ! $('to-top') ) return;
	
	var pagescroll = new Fx.Scroll
	(
		$(document.body),
		{
			link: 'cancel',
			duration: 750,
			transition: 'expo:in:out',
			offset:
			{
		        'x': 0,
		        'y': 0
		    }

		}
	);
	
	var button = $$('#to-top a')[0];
	
	button.addEvent
	(
		'click', function(e)
		{
			pagescroll.toTop();
			new Event(e).stop();
		}
	);
	
});


// legends
window.addEvent('domready', function()
{
	var elements = $$('#content-container img.legende');
	
	elements.each
	(
		function(element)
		{
			var w = element.getCoordinates('global-container').width;
			var h = element.getCoordinates('global-container').height;
			var l = element.getCoordinates('global-container').left;
			var t = element.getCoordinates('global-container').top;
			
			var legende = new Element('div').addClass('legende').set('html', element.alt).inject( $('global-container') );
			
			element.setStyles
			({
				'margin-bottom': '2em'
			});
			
			legende.setStyles
			({
				'top': h + t,
				'left': l,
				'width': w
			});
			
		}
	);
	
});