var TextDropShadow = new Class({
		options: {
			color: '#333',
			left: 1,
			top: 1,
			position: 'absolute',
			extra:22
		},

		initialize: function(obj, options){
				this.setOptions(options)
				this.createDropShadows(obj);
		},
		
		createDropShadows: function(obj){
			if($type(obj)=='element') {
				this.applyDropShadow(obj)
			} else if($type(obj)=='array') {
				var zz = this;
				obj.each( function(el) {
					this.applyDropShadow(el);
				},this);
			} else {
				return false;
			}
		},
		
		applyDropShadow: function(el){

			var size = el.getSize();
			var suze = el.getCoordinates();

			// Wrap  around the first word if there is one
			var marray = el.get('html').split(' ');
			if (marray.length > 1) marray[0] = '' + marray[0] + '';
			el.set('html', marray.join(' '));

			var clone = el.clone();

			var offsetY = this.options.top ? this.options.top.toInt() : this.options.bottom.toInt();
			if(offsetY < 0) offsetY = offsetY * (-1);

			var offsetX = this.options.left ? this.options.left.toInt() : this.options.right.toInt();
			if(offsetX < 0) offsetX = offsetX * (-1);

			var container = new Element('div').setStyles({
				position: 'relative',
				left: 0,
				top: 0,
				height: size.y+offsetY,/* + offsetY,*/
				width: suze.width+this.options.extra/*size.x + offsetX*/
			});
			
			el.setStyles({position: 'absolute', left: 0, top: 0});
			container.wraps(el);
			clone.setStyles(this.options).inject(el,'before').addClass('dropshadow');
			
		}
});
TextDropShadow.implement(new Options, new Events);

window.addEvent('domready',function() {
		if(document.getElementById('mailinglist')!==null) {
			$('mailinglist').addEvents({
				'click':function() {
					if($('mailinglist').get('value')=='E-mailadres...'){
						$('mailinglist').set('value','');
					}
				},
				'blur':function() {
					if($('mailinglist').get('value')==''){
						$('mailinglist').set('value','E-mailadres...');
					}
				}
			});
		}

		if(document.getElementById('search')!==null) {
			$('search').addEvents({
				'click':function() {
					if($('search').get('value')=='Zoeken...'){
						$('search').set('value','');
					}
				},
				'blur':function() {
					if($('search').get('value')==''){
						$('search').set('value','Zoeken...');
					}
				}
			});
		}

});