// Drop Shadow //

function dropshadow(element) {

	element = $(element);

	var wrapper1 = new Element('div');
	var wrapper2 = new Element('div');
	var wrapper3 = new Element('div');
	
	wrapper1.injectBefore(element);
	wrapper2.injectBefore(element);
	wrapper3.injectBefore(element);

	wrapper3.adopt(element);
	wrapper2.adopt(wrapper3);
	wrapper1.adopt(wrapper2);
	
	wrapper3.addClass('wrap3');
	wrapper2.addClass('wrap2');
	wrapper1.addClass('wrap1');

}

// Load Images //

function load_image(box_num, image_num, image_tot, image_width) {
			
	if (image_num < 10) {
		var image_number = '0'+image_num+'';
	} else {
		var image_number =  image_num;
	}
	var image_total =  parseInt(image_tot)+1;
	
	function load_new() {

		function loaded() {
		
			fadeOutFx = new Fx.Style('image_'+box_num+'', 'opacity', {
				duration: 300,
			    fps: 100,
				transition: Fx.Transitions.sineOut,
				onComplete: load
			});
			fadeOutFx.start(1,0);
		
			function load() {   
				fadeInFx = new Fx.Style(image, 'opacity', {
					duration: 1600,
				    fps: 100,
					transition: Fx.Transitions.sineInOut
				});					
				$(image).setOpacity(0);
				$('image_'+box_num+'').replaceWith(image);
				fadeInFx.start(0,1);
			}				
		}                  
        
		if (image_width == 'small') {
			var image_loading = new Asset.image('http://www.lijst37indelft.nl/img/load_small.gif', {id: 'image_'+box_num+'', title: 'loading'});
			$('image_'+box_num+'').replaceWith(image_loading);
		} else {
			var image_loading = new Asset.image('http://www.lijst37indelft.nl/img/load_wide.gif', {id: 'image_'+box_num+'', title: 'loading'});
			$('image_'+box_num+'').replaceWith(image_loading);
		}
		    		
		var image = new Asset.image('images/image_'+box_num+'_'+image_number+'.jpg', {id: 'image_'+box_num+'', title: 'image_'+box_num+'_'+image_number+'', onload: loaded});
	}   
	
	if (!($('load_image_'+box_num+'_'+image_number+'').hasClass('sel'))) {
	
		for (i=1;i<image_total;i++) {  		
			if (i == image_num) { 
				$('load_image_'+box_num+'_'+image_number+'').addClass('sel');
				$('load_image_'+box_num+'_'+image_number+'').removeClass('nor');
			} else if (i != image_num) {
				$('load_image_'+box_num+'_0'+i+'').addClass('nor');
				$('load_image_'+box_num+'_0'+i+'').removeClass('sel');						
			}
		}
	
		fadeOutFx = new Fx.Style('image_'+box_num+'', 'opacity', {
			duration: 300,
		    fps: 100,
			transition: Fx.Transitions.sineOut,
			onComplete: load_new
		});
		fadeOutFx.start(1,0);

	}					
}