function imgViewer(){
		FullImg.assign('a.smallFoto', {
			'origin': 'img',
			'type': 'image',
			'shadow': 'onOpenEnd',
			'resizeFactor': 0.9,
			'cutOut': false,
			'opacityResize': 0.1,
			'dragging': true,
			'centered': true
		});		
	}
	
	function updateDescr(what){
		if(what==true){ what = 'verzenden'; }else { what = 'afhalen' };
		$('orderInfoDescr').load('orderDescr.php?what=' + what);
	}
	
	function toolTips(){
		$$('img.info').each(function(element,index) {
			var content = element.get('title').split('::');
			element.store('tip:title', content[0]);
			element.store('tip:text', content[1]);
		});
				
		//create the tooltips
		var info = new Tips('.info',{
			className: 'info',
			fixed: true,
			hideDelay: 50,
			showDelay: 50
		});	
		

		info.addEvents({
			'show': function(tip) {
				tip.fade('in');
			},
			'hide': function(tip) {
				tip.fade('out');
			}
		});			
		
	}

	window.addEvent('domready', function() {
		imgViewer();
	
		toolTips();
		
		$$('.menu_item').addEvents({
				mouseover: function() {
					this.src='images/menu/over/'+this.get('id')+'.jpg';
				},
				mouseout: function() {
					this.src='images/menu/'+this.get('id')+'.jpg';
				}
		});
		
		if($('step1')){
			var loadOverlay = new Element('div', {id: 'loadOverlay'});
			var loadInside = new Element('div', {id: 'loader'});
			var loadBar = new Element('div', {id: 'loaderBar'});
			var loadText = new Element('div', {id: 'loaderText'});
			loadOverlay.inject($(document.body),'after');
			loadInside.inject($('loadOverlay'));
			loadBar.inject($('loader'));
			loadText.inject($('loaderBar'),'after');		
		}
		
		if($('voorbeelden')){ 
			var voorbeeldenSlide = new Slideshow('voorbeelden_container', ['1.jpg', '2.jpg', '3.jpg', '4.jpg', '5.jpg', '6.jpg', '7.jpg', '8.jpg', '9.jpg'], { captions: false, controller: false, height: 343, hu: 'images/voorbeelden/', width: 374, random:true, delay:1400 });			
		}
	
		if($('foto-status')){
			var up = new FancyUpload2($('foto-status'), $('foto-list'), {
				multiple: false,
				limitFiles: 1,
				fileSizeMax: 26214400,
				queued: false,
				url: $('frm_Postertje1').action,
				path: '../uploader/source/Swiff.Uploader.swf',
				typeFilter: {
					'Images (*.jpg, *.jpeg, *.gif, *.png, *.bmp)': '*.jpg; *.jpeg; *.gif; *.png; *.bmp'
				},
				target: 'foto-browse',
				onLoad: function() {
					$('foto-status').removeClass('hide');
					$('foto-fallback').destroy();
	
					this.target.addEvents({
						/*click: function() {
							up.remove();
							return false;
						},*/
						mouseenter: function() {
							this.addClass('hover');
						},
						mouseleave: function() {
							this.removeClass('hover');
							this.blur();
						},
						mousedown: function() {
							up.remove();
							this.focus();
						}
					});
		
					$('foto-upload').addEvent('click', function() {
						$('crop_holder').set('html','<h4>Wacht op afbeelding</h4>');
						up.start();
						return false;
					});
				},
				onSelectFail: function(files) {
					files.each(function(file) {
						new Element('li', {
							'class': 'validation-error',
							html: file.validationErrorMessage || file.validationError,
							title: MooTools.lang.get('FancyUpload', 'removeTitle'),
							events: {
								click: function() {
									this.destroy();
								}
							}
						}).inject(this.list, 'top');
					}, this);
				},				
				onFileSuccess: function(file, response) {
					var json = new Hash(JSON.decode(response, true) || {});
					
					if (json.get('status') == '1') {
						$('crop_holder').set('html','<h4>Bezig met laden</h4>');
						file.element.addClass('file-success');
						$('sesHold').load('reg.php?session_var_name=bestel_fotoXXXbestel_foto_smallXXXbestel_foto_crop_resizeXXXbestel_foto_crop_breedteXXXbestel_foto_crop_hoogteXXXbestel_kleurgebruikXXXbestel_foto_crop_new_height&session_var_value='+json.get('orig_file')+'XXX'+json.get('file')+'XXX'+json.get('resize')+'XXX'+json.get('breedte')+'XXX'+json.get('hoogte')+'XXX'+json.get('kleurgebruik')+'XXX'+json.get('newheight'));
						file.info.set('html', '<strong>Afbeelding geupload:</strong> ' + json.get('width') + ' x ' + json.get('height') + 'px' + '(' + json.get('hoogte') + '+' + json.get('breedte') + ')');
						$('crop_holder').set('html','<h4>Bezig met laden</h4>');
						$('crop_holder').set('html','<h4>Bepaal uw uitsnede</h4><div id="crop_img_border"><img id="crop_img" width="400" height="'+json.get('newheight')+'" src="/upload/'+json.get('dir')+'/'+json.get('file')+'" alt="" /></div>');
						var cropper = new Lasso.Crop('crop_img', { ratio : [json.get('breedte'),json.get('hoogte')],border:'images/layout/crop.gif',preset : [20,20,(20+json.get('breedte')),(20+json.get('hoogte'))], min : [40,40], handleSize : 8, opacity : .5, color : '#FFFFFF'});
						$('crop_img_border').setStyle('height', parseInt(json.get('newheight'))+10+'px');
						$('crop_step').addEvent('click', function() {
							
							$('crop_x').set('value', Math.floor(cropper.getRelativeCoords().x * json.get('resize')));
							$('crop_y').set('value', Math.floor(cropper.getRelativeCoords().y * json.get('resize')));
							$('crop_w').set('value', Math.floor(cropper.getRelativeCoords().w * json.get('resize')));
							$('crop_h').set('value', Math.floor(cropper.getRelativeCoords().h * json.get('resize')));
							$('crop_file').set('value', json.get('orig_file'));
							$('crop_new_height').set('value', json.get('newheight'));
							$('crop_dir').set('value', json.get('dir'));							
							$('crop_file_small').set('value', json.get('file'));
							$('crop_hoogte').set('value', json.get('hoogte'));
							$('crop_breedte').set('value', json.get('breedte'));
							$('crop_resize').set('value', json.get('resize'));
							$('kleurgebruik').set('value', json.get('kleurgebruik'));
							var loadOverlay = new Element('div', {id: 'loadOverlay'});
							var loadInside = new Element('div', {id: 'loader'});
							var loadBar = new Element('div', {id: 'loaderBar'});
							var loadText = new Element('div', {id: 'loaderText'});
							loadOverlay.inject($(document.body),'after');
							loadInside.inject($('loadOverlay'));
							loadBar.inject($('loader'));
							loadText.inject($('loaderBar'),'after');
							var myFx = new Fx.Scroll(window).toTop();
							$(document.body).addClass('noScroll');
						});
					} else {
						file.element.addClass('file-failed');
						file.info.set('html', '<strong>Probleem opgetreden:</strong> ' + (json.get('error') ? (json.get('error') + ' #' + json.get('code')) : response));
					}
				}
			});
		}
		if($('loadOverlay')){ $('loadOverlay').destroy(); }
	});
	
	function recPassw(){
		$('main_log_window').load('lostPassw.php');
	}

	function fotoCropper(cr_breedte, cr_hoogte, cr_orig_bestand, cr_dir, cr_bestand, cr_resize, cr_new_height, cr_kleurgebruik){
		$('crop_holder').set('html','<h4>Bezig met laden</h4>');
		$('crop_holder').set('html','<h4>Bepaal uw uitsnede</h4><div id="crop_img_border"><img id="crop_img" width="400" height="'+cr_new_height+'" src="../upload/'+cr_dir+'/'+cr_bestand+'" alt="" /></div>');
		var cropper = new Lasso.Crop('crop_img', { ratio : [cr_breedte, cr_hoogte], border:'images/layout/crop.gif',preset : [20,20,(20+cr_breedte),(20+cr_hoogte)], min : [40,40], handleSize : 8, opacity : .5, color : '#FFFFFF'});
		$('crop_img_border').setStyle('height', parseInt(cr_new_height)+10+'px');	
		$('crop_step').addEvent('click', function() {
			$('crop_x').set('value', Math.floor(cropper.getRelativeCoords().x * cr_resize));
			$('crop_y').set('value', Math.floor(cropper.getRelativeCoords().y * cr_resize));
			$('crop_w').set('value', Math.floor(cropper.getRelativeCoords().w * cr_resize));
			$('crop_h').set('value', Math.floor(cropper.getRelativeCoords().h * cr_resize));
			$('crop_file').set('value', cr_orig_bestand);
			$('crop_hoogte').set('value', cr_hoogte);
			$('crop_breedte').set('value', cr_breedte);
			$('crop_resize').set('value', cr_resize);			
			$('kleurgebruik').set('value', cr_kleurgebruik);
			$('crop_dir').set('value', cr_dir);
			$('crop_new_height').set('value', cr_new_height);
			$('crop_file_small').set('value', cr_bestand);
			var loadOverlay = new Element('div', {id: 'loadOverlay'});
			var loadInside = new Element('div', {id: 'loader'});
			var loadBar = new Element('div', {id: 'loaderBar'});
			var loadText = new Element('div', {id: 'loaderText'});
			loadOverlay.inject($(document.body));
			loadInside.inject($('loadOverlay'));
			loadBar.inject($('loader'));
			loadText.inject($('loaderBar'),'after');
			var myFx = new Fx.Scroll(window).toTop();
			$(document.body).addClass('noScroll');
		});
	}