if(!$chk(MVP)) {
	var MVP = {}; 
}


var MVPVars = {};
MVPVars.accordion = 'accordionHome';
MVPVars.accordionToggler = 'li.toggler';
MVPVars.accordionElement = 'li.element';

MVPVars.accordion2 = 'onderwijsAccordion';
MVPVars.accordion2Toggler = 'div.onderwijsVorm';
MVPVars.accordion2Element = 'div.onderwijsVormOpleidingen';


MVPVars.subnavigation = 'subnavigation';
MVPVars.selectedMenu = null;
MVPVars.menuToggle = Class.empty;




MVP.setActiveMenu  = function(menuId){
	if(menuId != 1){
		if($chk($('submenu'+menuId))){
			$('subnavigation').setStyle('height','40px');
			$('submenu'+menuId).setStyle('display','inline');
			MVPVars.selectedMenu = $('submenu'+menuId);
			//window.console.log($('submenu'+menuId));
		}
	}
}

MVP.activateMenu = function(){
	var menuItems = $$('#mainnav .MainMenuItem');
	if($chk($('MainMenuItemHome'))){
		$('MainMenuItemHome').addEvent('click',function(){location.href='/';});
		$('MainMenuItemHome').addEvent('mouseover',function(item,index){$('MainMenuItemHome').id='MainMenuItemSelHome';});
		$('MainMenuItemHome').addEvent('mouseout',function(item,index){$('MainMenuItemSelHome').id='MainMenuItemHome';});
	}
	MVPVars.menuToggle = new Fx.Style('subnavigation', 'height',{duration: 500});
	for(var i=0;i<menuItems.length;i++){ 
		var menuItem = menuItems[i];
		
		menuItem.addEvent('mouseover',MVP.MenuMouseOver.bindAsEventListener(window,[menuItem]));
		menuItem.addEvent('mouseout',MVP.MenuMouseOut.bindAsEventListener(window,[menuItem]));
		menuItem.addEvent('click',MVP.MenuMouseClick.bindAsEventListener(window,[menuItem]));
	}
	
	var menuItems = $$('#mainnav .MainMenuItemSel');
	for(var i=0;i<menuItems.length;i++){ 
		var menuItem = menuItems[i];
		
		menuItem.addEvent('mouseover',MVP.MenuMouseOver.bindAsEventListener(window,[menuItem]));
		menuItem.addEvent('mouseout',MVP.MenuMouseOut.bindAsEventListener(window,[menuItem]));
		menuItem.addEvent('click',MVP.MenuMouseClick.bindAsEventListener(window,[menuItem]));
	}

}

MVP.MenuMouseOver = function(e, menuItem){
	var menuImage = menuItem.getChildren();
	var className = menuImage[0].className;
	menuImage[0].className = className+'Hover';
} 
MVP.MenuMouseOut = function(e, menuItem){
	var menuImage = menuItem.getChildren();
	var className = menuImage[0].className.replace(/Hover/,'');
	menuImage[0].className = className;
} 


MVP.MenuMouseClick = function (e, menuItem, toggleEvent){
	if(MVPVars.selectedMenu != null){
		MVPVars.selectedMenu.setStyle('display','none');
	}

	MVPVars.selectedMenu = $('sub'+menuItem.id);
	MVPVars.menuToggle.start($(MVPVars.subnavigation).getStyle('height'), 40);
	MVPVars.selectedMenu.setStyle('display','inline');

}

MVP.initAccordion = function(){
	var homeContentToggle = new Fx.Style('homeElement', 'height',{duration: 500});
	var homeBackToggle = new Fx.Style('homeBackgroundImage', 'height',{duration: 500});
	
	var lastClicked = null;
	
	$$('.toggler').each(function(item,index){
		item.addEvent('click', function() {
			if (this.id == lastClicked) {
				homeContentToggle.start($('homeElement').getStyle('height'),origHeight);
				homeBackToggle.start($('homeBackgroundImage').getStyle('height'),origHeight);
				lastClicked = null;
			} else {
				lastClicked = this.id;
			}
		});
	});
	
	var origHeight = $('homeElement').getCoordinates().height;
	var accordion = new Accordion(MVPVars.accordionToggler, MVPVars.accordionElement, {
		opacity: true,
		alwaysHide: true,
		start: 'all-closed',
		onActive: function(toggler, element){
			toggler.toggleClass(toggler.id);
			//element.toggleClass(toggler.id+'_el');
			
			var arrow = toggler.getElement('img');
			arrow.src = '/images/'+toggler.id+'/arwlrg_down_bg.gif';
			//console.log(element.getChildren());
			var rows = element.getChildren();
			rows.each(function(item,index){
				//item.toggleClass(toggler.id);
				item.addEvent('mouseover',function(){
					item.addClass(toggler.id+'_over');
					item.removeClass(toggler.id);
					item.getElement('a').addClass(toggler.id+'_link');
				});
				item.addEvent('mouseout',function(){
					item.addClass(toggler.id);
					item.removeClass(toggler.id+'_over');
					item.getElement('a').removeClass(toggler.id+'_link');
				});
			});
			if(rows.length > 3){
				height = (rows.length - 3) * 25;
				var newHeight = origHeight + height;
				
				homeContentToggle.start($('homeElement').getStyle('height'),newHeight);
				homeBackToggle.start($('homeBackgroundImage').getStyle('height'),newHeight);
				
			}else{
				homeContentToggle.start($('homeElement').getStyle('height'),origHeight);
				homeBackToggle.start($('homeBackgroundImage').getStyle('height'),origHeight);
			}
		},
	 
		onBackground: function(toggler, element){
			toggler.removeClass(toggler.id);
			var arrow = toggler.getElement('img');
			arrow.src = '/images/'+toggler.id+'/homearrow.gif';
			/*var rows = element.getChildren();
			for(i=0;i<rows.length;i++){
				rows[i].toggleClass(toggler.id);
			}*/
		}
	}, $(MVPVars.accordion));
	$(MVPVars.accordion).setStyle('display','inline');
}

MVP.loadDropDownsHome = function(){
	var dropDowns = $$('.'+MVPVars.dropDownClass);
	for(i=0;i<dropDowns.length;i++){
		var selectedItems = dropDowns[i].getElements('.selected');
		var selected = selectedItems[0];
		selected.addEvent('click',MVP.showDropDownOptionsHome.bindAsEventListener(window,[dropDowns[i]]));
		selected.addEvent('mouseover',MVP.changeMouseOver.bindAsEventListener(window,[dropDowns[i],'border-color','#ffffff']));
		selected.addEvent('mouseout',MVP.changeMouseOver.bindAsEventListener(window,[dropDowns[i],'border-color','#8CB1D5']));
	}
}

MVP.changeMouseOver = function(e,element,property,color){
	element.setStyle(property,color);
}

MVP.showDropDownOptionsHome = function(e, downDownElement){
	var optionsPanel = null;
	var selectedItems = null;
	var options = null;

	var optionsPanel = downDownElement.getElements('.options');
	var selectedItems = downDownElement.getElements('.selected');
	var hiddenItems = downDownElement.getElements('.hidden');
	var selected = selectedItems[0];
	var hidden = hiddenItems[0];
	
	
	var options = optionsPanel.getElements('.option');
	
	for(i=0;i<options[0].length;i++){
		var option = options[0][i];
		option.removeEvents();
		option.addEvent('mouseover', MVP.changeMouseOver.bindAsEventListener(window,[option,'color','#003366']));
		option.addEvent('mouseover', function(){downDownElement.setStyle('border-color','#ffffff')});
		option.addEvent('mouseout', MVP.changeMouseOver.bindAsEventListener(window,[option,'color','#ffffff']));
		option.addEvent('click',MVP.setSelectedItemHome.bindAsEventListener(window,[option,selected,hidden,optionsPanel]));
		
	}
	
	$$('.backgroundTypical').each(function(item,index){
		item.addEvent('click',function(){selected.innerHTML = 'Alle opties'});
		item.addEvent('mouseover',MVP.changeMouseOver.bindAsEventListener(window,[item,'background-color','#ffffff']));
		item.addEvent('mouseout',MVP.changeMouseOver.bindAsEventListener(window,[item,'background-color','#8cb1d5']));
	});
	
	optionsPanel[0].setStyle('display','inline');
	optionsPanel[0].setStyle('border-color','#ffffff');
	downDownElement.setStyle('border-color','#ffffff');
	downDownElement.addEvent('mouseleave',function(){
			optionsPanel[0].setStyle('display','none');
			optionsPanel[0].setStyle('border-color','#8CB1D5');
			downDownElement.setStyle('border-color','#8CB1D5');
	});
}

MVP.setSelectedItemHome = function(e, option, selected, hidden, optionsPanel){
	selected.innerHTML = option.innerHTML;
	hidden.value = option.id;
	optionsPanel[0].setStyle('display','none');
}


MVP.initAccordion2 = function(){
	var accordion2 = new Accordion(MVPVars.accordion2Toggler, MVPVars.accordion2Element, {
		opacity: true,
		alwaysHide: false,
		start: '1',
		onActive: function(toggler, element){
			var arrowElement = toggler.getElement('div.arrowIconRight');
			toggler.setStyle('background-color','#003366');
			arrowElement.className = 'arrowIconDown';
			
			// set new icon for the different background
			var iconElement = toggler.getElement('div.acc_cpdvorm');
			iconElement.className = 'mbva_cpdvorm';
			
			
		},
		onBackground: function(toggler, element){
			var arrowElement2 = toggler.getElement('div.arrowIconDown');
			if(arrowElement2 != null){
				arrowElement2.className = 'arrowIconRight';
				toggler.setStyle('background-color','#6699CC');
			}
			
			// set new icon for the different background
			// set new icon for the different background
			var iconElement = toggler.getElement('div.mbva_cpdvorm');
			if (iconElement) {
				iconElement.className = 'acc_cpdvorm';
			}
		}	 
		
	}, $(MVPVars.accordion2));
	$(MVPVars.accordion2).setStyle('display','inline');

}


MVP.addFormButtonHover = function() {
	$$('.formButton').each(function(item) {
		item.addEvents({
			'mouseout': function() {
				MVP.hoverFormbutton(item);
			},
			'mouseover': function() {
				MVP.hoverFormbutton(item);
			}
		})
	});
};


MVP.hoverFormbutton = function(button) {
	if (button.hasClass('formButtonOver')) {
		button.removeClass('formButtonOver');
	} else {
		button.addClass('formButtonOver');
	}
};


MVP.addSearchHoverSearchButton = function() {
	$$('input.searchButton').each(function(item) {
		item.add
		item.addEvents({
			'mouseover': function() {
				MVP.searchHoverSearchButton(item);
			},
			'mouseout': function() {
				MVP.searchHoverSearchButton(item);
			}
		});
	});
}

MVP.searchHoverSearchButton = function(button) {
	if (button.getProperty('src') == '/images/button/btn_search.jpg') {
		button.setProperty('src', '/images/button/btn_search_over.gif');
	} else {
		button.setProperty('src', '/images/button/btn_search.jpg');
	}
}

window.addEvent('domready',function(){
	var locaties = $$('#locatiesLeft span');
	var total = locaties.length;
	locaties.each(function(item,index) {
		if (index >= Math.ceil(total/2)) {
			$('locatiesRight').adopt(item);
		}
	});
});


window.addEvent('domready',function(){
	MVP.addFormButtonHover();
	MVP.addSearchHoverSearchButton();
});
window.addEvent('domready',function(){
	MVP.activateMenu();
	if($chk($(MVPVars.accordion))){
		MVP.initAccordion();
	}
	if($chk($(MVPVars.accordion2))){
		MVP.initAccordion2();
	}
});