var ImageDropShadow= new Class({
	options:{
		margin:0,
		color:'#FFF'
	},
	
	initialize:function(obj,options){
	   //window.alert("called");
				this.setOptions(options)
				this.createDropShadows(obj);
	},
	
	createDropShadows: function(obj){
			if('element' == $type(obj)) {
				this.applyDropShadow(obj)
			} else if('array' == $type(obj)) {
			    var end=obj.length;
			    var countdone=0;
			    var source=this;
				obj.each( function(el) {
				    //window.alert('countdone: called' + $type(el));
				    /*if($type(el)!="img") this.applyDropShadow(el);
				    else*/ new Asset.images(el.getProperty('src'),
				    {onComplete:function(){
				        countdone++;
				        //window.alert('countdone: '+countdone+ ' '+end);
				        if(countdone == end) source.doapply(obj,source);
				        //source.applyDropShadow(el);
				    }});
				}, this);
			} else {
				return false;
			}
	},
	
	doapply: function(obj,source){
	//			    window.alert('doapply: called' + obj);
	   //location.href=location.href+'&page='+(parseInt(page)+1);

	   obj.each(function(el){source.applyDropShadow(el);});
	   //window.alert(num+1);
	   //addpage(num+1);
	},
	
	applyDropShadow: function(el){
		//window.alert('apply '+el.getSize().size.x+' '+el.getSize().size.y);
		if(el.getSize().size.x == 0 || el.getSize().size.y == 0) return false;
		var outerpair2 = new Element('div', {
//			'class':'outerpair2',
			'styles': {
					'background': 'url(upperrightfade.png) right top no-repeat',
					'height': el.getSize().size.y + 2*this.options.margin +8 ,
					'width': el.getSize().size.x + 2*this.options.margin +8
			}
		}
		).injectAfter(el);
//		var morph= new Fx.Morph(outerpair2, { 'duration': 1000 });
//		morph.start('.outerpair2');
		var outerpair1 = new Element('div', {
//			'class':'outerpair1',
				'styles': {
						'background': 'url(lowerleftfade.png) left bottom no-repeat',
						'padding-top': 8,
						'padding-left': 8
				}
		}).injectInside(outerpair2);
		var shadowbox = new Element('div', {
//				'class':'shadowbox',
				'styles': {
						'background': 'url(shadow.png) bottom right'
				}
		}).injectInside(outerpair1);
		var innerbox = new Element('div', {
//				'class':'innerbox',
				'styles': {
						'position': 'relative',
						'left': '-8px',
						'top': '-8px'
				}
		}).injectInside(shadowbox);
		
		//window.alert(this.options.margin + 'px solid ' + this.options.color);
		//el.setStyle('border',this.options.margin + 'px solid ' + this.options.color);
		el.setStyle('vertical-align', 'bottom');
//		<div id="photoImgDiv2323886058" style="width: 502px;" class="photoImgDiv">
//  <img src="http://farm4.static.flickr.com/3293/2323886058_cfd6ca26b0.jpg?v=0" alt="" onload="show_notes_initially();" class="reflect" height="341" width="500">
//  <img style="position: relative; top: -343px; margin-bottom: -343px; display: block;" src="http://l.yimg.com/www.flickr.com/images/spaceball.gif" alt="" height="341" width="500">
//</div>
		el.injectInside(innerbox);
		var spaceball=new Element('img',{
		  'styles':{'position':'relative', 'top':-el.getSize().size.y-8,'margin-bottom':-el.getSize().size.y-8,'display':'block'},
		  'src':'http://darckr.com/eclipse.gif',
		  'alt':'',
		  'title':el.getProperty('title'),
		  'height':el.getSize().size.y+8,
		  'width':el.getSize().size.x+8
		})/*.injectInside(innerbox)*/;
		//outerpair2.appendChild(spaceball);
		el.removeClass('shadyimage');
		
	}
})


ImageDropShadow.implement(new Options, new Events);