// JavaScript Document
window.addEvent('load', function() {
	$('animation.0').set('opacity', 0);
	$('animation.1').set('opacity', 0);
	$('animation.2').set('opacity', 0);
	$('animation.3').set('opacity', 0);
	$('animation.4').set('opacity', 0);
});
function logg(value) {
	if(window.console.log) {
		window.console.log(value);
	}
}
window.addEvent('domready', function() {
	if($('popup')) {
		if($('popup').getStyle('display') == 'block') {
			var myFx = new Fx.Scroll($(document.body), {
				duration: 0,
				wait: false
			}).toTop();
			$(document.body).setStyle('overflow', 'hidden');
			$('container').setStyle('overflow', 'hidden');
			$('body').setStyle('overflow', 'hidden');
			$('container').setStyle('height', $('popup').getSize().y+"px");
			$('footer').setStyle('bottom', "0px");
			$('footer').setStyle('display', 'block');
			$('popup_bar').setStyle('margin-top', ($('header').getSize().y-$('menu').getSize().y)+"px");
			$('popup_venster').setStyle('height', ($('popup').getSize().y - $('header').getSize().y - $('footer').getSize().y)+"px");

		}
	} else {
		var maxi =  $('body').getScrollSize().y;
		$('right-column').setStyle('height', maxi+"px");
		$('left-column').setStyle('height', maxi+"px");
		$('container').setStyle('height', maxi+"px");
		var footer = -((maxi - $('body').getSize().y)+30);
		$('footer').setStyle('bottom', footer+"px");
		$('footer').setStyle('display', 'block');
	}
	
	//TIPS
	var tooltips = $$('span.vraagteken', 'li.tooltip', 'tr.tooltip');
	tooltips.each(function(tooltip) {
		tooltip.addEvent('mouseover', function() {
			var tipInhoud			= new Element('div', {'class':'tip'});
			var titel					= new Element('div', {'class':'tip-title', 'html':tooltip.get('title')});
			var inhoud				= new Element('div', {'class':'tip-text', 'html':tooltip.get('rel')});
			var tipInhoud = tipInhoud.adopt(titel, inhoud);
			var tool 					= new Element('div', {
				'class':'tooltip1',
				styles: {
					'top': tooltip.getPosition().y+"px",
					'left': tooltip.getPosition().x+"px",
					'position': 'absolute',
					'display': 'block'
				}
			});
			var borderTop 		= new Element('div', {'class':'tip-top'});
			var borderBottom 	= new Element('div', {'class':'tip-bottom'});
			var tool = tool.adopt(borderTop,tipInhoud, borderBottom);
			tool.inject(document.body);
			var coordinates = tool.getCoordinates();
			tool.setStyle('left', (coordinates.left - (coordinates.width / 2) + 9)+"px");
			tool.setStyle('top', (coordinates.top - coordinates.height)+"px");
			tool.setStyle('display', 'block');
			tooltip.toolElement = tool;
		});
		tooltip.addEvent('mouseout', function() {															 
			this.toolElement.dispose();
		});
	});
	//LIST ITEMS
	$('body').getElements('ul[class=list-archidex]').each(function(lists) {
		i = 1;
		var classnaam = "listNumBG2";
		var listObjects = lists.getElements('li');
		listObjects.each(function(listObject) {
			listObject.set('html', '<div class="listItem">'+listObject.get('html')+'</div>');
			if(listObject.get('class') == "geel") { 
				classnaam = "listNumBGlast"; 
			} else if(classnaam == "listNumBG2") { 
				classnaam = "listNumBG1"; 
			} else { 
				classnaam = "listNumBG2"; 
			}
			var listNum = new Element('div', {
				'class': classnaam,
				'html': i
			});
			listNum.inject(listObject.getElement('div'), 'bottom');
			i++;
		});
	});
	if($('body').getElements('div[class=wysiwyg]').length) {
		$('body').getElement('div[class=wysiwyg]').getElements('ul').each(function(lists) {
			i = 1;
			var classnaam = "listNumBG2";
			var listObjects = lists.getElements('li');
			listObjects.each(function(listObject) {
				listObject.set('html', '<div class="listItem">'+listObject.get('html')+'</div>');
				if(listObject.get('class') == "geel") { 
					classnaam = "listNumBGlast"; 
				} else if(classnaam == "listNumBG2") { 
					classnaam = "listNumBG1"; 
				} else { 
					classnaam = "listNumBG2"; 
				}
				var listNum = new Element('div', {
					'class': classnaam,
					'html': i
				});
				listNum.inject(listObject.getElement('div'), 'bottom');
				i++;
			});
		});
	}
	
		//LIST ITEMS LETTERS
	$('body').getElements('ul[class=list-archidex-letters]').each(function(lists) {
		i = 1;
		var classnaam = "listNumBG2";
		var listObjects = lists.getElements('li');
		listObjects.each(function(listObject) {
			classnaam = "listNumBGlast"; 
			var listNum = new Element('div', {
				'class': classnaam,
				'html': listObject.get('id')
			});
			listNum.inject(listObject.getElement('div'), 'bottom');
			i++;
		});
	});
	//LIST ITEMS UITVOUWBAAR
	$('body').getElements('ul[class=list-archidex-uitvouwen]').each(function(lists) {
		i = 1;
		
		var classnaam = "listNumBG2";
		var listObjects = lists.getElements('li');
		listObjects.each(function(listObject) {
			if(i == 1) {
				listObject.getElement('div[class=listItemMinimized]').uitgevouwen = true;
				listNumHTML = "-";
				listNumClass = "listMin";
			} else {
				listObject.getElement('div[class=listItemMinimized]').uitgevouwen = false;
				listNumHTML = "+";
				listNumClass = "listPlus";
			}
			if(listObject.getElement('div[class=listItemMinimized]').uitgevouwen == false) {
				listObject.setStyle('height', listObject.getElement('div[class=listItem]').getSize().y+"px");
				listObject.setStyle('overflow', 'hidden');
			}
			var listNum = new Element('div', {
				'class': listNumClass,
				'html': listNumHTML,
				events: {
					'click': function() {
						if(listObject.getElement('div[class=listItemMinimized]').uitgevouwen == false) {
							this.set('class', 'listMin');
							this.set('html', '-');
							listObject.erase('style');
							listObject.getElement('div[class=listItemMinimized]').uitgevouwen = true;
						} else {
							this.set('class', 'listPlus');
							this.set('html', '+');
							listObject.setStyle('height', listObject.getElement('div[class=listItem]').getSize().y+"px");
							listObject.setStyle('overflow', 'hidden');
							listObject.getElement('div[class=listItemMinimized]').uitgevouwen = false;
						}
					}
				}
			});
			
			/*Het plusje aan de voorkant*/
			listNum.inject(listObject.getElement('div[class=listItem]'), 'bottom');
			i++;
		});
	});
	
	
	
	var DropdownMenu = new Class({	
			initialize: function(menu) {
				$$(menu.childNodes).each(function(list) {
					if(list.nodeName.toLowerCase() == 'li') {
						$$($(list).childNodes).each(function(element) {
							if(element.nodeName.toLowerCase() == 'div') {
								list.addEvent('mouseover', function() {
									element.setStyle('opacity', '1');
									if(this.FxTween) {
										this.FxTween.cancel();
									}
									element.setStyle('visibility', 'visible');
									return false;
								});
								list.addEvent('mouseout', function() {
									element.set('tween', {
										duration: '1000',
										onComplete: function() {
											element.setStyle('visibility', 'hidden');
										}
									});
									var myFx = new Fx.Tween(element);
									this.FxTween = myFx.start('opacity', '0');
								});
							}
							new DropdownMenu(element);
						});
					};		
				});
			return this;
			}
		});
	new DropdownMenu($('menu-list'))
	
	/* Achtergrond van tbody instellen */
	$('body').getElements('tbody').each(function(tbody) {
		var bg = "bg10";
		/*tbody.getElements('tr').each(function(row) {
			row.set('class', bg);
			if(bg == "bg10") { bg = "bg11"; } else { bg = "bg10"; }
		});*/
	});	
	/* CHECKBOXES EN RADIOBUTTON BORDER WEGHALEN */
	$('body').getElements("input[type=checkbox]").each(function(checkbox) {
		checkbox.setStyle('border-width', '0px');
	});
	$('body').getElements("input[type=radio]").each(function(radiobutton) {
		radiobutton.setStyle('border-width', '0px');
	});
	
	
	//FOOTER INSTELLEN
	$('footer').status = "minimized";
	$('footer').addEvent('click', function() {
		if($("footer").status == "minimized") {
			$('footer').originalHeight = $('footer').getStyle('height');
			$('footer').tween('height', '300px');
			$("footer").status = "maximized";
		} else {
			$('footer').tween('height', $('footer').originalHeight);
			$("footer").status = "minimized";
		}
	});
	//ANIMATIES SUBHEADER
	var ani = new Class({
		Implements: Options,
		options: {
						pause: 5000,
						duration: 2000,
						loop: true,
						onComplete: Class.empty,
						onStart: Class.empty
		},
		initialize: function(container,options) {
			this.setOptions(options);
			this.container = $(container);
			this.imgs = this.container.getElements('span');
			this.imgs.setStyles({
							'position':'absolute',
							'top':0,
							'left':0,
							'opacity':0
			});
			this.imgs[0].setStyle('opacity',1);
			this.el = new Element('div',{'styles': {
				'position':'relative'
			}});
			this.el.injectInside(this.container);
			this.el.adopt(this.imgs);
			this.next = 0;
			this.start();
		},
		start: function() {
			this.show();
			this.periodical = this.show.bind(this).periodical(this.options.pause);
		},
		stop: function() {
			$clear(this.periodical);
		},
		show: function() {
			if (!this.options.loop && this.next==this.imgs.length-1)
			this.stop();
			this.next = (this.next==this.imgs.length-1)?0:this.next+1;
			var prev = (this.next==0)?this.imgs.length-1:this.next-1;
			this.imgs[this.next].fade('in');
			this.imgs[prev].fade('out');
		}
	}); 
	var f = new ani('animatione');
	f.start(); 
});