Event.observe(window,'load',function(e) {
	if($('fotopicker')) {
		// ok, fotopicker is er, is hij te hoog?
		var fp = $('fotopicker');
		var dims = fp.getDimensions();
		var ph_dims = fp.up().getDimensions();
		var effect_active = false;
		if(dims['height'] > ph_dims['height']) {
			// te hoog: up & down -links tonen:
			var a_up = $('fotopicker_uplink');
			var a_dn = $('fotopicker_downlink');  
			a_up.addClassName('active');
			a_dn.addClassName('active');
			
			Event.observe(a_dn,'click',function(e) {
				if(!effect_active) {
					var trs = fp.down('table').descendants();
					var cur_scrolltop = parseInt(fp.getStyle('top'));
					// check of onderste tr niet al in beeld staat...
					if(fp.down('table').getHeight() > (ph_dims['height'] - cur_scrolltop)) {
						var max_offset = -(fp.down('table').getHeight() - ph_dims['height']);
						for(var i = 0; i < trs.length; i++) {
							if(trs[i].tagName == 'TR') {
								var tr_offset = trs[i].positionedOffset();
								//alert(tr_offset[1] + ' - ' + cur_scrolltop);
								if(tr_offset[1] > -cur_scrolltop) {
									effect_active = true;
									eff = new Effect.Move(fp, {
										y:Math.max(-tr_offset[1], max_offset),
										mode: 'absolute', 
										duration: 0.35,  
										transition: Effect.Transitions.sinoidal,
										afterFinish:function() { effect_active=false }
									});
									break;
								}
							}
						}
					}
				}
			});
			
			Event.observe(a_up,'click',function(e) {
				if(!effect_active) {
					var trs = fp.down('table').descendants();
					var cur_scrolltop = parseInt(fp.getStyle('top'));
					for(var i = trs.length-1; i >= 0; i--) {
						if(trs[i].tagName == 'TR') {
							var tr_offset = trs[i].positionedOffset();
							if(tr_offset[1] < -cur_scrolltop) {
								effect_active = true;
								cur_effect = new Effect.Move(fp, {
									y:-tr_offset[1], 
									mode: 'absolute', 
									duration: 0.35,  
									transition: Effect.Transitions.sinoidal,
									afterFinish:function() { effect_active=false }
								});
								break;
							}
						}
					}
				}
			});
		}
		
		imgs = fp.descendants();
		for(var i = 0; i < imgs.length; i++) {
			
			omschrijving_prijs = null;
			omschrijving_prijs_arr = null;
			omschrijving = null;
			prijs = null;
			
			if(imgs[i].tagName == 'IMG') {
				imgs[i].origImg = imgs[i].up().href;
				imgs[i].up().removeAttribute('href');
				Event.observe(imgs[i],'click',function(e) {
					if($('fotopicker_orig')) {
						
						$('fotopicker_origtitel').innerHTML = this.title;	//$('fotopicker_origtitel').writeAttribute({innerHTML:this.title});
						$('fotopicker_orig').writeAttribute({
							title: this.title,
							src: this.origImg
						});
						
						omschrijving_prijs = this.alt;
						omschrijving_prijs_arr = omschrijving_prijs.split('__');
						omschrijving = omschrijving_prijs_arr[0];
						prijs = omschrijving_prijs_arr[1];
						
						if(omschrijving.length > 2) {
							$('fotopicker_origomschrijving').innerHTML = omschrijving;
							$('fotopicker_origomschrijving').setStyle({
								display: 'block'
							});
						} else {
							$('fotopicker_origomschrijving').setStyle({
								display: 'none'
							});
						}
						
						if(prijs.length > 2) {
							$('fotopicker_origprijs_tekst').innerHTML = prijs;
							$('fotopicker_origprijs_placeholder').setStyle({
								display: 'block'
							});
						} else {
							$('fotopicker_origprijs_placeholder').setStyle({
								display: 'none'
							});
						}
					}
				});
			}
		}
	}
});