function setOmbre(clip){
	
	var info = $(clip);
	var id = info.getProperty('id');
	var z = info.getStyle('z-index');
	var display = info.getStyle('display');
	var infoCoordinates = info.getCoordinates();
	try { 
		var parent = info.getParent('div[class=element]');
		var parentTop = parent.getCoordinates().top;
		var parentLeft = parent.getCoordinates().left;
	} catch(err) {
		var parentTop = 0;
		var parentLeft = 0;
	}
	// alert(infoCoordinates.top);
	
   
			var ombreinfo = new Element('div', { 'class': 'ombre', 'parent': id, 'styles': {		'position': 'absolute',
																						'z-index': z-1,
																						'display':display,
																						'left': infoCoordinates.left + 3 - parentLeft +'px',
																						'top': infoCoordinates.top + 2 - parentTop +'px',
																						'width': infoCoordinates.width + 3 + 'px',
																						'height': infoCoordinates.height + 6 + 'px'
																				}
														}
			).injectBefore(clip);
			var ombre_chd = new Element('div', { 'id': 'ombre_chd', 'styles': {	'height': '20px', 'width': '20px'}}).injectInside(ombreinfo);
			var ombre_chg = new Element('div', { 'id': 'ombre_chg', 'styles': {	'height': '20px', 'width': '20px'}}).injectInside(ombreinfo);
			var ombre_cbd = new Element('div', { 'id': 'ombre_cbd', 'styles': {	'height': '20px', 'width': '20px'}}).injectInside(ombreinfo);
			var ombre_cbg = new Element('div', { 'id': 'ombre_cbg', 'styles': {	'height': '20px', 'width': '20px'}}).injectInside(ombreinfo);

			var ombre_h = new Element('div', { 'id': 'ombre_h', 'styles': {	'height': '20px', 'width': infoCoordinates.width + 3 - 40 + 'px', 'overflow': 'hidden'}}).injectInside(ombreinfo);
			var ombre_b = new Element('div', { 'id': 'ombre_b', 'styles': {	'height': '20px', 'width': infoCoordinates.width + 3 - 40 + 'px', 'overflow': 'hidden'}}).injectInside(ombreinfo);
			var ombre_d = new Element('div', { 'id': 'ombre_d', 'styles': {	'width': '20px', 'height': infoCoordinates.height + 6 - 40 + 'px', 'overflow': 'hidden'}}).injectInside(ombreinfo);
			var ombre_g = new Element('div', { 'id': 'ombre_g', 'styles': {	'width': '20px', 'height': infoCoordinates.height + 6 - 40 + 'px', 'overflow': 'hidden'}}).injectInside(ombreinfo);

			var ombre_all = new Element('div', { 'id': 'ombre_all', 'styles': {	'width': infoCoordinates.width + 3 - 40 + 'px', 'height': infoCoordinates.height + 6 - 40 + 'px', 'overflow': 'hidden'}}).injectInside(ombreinfo);

}

function moveOmbre(content){
	
	$$('.ombre').each(function(obj){
		// alert('ok')
		var id = obj.getProperty('parent');
		var info = $(id);
		var display = info.getStyle('display');
		try { 
			var parent = info.getParent('div[class=element]');
			var parentTop = parent.getCoordinates().top;
			var parentLeft = parent.getCoordinates().left;
		} catch(err) {
			var parentTop = 0;
			var parentLeft = 0;
		}
		var infoCoordinates = info.getCoordinates();

				obj.setStyles({	'left': infoCoordinates.left + 3 - parentLeft +'px',
								'top': infoCoordinates.top + 2 - parentTop +'px',
								'width': infoCoordinates.width + 3 + 'px',
								'height': infoCoordinates.height + 6 + 'px',
								'display':display
							});
			   obj.getElement('div[id=ombre_d]').setStyles({'height': infoCoordinates.height + 6 - 40 + 'px'});
			   obj.getElement('div[id=ombre_g]').setStyles({'height': infoCoordinates.height + 6 - 40 + 'px'});
			   obj.getElement('div[id=ombre_b]').setStyles({'width': infoCoordinates.width + 3 - 40 + 'px'});
			   obj.getElement('div[id=ombre_h]').setStyles({'width': infoCoordinates.width + 3 - 40 + 'px'});
			   obj.getElement('div[id=ombre_all]').setStyles({'height': infoCoordinates.height + 6 - 40 + 'px','width': infoCoordinates.width + 3 - 40 + 'px'});
	});

}

window.addEvent('domready', function(){
	document.getElements('div[ombre="true"]').each(function(obj){
		setOmbre(obj);
	});
});
window.addEvent('load', function(){
	moveOmbre();
});