/*
	Class:  MooShadow
		Add images shadow
		
	Usage:
		Add a shadow to any element with a class 'shadow'
	
	Exemple:
		(code)
		<script type="text/javascript">
			window.addEvent('domready', function() {
				var MooShadow = new MooShadow();
			});
		</script>
		(end code)
	
	About:
		mooShadow.js v.1.0 for mootools v1.1 06 / 2007
		
		by Floor SA (http://www.floor.ch) MIT-style license
		
		Created by Luca Pillonel and David Mignot
*/


var MooShadow = new Class({
	Implements: Options,
	
	options : {
		className : '.csc-textpic-border img'
	},
	
	initialize: function(options){
		this.setOptions(options);
		var imgs = this._getImages();
	},
	
	_getImages:function(){
		var s = $(document.body).getElements(this.options.className);
		if(s.length>0){
			s.each(function(el){
				this._addShadow(el);
				// Modification de la taille de l'image
				var widthEl = el.getStyle('width');
				var transNb = parseInt(widthEl);
				var finalWidth = transNb+4;
/* 				console.log(finalWidth); */
				var widthString = finalWidth + "px";
				el.setStyle('width', widthString);
				// Fin modification
			}, this);
		}
	},
	_addShadow:function(el){
		var iefix = "";
		
		el.shadowTable = new Element('table').addClass('shadowTable').injectAfter(el);
		el.shadowtbody = new Element('tbody').addClass('shadowTable').injectInside(el.shadowTable);
		el.shadowTable.cellPadding ='0';
		el.shadowTable.cellSpacing ='0';
		el.shadowTable.border ='0';

		el.shadowTable.setStyle('position', el.getStyle('position'));
		el.setStyle('position', 'relative');
		el.shadowTable.setStyle('margin', el.getStyle('margin'));
		el.setStyle('margin', 0);
		
		
		el.tr1 = new Element('tr').injectInside(el.shadowtbody);
			el.topLeft = new Element('td').addClass('tl'+iefix).injectInside(el.tr1);
			el.shtop = new Element('td').addClass('t'+iefix).injectInside(el.tr1);
			el.topRight = new Element('td').addClass('tr'+iefix).injectInside(el.tr1);
		el.tr2 = new Element('tr').injectInside(el.shadowtbody);
			el.shleft = new Element('td').addClass('l'+iefix).injectInside(el.tr2);
			el.shimg = new Element('td').addClass('img').setProperty('id', 'imgtd').injectInside(el.tr2);
			el.shright = new Element('td').addClass('r'+iefix).injectInside(el.tr2);
		el.tr3 = new Element('tr').injectInside(el.shadowtbody);
			el.bottomLeft = new Element('td').addClass('bl'+iefix).injectInside(el.tr3);
			el.shbottom = new Element('td').addClass('b'+iefix).injectInside(el.tr3);
			el.bottomRight = new Element('td').addClass('br'+iefix).injectInside(el.tr3);
		el.injectInside(el.shimg);
	}
});