// REQUIERT Prototype.js version 1.6+
// REQUIERT Tween.js


document.observe("dom:loaded", initElements);

function initElements () {
	// Elements de la colonne 1
	var paragraphes = $('elements_col1');
	if (paragraphes) 
		paragraphes.select('div.cadre').each(initElement);

	// Elements de la colonne 1
	var paragraphes = $('elements_col2');
	if (paragraphes) 
		paragraphes.select('div.cadre').each(initElement);

	// Elements de la colonne 1
	var paragraphes = $('elements_col3');
	if (paragraphes) 
		paragraphes.select('div.cadre').each(initElement);
	
	document.stopObserving("dom:loaded", initElements);
}

function initElement (id) {
	var element = $(id);
	var classOn = 'on';
	var classOff = 'off';
	
	
	if (element) {
		// Ajouter style css
		if (element.hasClassName (classOff) == false) {
			element.addClassName (classOff);
		}
	
		// ajouter comportement
		element.observe('mouseout', function(event){
			var e = Event.element(event).up ('div.cadre');
			if (e) {
				e.removeClassName (classOn);
				e.addClassName (classOff);
			}
		});
		element.observe('mouseover', function(event){
			var e = Event.element(event).up ('div.cadre');
			if (e) {
				e.removeClassName (classOff);
				e.addClassName (classOn);
			}
		});
	}
}