window.addEvent('domready', function() {
	var aoAccParticulier = new Array();
	var aoAccZakelijk = new Array();
	var aoAccAgenda = new Array();
	var aoAccShop = new Array();
	var aoAccTop5 = new Array();
	var aoAccProductGroup = new Array();

	$$('.accordionParticulier').each(function(oAcc, index){
		//for each accordion
		//create our Accordion instance
		aoAccParticulier[index] = new Accordion(oAcc.getElements('div.toggler'), oAcc.getElements('div.element'), {
			alwaysHide: false,
			display: 0,
			opacity: true,

			onActive: function(toggler, element){
				toggler.addClass('active');
				toggler.setStyle('background','none');
				toggler.removeClass('toggler_reset');
			},
			onBackground: function(toggler, element){
				toggler.removeClass('active');
				toggler.addClass('toggler_reset');
			}
		});		
	});
	
	$$('.accordionZakelijk').each(function(oAcc, index){
		//for each accordion
		//create our Accordion instance
		aoAccZakelijk[index] = new Accordion(oAcc.getElements('div.toggler'), oAcc.getElements('div.element'), {
			alwaysHide: false,
			display: 0,
			opacity: true,

			onActive: function(toggler, element){
				toggler.addClass('active');
				toggler.setStyle('background','none');
				toggler.removeClass('toggler_reset');
			},
			onBackground: function(toggler, element){
				toggler.removeClass('active');
				toggler.addClass('toggler_reset');
			}
		});		
	});

	$$('.accordionAgenda').each(function(oAcc, index){
		aoAccAgenda[index] = new Accordion(oAcc.getElements('div.agenda_toggler'), oAcc.getElements('div.agenda_element'), {
			alwaysHide: true,
			display: false,
			opacity: true,
			onActive: function(toggler, element){
				if (toggler) {
					toggler.addClass('active');
				}
			},
			onBackground: function(toggler, element){
				if (toggler) {
					toggler.removeClass('active');
				}
			}	
		});	
	});

	$$('.product_group_overview').each(function(oAcc, index){
		aoAccProductGroup[index] = new Accordion(oAcc.getElements('div.product_group_listitem_toggler'), oAcc.getElements('div.product_group_listitem_element'), {
			alwaysHide: true,
			display: 0,
			opacity: false,
			onActive: function(toggler, element){
				if (toggler) {
					toggler.addClass('active');
					element.getElement('div.product_group_listitem_image').setStyle('visibility','visible');
				}
			},
			onBackground: function(toggler, element){
				if (toggler) {
					toggler.removeClass('active');
					element.getElement('div.product_group_listitem_image').setStyle('visibility','hidden');					
				}
			}	
		});	
	});

	$$('.accordionShop').each(function(oAccShop, index){
		//for each accordion
		//create our Accordion instance
		var elOpen = 0;

		var myHashCookie = new Hash.Cookie('myCookie', {duration: 3600, path: '/'} );
		myHashCookie.load();
		
		var elId = myHashCookie.get('openElId');
		if (!elId) elId = 0;
		
		aoAccShop[index] = new Accordion(oAccShop.getElements('div.webshop_toggler'), oAccShop.getElements('div.webshop_element'), {
		alwaysHide: true,
		opacity: false,
		show: elId,
		onActive: function(toggler, element){
			if (toggler) {
				toggler.addClass('active');	
			}
			
			elOpen = 1;
			var openElId;
			this.elements.each(function(el, i){
			  if (el==element){
			      openElId = i;
				  //alert(openElId);
				  myHashCookie.set('openElId', openElId);
				  myHashCookie.save();
				  
				  }
			});
			
		},
		onBackground: function(toggler, element){
			if (toggler) {
				toggler.removeClass('active');
			}
		}

		});
	});
	
	$$('.accordionTop5').each(function(oAccTop5, index){
	
		var elOpenTop5 = 0;

		var myHashCookieTop5 = new Hash.Cookie('cookieTop5', {duration: 3600, path: '/'} );
		myHashCookieTop5.load();

		var elementTop5ID = myHashCookieTop5.get('elOpenTop5ID');
		if (!elementTop5ID) elementTop5ID = 0;

		aoAccTop5[index] = new Accordion(oAccTop5.getElements('a.top5_toggler'), oAccTop5.getElements('div.top5_element'), {
		alwaysHide: true,
		opacity: true,
		show: elementTop5ID,
		onActive: function(toggler, element){
			if (toggler) {
				toggler.addClass('active');
				if (elementTop5ID){
				this.elements.each(function(el, i){
				var parent = toggler.getParent();
				var imgelement = parent.getElements('div.top5_element div.img-top5');
				imgelement[i].addClass('img-active');
				});}
				if (!elementTop5ID){
				var parent = toggler.getParent();
				var imgelement = parent.getElements('div.top5_element div.img-top5');
				imgelement[0].addClass('img-active');}
			}
			
			elOpenTop5 = 1;
			var elOpenTop5ID;
			this.elements.each(function(el, i){
			  if (el==element){
			      elOpenTop5ID = i;
				  //alert(openElId);
				  myHashCookieTop5.set('elOpenTop5ID', elOpenTop5ID);
				  myHashCookieTop5.save();
				  }
			});
			
		},
		onComplete: function(toggler, element){
			this.elements.each(function(el, i){
				var parent = toggler.getParent();
				var imgelement = parent.getElements('div.top5_element div.img-top5');
				imgelement[i].addClass('img-active');
			});

		},
		onBackground: function(toggler, element){
			if (toggler) {
				toggler.removeClass('active');
				this.elements.each(function(el, i){
				var parent = toggler.getParent();
				var imgelement = parent.getElements('div.top5_element div.img-top5');
				imgelement[i].removeClass('img-active');
			});
			}
		}
		});

	});

	
	$$('div.toggler').addEvent('mouseenter', function(){ 
		this.addClass('togglerover');
	});
	
	$$('div.toggler').addEvent('mouseleave', function(){ 
		this.removeClass('togglerover');
	});
	
});