/**
* @author pete
*/

/* modified Effect.Move to allow for movement from the right */
Effect.Move = Class.create(Effect.Base, {
  initialize: function(element) {
    this.element = $(element);
    if (!this.element) throw(Effect._elementDoesNotExistError);
    var options = Object.extend({
      x:    0,
      y:    0,
      mode: 'relative',
	  style_properties: {
	  	x: 'left',
		y: 'top'
	  }
    }, arguments[1] || { });
    this.start(options);
  },
  setup: function() {
    this.element.makePositioned();
    this.originalX = parseFloat(this.element.getStyle(this.options.style_properties.x) || '0');
    this.originalY  = parseFloat(this.element.getStyle(this.options.style_properties.y)  || '0');
    if (this.options.mode == 'absolute') {
      this.options.x = this.options.x - this.originalX;
      this.options.y = this.options.y - this.originalY;
    }
  },
  update: function(position) {
	var style = {};
	style[this.options.style_properties.x] = (this.options.x  * position + this.originalX).round() + 'px';
	style[this.options.style_properties.y] = (this.options.y  * position + this.originalY).round() + 'px';
	this.element.setStyle(style);
  }
});
var FirstOpen = 0;
var SlideNumber = 0;

var VoorsangerInterface = {
	duration: 0.3,
	fps: null,
	mouseevents: {mouseenter:'custom:mouseenter', mouseleave:'custom:mouseleave'},
	
	/* element definitions */
	left_column: null,					// main menu container, slides in and out
	right_column_container: null,       // invisible container for right column
	right_column_header: null,          // red block on project details page
	details_drawer: null,               // contains image navigation show/hide info and pdf on projects detail page
	details2_drawer: null,               // code for image title box
	right_details: null,                // contains detail text of project
	
	
	stopAnimation: function(elm){
		if( elm.animation ){
			elm.animation.cancel();
			elm.animation = null;
		}
	},
	
	/* do slide in/out initialization for the left hand column. this is standard accross the site */
	initializeLeftColumnAnimations: function(){
		this.right_column_container = $('voorsanger-right-column-container');
		this.left_column_container = $('voorsanger-left-column-container');
		this.left_column = $('voorsanger-left-column');
		if( this.right_column_container && this.left_column && this.left_column_container){
			this.right_column_container.observe(this.mouseevents.mouseenter, function(e){
				if( this.left_column && !this.left_column.hidden ){
					this.stopAnimation(this.left_column);
					this.left_column.hidden = false;
					this.left_column.animation = new Effect.Move(this.left_column, {
						mode: 'absolute',
						x: -272,
						duration: this.duration,
						queue: {scope: 'left_column', limit: 1}
					});	
				}
			}.bindAsEventListener(this));
			this.left_column_container.observe(this.mouseevents.mouseenter, function(e){
				if( this.left_column && !this.left_column.hidden){
					this.stopAnimation(this.left_column);
					this.left_column.hidden = false;
					this.left_column.animation = new Effect.Move(this.left_column, {
						mode: 'absolute',
						x: 0,
						duration: this.duration,
						queue: {scope: 'left_column', limit: 1}
					});
				}
			}.bindAsEventListener(this));
		}else{
			throw 'VoorsangerInterface: left column and/or right column container do/does not exist!';
		}
	},
	
	initializeDrawers: function(){
		/*$$('.pswrap_drawer').each(function(e){
			new PSWrap.Animation.OpenCloseIDBound(e, {duration: VoorsangerInterface.duration});
		});*/
		new PSWrap.Animation.OpenCloseCollection($('voorsanger-main-menu'), {
			position_items: false,
			item_selector: '.pswrap_drawer',
			only_child_items: false
		}, {
			duration: 0.2
		}, {
			options: {
				beforeSetup: function(sobj, ocobj){
					var open_elms = ocobj.getOpenElements();
					open_elms.invoke('addClassName', 'header_active');
				}
			}
		}, {
			options: {
				afterFinish: function(sobj, ocobj){
					var open_elms = ocobj.getOpenElements();
					open_elms.invoke('removeClassName', 'header_active');
				}
			}
		});
	},
	
	initialize: function(){
		/* prevent drag and drop of images */
		$$('#voorsanger-background img')
		.invoke('observe', 'mousedown', function(e){e.stop();})
		.invoke('observe', 'mouseup', function(e){e.stop();});
		
		/* prevent save by right click */
		$$('img')
		.invoke('observe', 'contextmenu', function(e){e.stop(); return false;});
		
		this.initializeLeftColumnAnimations();
		this.initializeDrawers();
		
		this.right_column_content = $('voorsanger-right-column-content');
		this.right_column_header = $('voorsanger-right-column-heading-content');
		this.details_drawer = $('voorsanger-project-initial-details');
		this.details_button1 = $('voorsanger-project-image-next');
		this.details_button2 = $('voorsanger-project-image-previous');
		this.details_button3 = $('voorsanger-project-image-button_0');
		this.details_button4 = $('voorsanger-project-image-button_1');
		this.details_button5 = $('voorsanger-project-image-button_2');
		this.details_button6 = $('voorsanger-project-image-button_3');
		this.details_button7 = $('voorsanger-project-image-button_4');
		this.details_button8 = $('voorsanger-project-image-button_5');
		this.details_button9 = $('voorsanger-project-image-button_6');
		this.details_button10 = $('voorsanger-project-image-button_7');
		this.details_button11 = $('voorsanger-project-image-button_8');
		this.details_button12 = $('voorsanger-project-image-button_9');
		this.details_button13 = $('voorsanger-project-image-button_10');
		this.details_button14 = $('voorsanger-project-image-button_11');
		this.details_button15 = $('voorsanger-project-image-button_12');
		this.details_button16 = $('voorsanger-project-image-button_13');
		this.details_button17 = $('voorsanger-project-image-button_14');
		this.details_button18 = $('voorsanger-project-image-button_15');
		this.details_button19 = $('voorsanger-project-image-button_16');
		this.details_button20 = $('voorsanger-project-image-button_17');
		this.details_button21 = $('voorsanger-project-image-button_18');
		this.details_button22 = $('voorsanger-project-image-button_19');
		if(this.details_drawer) this.details_drawer.hidden = true;
		
		this.right_details = $('voorsanger-right-column');
		this.right_details_opener = $('voorsanger-project-info');
		if( this.right_details ) this.right_details.hidden = false;
		this.details2_drawer = $('voorsanger-project-extra-details');
		if( this.details2_drawer) this.details2_drawer.hidden = true;
		
		if( this.right_column_header && this.details_drawer){
			/*this.right_column_header.observe(this.mouseevents.mouseenter, function(){
				if( this.details_drawer && this.details_drawer.hidden){
					this.stopAnimation(this.details_drawer);
					this.details_drawer.hidden = false;
					this.details2_drawer.hidden = false;
					this.details_drawer.animation = new Effect.BlindDown(this.details_drawer, {
						duration: this.duration,
						queue: {scope: 'details_drawer', limit: 1}
					});
				}
			}.bindAsEventListener(this));
			this.right_column_header.observe(this.mouseevents.mouseleave, function(){
				if( this.right_details.hidden && this.details_drawer && !this.details_drawer.hidden){
					this.stopAnimation(this.details_drawer);
					this.details_drawer.hidden =false;
					this.details_drawer.animation = new Effect.BlindUp(this.details_drawer, {
						duration: this.duration,
						queue: {scope: 'details_drawer', limit: 1}
					});
				}
			}.bindAsEventListener(this));*/
			(function(){
				this.details_drawer.hidden = false;
				this.details2_drawer.hidden = false;
				new Effect.BlindDown(this.details_drawer, {
					duration: this.duration,
					queue: {scope: 'details_drawer', limit: 1}
				});
				new Effect.BlindDown(this.details2_drawer, {
					duration: this.duration,
					queue: {scope: 'details2_drawer', limit: 1}
				});
			}).bind(this).delay(1.0);
		}
		
		if(this.right_details && this.right_details_opener){
			this.right_details_opener.observe('click', function(){
				this.stopAnimation(this.right_details);
				if( this.right_details.hidden ){
					/* show details drawer */
					this.right_details.hidden = false;
					this.right_details_opener.removeClassName('hidden');
					this.right_details_opener.addClassName('shown');
					this.right_details.animation = new Effect.Move(this.right_details, {
						mode: 'absolute',
						x: 0,
						duration: this.duration,
						queue: {scope: 'details_drawer', limit: 1},
						style_properties: {
							x: 'right',
							y: 'top'
						},
					});
				}else{
					/* hide details drawer */
					this.right_details.hidden = true;
					this.right_details_opener.removeClassName('shown');
					this.right_details_opener.addClassName('hidden');
					this.right_details.animation = new Effect.Move(this.right_details, {
						mode: 'absolute',
						x: -(this.right_details.getWidth() || 400),
						duration: this.duration,
						queue: {scope: 'right_details', limit: 1},
						style_properties: {
							x: 'right',
							y: 'top'
						},
					});
					FirstOpen = 1;
				}
			}.bindAsEventListener(this));
			(function(){
				document.getElementById("voorsanger-white-background-title").innerHTML = ImageInfo[SlideNumber].options.title_image;
				this.right_details.hidden = false;
				this.right_details_opener.removeClassName('hidden');
				this.right_details_opener.addClassName('shown');
				this.right_details.animation = new Effect.Move(this.right_details, {
					mode: 'absolute',
					x: 0,
					duration: this.duration,
					queue: {scope: 'details_drawer', limit: 1},
					style_properties: {
						x: 'right',
						y: 'top'
					},
				});
			}).bind(this).delay(2.0);
			this.details_button1.observe('click', function(){
				if(FirstOpen == 0){
					this.right_details.hidden = true;
					this.right_details_opener.removeClassName('shown');
					this.right_details_opener.addClassName('hidden');
					this.right_details.animation = new Effect.Move(this.right_details, {
						mode: 'absolute',
						x: -(this.right_details.getWidth() || 400),
						duration: this.duration,
						queue: {scope: 'right_details', limit: 1},
						style_properties: {
							x: 'right',
							y: 'top'
						},
					});
				}
				FirstOpen = 1;
				SlideNumber++;
				if (SlideNumber == ImageInfo.length){
					SlideNumber = 0;
				}
				document.getElementById("voorsanger-white-background-title").innerHTML = ImageInfo[SlideNumber].options.title_image;
			}.bindAsEventListener(this));
			this.details_button2.observe('click', function(){
				if(FirstOpen == 0){
					this.right_details.hidden = true;
					this.right_details_opener.removeClassName('shown');
					this.right_details_opener.addClassName('hidden');
					this.right_details.animation = new Effect.Move(this.right_details, {
						mode: 'absolute',
						x: -(this.right_details.getWidth() || 400),
						duration: this.duration,
						queue: {scope: 'right_details', limit: 1},
						style_properties: {
							x: 'right',
							y: 'top'
						},
					});
				}
				FirstOpen = 1;
				SlideNumber--;
				if (SlideNumber == -1){
					SlideNumber = ImageInfo.length -1;
				}
				document.getElementById("voorsanger-white-background-title").innerHTML = ImageInfo[SlideNumber].options.title_image;
			}.bindAsEventListener(this));
			this.details_button3.observe('click', function(){
				if(FirstOpen == 0){
					this.right_details.hidden = true;
					this.right_details_opener.removeClassName('shown');
					this.right_details_opener.addClassName('hidden');
					this.right_details.animation = new Effect.Move(this.right_details, {
						mode: 'absolute',
						x: -(this.right_details.getWidth() || 400),
						duration: this.duration,
						queue: {scope: 'right_details', limit: 1},
						style_properties: {
							x: 'right',
							y: 'top'
						},
					});
				}
				FirstOpen = 1;
				SlideNumber = 0;
				document.getElementById("voorsanger-white-background-title").innerHTML = ImageInfo[0].options.title_image;
			}.bindAsEventListener(this));
			this.details_button4.observe('click', function(){
				if(FirstOpen == 0){
					this.right_details.hidden = true;
					this.right_details_opener.removeClassName('shown');
					this.right_details_opener.addClassName('hidden');
					this.right_details.animation = new Effect.Move(this.right_details, {
						mode: 'absolute',
						x: -(this.right_details.getWidth() || 400),
						duration: this.duration,
						queue: {scope: 'right_details', limit: 1},
						style_properties: {
							x: 'right',
							y: 'top'
						},
					});
				}
				FirstOpen = 1;
				SlideNumber = 1;
				document.getElementById("voorsanger-white-background-title").innerHTML = ImageInfo[1].options.title_image;
			}.bindAsEventListener(this));
			this.details_button5.observe('click', function(){
				if(FirstOpen == 0){
					this.right_details.hidden = true;
					this.right_details_opener.removeClassName('shown');
					this.right_details_opener.addClassName('hidden');
					this.right_details.animation = new Effect.Move(this.right_details, {
						mode: 'absolute',
						x: -(this.right_details.getWidth() || 400),
						duration: this.duration,
						queue: {scope: 'right_details', limit: 1},
						style_properties: {
							x: 'right',
							y: 'top'
						},
					});
				}
				FirstOpen = 1;
				SlideNumber = 2;
				document.getElementById("voorsanger-white-background-title").innerHTML = ImageInfo[2].options.title_image;
			}.bindAsEventListener(this));
			this.details_button6.observe('click', function(){
				if(FirstOpen == 0){
					this.right_details.hidden = true;
					this.right_details_opener.removeClassName('shown');
					this.right_details_opener.addClassName('hidden');
					this.right_details.animation = new Effect.Move(this.right_details, {
						mode: 'absolute',
						x: -(this.right_details.getWidth() || 400),
						duration: this.duration,
						queue: {scope: 'right_details', limit: 1},
						style_properties: {
							x: 'right',
							y: 'top'
						},
					});
				}
				FirstOpen = 1;
				SlideNumber = 3;
				document.getElementById("voorsanger-white-background-title").innerHTML = ImageInfo[3].options.title_image;
			}.bindAsEventListener(this));
			this.details_button7.observe('click', function(){
				if(FirstOpen == 0){
					this.right_details.hidden = true;
					this.right_details_opener.removeClassName('shown');
					this.right_details_opener.addClassName('hidden');
					this.right_details.animation = new Effect.Move(this.right_details, {
						mode: 'absolute',
						x: -(this.right_details.getWidth() || 400),
						duration: this.duration,
						queue: {scope: 'right_details', limit: 1},
						style_properties: {
							x: 'right',
							y: 'top'
						},
					});
				}
				FirstOpen = 1;
				SlideNumber = 4;
				document.getElementById("voorsanger-white-background-title").innerHTML = ImageInfo[4].options.title_image;
			}.bindAsEventListener(this));
			this.details_button8.observe('click', function(){
				if(FirstOpen == 0){
					this.right_details.hidden = true;
					this.right_details_opener.removeClassName('shown');
					this.right_details_opener.addClassName('hidden');
					this.right_details.animation = new Effect.Move(this.right_details, {
						mode: 'absolute',
						x: -(this.right_details.getWidth() || 400),
						duration: this.duration,
						queue: {scope: 'right_details', limit: 1},
						style_properties: {
							x: 'right',
							y: 'top'
						},
					});
				}
				FirstOpen = 1;
				SlideNumber = 5;
				document.getElementById("voorsanger-white-background-title").innerHTML = ImageInfo[5].options.title_image;
			}.bindAsEventListener(this));
			this.details_button9.observe('click', function(){
				if(FirstOpen == 0){
					this.right_details.hidden = true;
					this.right_details_opener.removeClassName('shown');
					this.right_details_opener.addClassName('hidden');
					this.right_details.animation = new Effect.Move(this.right_details, {
						mode: 'absolute',
						x: -(this.right_details.getWidth() || 400),
						duration: this.duration,
						queue: {scope: 'right_details', limit: 1},
						style_properties: {
							x: 'right',
							y: 'top'
						},
					});
				}
				FirstOpen = 1;
				SlideNumber = 6;
				document.getElementById("voorsanger-white-background-title").innerHTML = ImageInfo[6].options.title_image;
			}.bindAsEventListener(this));
			this.details_button10.observe('click', function(){
				if(FirstOpen == 0){
					this.right_details.hidden = true;
					this.right_details_opener.removeClassName('shown');
					this.right_details_opener.addClassName('hidden');
					this.right_details.animation = new Effect.Move(this.right_details, {
						mode: 'absolute',
						x: -(this.right_details.getWidth() || 400),
						duration: this.duration,
						queue: {scope: 'right_details', limit: 1},
						style_properties: {
							x: 'right',
							y: 'top'
						},
					});
				}
				FirstOpen = 1;
				SlideNumber = 7;
				document.getElementById("voorsanger-white-background-title").innerHTML = ImageInfo[7].options.title_image;
			}.bindAsEventListener(this));
			this.details_button11.observe('click', function(){
				if(FirstOpen == 0){
					this.right_details.hidden = true;
					this.right_details_opener.removeClassName('shown');
					this.right_details_opener.addClassName('hidden');
					this.right_details.animation = new Effect.Move(this.right_details, {
						mode: 'absolute',
						x: -(this.right_details.getWidth() || 400),
						duration: this.duration,
						queue: {scope: 'right_details', limit: 1},
						style_properties: {
							x: 'right',
							y: 'top'
						},
					});
				}
				FirstOpen = 1;
				SlideNumber = 8;
				document.getElementById("voorsanger-white-background-title").innerHTML = ImageInfo[8].options.title_image;
			}.bindAsEventListener(this));
			this.details_button12.observe('click', function(){
				if(FirstOpen == 0){
					this.right_details.hidden = true;
					this.right_details_opener.removeClassName('shown');
					this.right_details_opener.addClassName('hidden');
					this.right_details.animation = new Effect.Move(this.right_details, {
						mode: 'absolute',
						x: -(this.right_details.getWidth() || 400),
						duration: this.duration,
						queue: {scope: 'right_details', limit: 1},
						style_properties: {
							x: 'right',
							y: 'top'
						},
					});
				}
				FirstOpen = 1;
				SlideNumber = 9;
				document.getElementById("voorsanger-white-background-title").innerHTML = ImageInfo[9].options.title_image;
			}.bindAsEventListener(this));
			this.details_button13.observe('click', function(){
				if(FirstOpen == 0){
					this.right_details.hidden = true;
					this.right_details_opener.removeClassName('shown');
					this.right_details_opener.addClassName('hidden');
					this.right_details.animation = new Effect.Move(this.right_details, {
						mode: 'absolute',
						x: -(this.right_details.getWidth() || 400),
						duration: this.duration,
						queue: {scope: 'right_details', limit: 1},
						style_properties: {
							x: 'right',
							y: 'top'
						},
					});
				}
				FirstOpen = 1;
				SlideNumber = 10;
				document.getElementById("voorsanger-white-background-title").innerHTML = ImageInfo[10].options.title_image;
			}.bindAsEventListener(this));
			this.details_button14.observe('click', function(){
				if(FirstOpen == 0){
					this.right_details.hidden = true;
					this.right_details_opener.removeClassName('shown');
					this.right_details_opener.addClassName('hidden');
					this.right_details.animation = new Effect.Move(this.right_details, {
						mode: 'absolute',
						x: -(this.right_details.getWidth() || 400),
						duration: this.duration,
						queue: {scope: 'right_details', limit: 1},
						style_properties: {
							x: 'right',
							y: 'top'
						},
					});
				}
				FirstOpen = 1;
				SlideNumber = 11;
				document.getElementById("voorsanger-white-background-title").innerHTML = ImageInfo[11].options.title_image;
			}.bindAsEventListener(this));
			this.details_button15.observe('click', function(){
				if(FirstOpen == 0){
					this.right_details.hidden = true;
					this.right_details_opener.removeClassName('shown');
					this.right_details_opener.addClassName('hidden');
					this.right_details.animation = new Effect.Move(this.right_details, {
						mode: 'absolute',
						x: -(this.right_details.getWidth() || 400),
						duration: this.duration,
						queue: {scope: 'right_details', limit: 1},
						style_properties: {
							x: 'right',
							y: 'top'
						},
					});
				}
				FirstOpen = 1;
				SlideNumber = 12;
				document.getElementById("voorsanger-white-background-title").innerHTML = ImageInfo[12].options.title_image;
			}.bindAsEventListener(this));
			this.details_button16.observe('click', function(){
				if(FirstOpen == 0){
					this.right_details.hidden = true;
					this.right_details_opener.removeClassName('shown');
					this.right_details_opener.addClassName('hidden');
					this.right_details.animation = new Effect.Move(this.right_details, {
						mode: 'absolute',
						x: -(this.right_details.getWidth() || 400),
						duration: this.duration,
						queue: {scope: 'right_details', limit: 1},
						style_properties: {
							x: 'right',
							y: 'top'
						},
					});
				}
				FirstOpen = 1;
				SlideNumber = 13;
				document.getElementById("voorsanger-white-background-title").innerHTML = ImageInfo[13].options.title_image;
			}.bindAsEventListener(this));
			this.details_button17.observe('click', function(){
				if(FirstOpen == 0){
					this.right_details.hidden = true;
					this.right_details_opener.removeClassName('shown');
					this.right_details_opener.addClassName('hidden');
					this.right_details.animation = new Effect.Move(this.right_details, {
						mode: 'absolute',
						x: -(this.right_details.getWidth() || 400),
						duration: this.duration,
						queue: {scope: 'right_details', limit: 1},
						style_properties: {
							x: 'right',
							y: 'top'
						},
					});
				}
				FirstOpen = 1;
				SlideNumber = 14;
				document.getElementById("voorsanger-white-background-title").innerHTML = ImageInfo[14].options.title_image;
			}.bindAsEventListener(this));
			this.details_button18.observe('click', function(){
				if(FirstOpen == 0){
					this.right_details.hidden = true;
					this.right_details_opener.removeClassName('shown');
					this.right_details_opener.addClassName('hidden');
					this.right_details.animation = new Effect.Move(this.right_details, {
						mode: 'absolute',
						x: -(this.right_details.getWidth() || 400),
						duration: this.duration,
						queue: {scope: 'right_details', limit: 1},
						style_properties: {
							x: 'right',
							y: 'top'
						},
					});
				}
				FirstOpen = 1;
				SlideNumber = 15;
				document.getElementById("voorsanger-white-background-title").innerHTML = ImageInfo[15].options.title_image;
			}.bindAsEventListener(this));
			this.details_button19.observe('click', function(){
				if(FirstOpen == 0){
					this.right_details.hidden = true;
					this.right_details_opener.removeClassName('shown');
					this.right_details_opener.addClassName('hidden');
					this.right_details.animation = new Effect.Move(this.right_details, {
						mode: 'absolute',
						x: -(this.right_details.getWidth() || 400),
						duration: this.duration,
						queue: {scope: 'right_details', limit: 1},
						style_properties: {
							x: 'right',
							y: 'top'
						},
					});
				}
				FirstOpen = 1;
				SlideNumber = 16;
				document.getElementById("voorsanger-white-background-title").innerHTML = ImageInfo[16].options.title_image;
			}.bindAsEventListener(this));
			this.details_button20.observe('click', function(){
				if(FirstOpen == 0){
					this.right_details.hidden = true;
					this.right_details_opener.removeClassName('shown');
					this.right_details_opener.addClassName('hidden');
					this.right_details.animation = new Effect.Move(this.right_details, {
						mode: 'absolute',
						x: -(this.right_details.getWidth() || 400),
						duration: this.duration,
						queue: {scope: 'right_details', limit: 1},
						style_properties: {
							x: 'right',
							y: 'top'
						},
					});
				}
				FirstOpen = 1;
				SlideNumber = 17;
				document.getElementById("voorsanger-white-background-title").innerHTML = ImageInfo[17].options.title_image;
			}.bindAsEventListener(this));
			this.details_drawer.observe('click', function(){
				if(FirstOpen == 0){
					this.right_details.hidden = true;
					this.right_details_opener.removeClassName('shown');
					this.right_details_opener.addClassName('hidden');
					this.right_details.animation = new Effect.Move(this.right_details, {
						mode: 'absolute',
						x: -(this.right_details.getWidth() || 400),
						duration: this.duration,
						queue: {scope: 'right_details', limit: 1},
						style_properties: {
							x: 'right',
							y: 'top'
						},
					});
				}
				FirstOpen = 1;
				SlideNumber = 18;
				document.getElementById("voorsanger-white-background-title").innerHTML = ImageInfo[18].options.title_image;
			}.bindAsEventListener(this));
			this.details_button22.observe('click', function(){
				if(FirstOpen == 0){
					this.right_details.hidden = true;
					this.right_details_opener.removeClassName('shown');
					this.right_details_opener.addClassName('hidden');
					this.right_details.animation = new Effect.Move(this.right_details, {
						mode: 'absolute',
						x: -(this.right_details.getWidth() || 400),
						duration: this.duration,
						queue: {scope: 'right_details', limit: 1},
						style_properties: {
							x: 'right',
							y: 'top'
						},
					});
				}
				FirstOpen = 1;
				SlideNumber = 19;
				document.getElementById("voorsanger-white-background-title").innerHTML = ImageInfo[19].options.title_image;
			}.bindAsEventListener(this));
		}
	}
}