/*Script for calculation of dynamic shadows */

/* img Selector is selector tag for image, which will get a shadow
   e.g. '.image_container > img' ...   */
function createShadow(imgSelector)
{
  $$(imgSelector).each(function(el, index) {
		el.setStyle('z-index', 1);
		var shadow = new Element('img', {
		    src: "./tl_files/shadow.png",
			class: "shadowElement"
		});
		shadow.setStyle('z-index', 0);
		shadow.setStyle('position', 'relative');
		shadow.setStyle('border', 0);
		el.setStyle('position', 'relative');
		// calculate shadow width and offsets
		//shadow size 699px x 100px
		var origW = 699;
		var origH = 100;
		var w = el.getStyle('width').toInt() + 20;	
		shadow.setStyle('width', w);
		// change of width factor
		var factor = w/origW;
		var h = origH * factor;
		shadow.setStyle('height', h);
		var top = h / 2 * (-1);
		shadow.setStyle('top', top);
		
		// add shadow after image to be shadowed
		//var div = el.getParent();
		shadow.inject(el, 'after');
	});
}