// Afhankelijk van mootools 1.1.2

var submenu_dimensions = new Array();
var submenus = new Array();
var submenu_inactive = true;

// Uit te voeren nadat document geladen is
window.addEvent('domready',	function() {
								// Maak het schuif effect voor het submenu
								var menu_slide = new Fx.Slide('submenu_slide',{duration: 300, mode: 'horizontal', wait: true});
								// Verberg het submenu
								menu_slide.hide();

								// Verberg de verschillende ul submenu's en sla deze elementen op in een array
								$('submenu_slide').getElements('ul').each(		function(el) {
																					// Bereken de Y positionering van het submenu
																					var parent = $(el).getProperty('id').substr(3);
																					var parent_dim = $(parent).getSize();
																					// Bereken de hoogte van het submenu
																					var menu_height = 0;
																					var menu_width = 0;
																					var submenu = $(el).getProperty('id');
																					$(el).getElements('li').each(	function(sub_el) {
																														var dim = $(sub_el).getSize();
																														menu_height += dim.size.y;

																														if(dim.size.x > menu_width) {
																															menu_width = dim.size.x;
																														}
																													});
																					submenu_dimensions[submenu] = new Array();
																					submenu_dimensions[submenu]['w'] = menu_width + 30;
																					submenu_dimensions[submenu]['h'] = menu_height;
																					submenu_dimensions[submenu]['y'] = $(parent).getTop();

																					// Plaats een clone van het element in de array
																					submenus[$(el).getProperty('id')] = $(el).clone();
																					// Verwijder het element 
																					$(el).remove();
																				});
								
								// Toon submenu weer
								$('submenu_slide').setStyle('visibility','visible');
								
								// MouseOver events op de hoofdmenu keuzes
								$('leftmenu_content').getElements('li').each(	function(el) {
																					$(el).addEvents({'mouseover': 	function() {
																														
																														var submenu = 'sub' + $(el).getProperty('id');
																														
																														// Toon het juiste zoekmenu, indien aanwezig
																														if(submenus[submenu]) {
																															submenu_inactive = false;
																															// Verwijder alle elementen uit submenu_slide
																															$('submenu_slide').empty();
																															// Verander de hoogte
																															$('submenu_container').setStyle('top', submenu_dimensions[submenu]['y'] + 'px');
																															// Comment deze 2 regels om altijd een groot blok te houden
																															$('submenu_slide').setStyle('height', submenu_dimensions[submenu]['h'] + 'px');
																															$('submenu_slide').setStyle('width', submenu_dimensions[submenu]['w'] + 'px');
																															

																															// Plaats een kopie van het element in het DOM
																															$(submenus[submenu]).clone().injectInside($('submenu_slide'));
																															menu_slide.slideIn();
																														}
																													},
																									'mouseout': 	function() {
																														submenu_inactive = true;
																													}
																									});
																				});
								
								// Submenu actief/inactief zetten na mouseover/mouseout
								$('submenu_slide').addEvents({'mouseover':	function() {
																				submenu_inactive = false;
																			},
															  'mouseout':	function() {
																			  	submenu_inactive = true;
															  				}
															});
								
								// Verberg het submenu na verloop van tijd als deze niet meer actief is
								(function() {
									if(submenu_inactive) {
										menu_slide.slideOut();
									}
								}).periodical(2500);


								// Maak CMS link
								$('cmslink').addEvent('click',				function() {
																				window.open('http://cms.depoort.nl/index.php?id=24','CMS','status=no,toolbar=no,width=300,height=120');
																			});

								// Herschaal tabellen die te breed zijn waardoor ze niet in het scherm zouden passen
								var resize_tables = function() {
														var dim_container = $('content_div_margin').getSize();
														$$('#content_div_margin table').each(function(el) {
																								var dim = $(el).getSize();
																								if(dim.size.x > dim_container.size.x - 55) {
																									$(el).setStyle('width', dim_container.size.x - 55);
																									$(el).removeProperty('width');
																								}
																							 });
													};
								window.addEvents({'load':resize_tables,'resize':resize_tables});
							});