window.addEvents({
    'domready': function() {
		gaExtender();
		initEventDetail();
        //initAgendaFilter();
		initAgendaFilter2();
        initFAQtoggling();
        startPushbox();
        insertGoogleMap();
        insertNSwidget();
        insertWMVplayer();
        startCarrousel();
        initRating();
        initContactTabs();
        initSearchForm();
        fixExternalLinks();
        makePreview();
        createAccordion($$('ul.sent_options > div > li > h2'), $$('ul.sent_options div.section'), -1);
        var fadeTime;
        Browser.Engine.trident ? fadeTime = 0 : fadeTime = 0.5;
        window.notification = new notification({ 'position': 'center', 'duration': 1.5, 'fadetime': fadeTime });
        setSubmitOnChange(document.getElements('div.side_filter'));
		pasteProtection(jQuery('input.paste_protection'));
    },
    'load': function() {
        alignContentOverview();
        initAlignNewsblock();

        makeEqualHeight($$('div.faplist>ul>li'));
        makeEqualHeight($$('div.col2of4 div.container>ul.highlighted_products>li>div.productafbeelding'));
        makeEqualHeight($$('div.col2of4 div.container>ul.highlighted_products>li>div>span.producttitel'));
        makeEqualHeight($$('div.col2of4 div.container>ul.highlighted_products>li>div>div.product_type_en_jaar'));
        makeEqualHeight($$('div.col2of4 div.container>ul.highlighted_products>li'));

        setPortfolioOverviewItemHeight();
        showMoreOverview($(document).getElement('div.portfolio_overview_container'), 9); 


        $$('dl.speclist dt').each(function(item, index) {
            var tempAr = new Array;
            tempAr[0] = $$('dl.speclist dt')[index];
            tempAr[1] = $$('dl.speclist dd')[index];
            makeEqualHeight(tempAr);
        });

    }
});

/**
* initEventDetail
* Changes the parent column so the left innercolumn can break out and will be visible.
* 
* @author Ralph Meeuws <ralph.meeuws[AT]efocus.nl>
* @return void
*/

function initEventDetail() {
	if (!document.getElement('.event_detail')) return;

	var elEventDetail = document.getElement('.event_detail');
	elEventDetail.getParent().setStyle('overflow', 'visible');
	elEventDetail.getElement('div.col1of4').setStyle('top', (elEventDetail.getElement('h1').getHeight() + elEventDetail.getElement('h1').getStyle('margin-bottom').toInt()));
}

/**
* makeEqualHeight
*
* makes multiple different elements all the same height,
* assuming the height of the highest element
*
* @param arElements, Array of DOM elements to compare fix height
*
* @author Klaas Dieleman <klaas{AT}efocus.nl>
*
* @return h, height of highest element in px
*/

function makeEqualHeight(arElements) {
	var h = 0;
	
	for(var i = 0 ; i < arElements.length ; i++) {
		if(arElements[i].getSize().y > h) h = arElements[i].getSize().y;
	}

	arElements.each(function(item) {
	    var ch = 0;
	    var ah = item.getStyle('padding-top').toInt();
	    ah += item.getStyle('padding-bottom').toInt();
	    ah += item.getStyle('border-top-width').toInt();
	    ah += item.getStyle('border-bottom-width').toInt();
	    ch = h - ah;
	    //ch = ch + 30 + item.getElement('div.productinformatie').getStyle('height').toInt(); // Martijn van Deel, extra ruimte voor de productinformatie
	    item.setStyle('height', ch);

	    /* Martijn van Deel - Productinformatie op gelijke hoogte beginnen... */
	    //item.getElement('div.productinformatie').setStyle('top', h - item.getElement('div.productinformatie').getStyle('height').toInt() + 20);


	});
	
	return h;
}

/**
 * alignContentOverview
 *
 * align two columns content overviews next to each other
 *
 * @author Klaas Dieleman <klaas{AT}efocus.nl>
 */
 
function alignContentOverview() {
	if($$('div.contentoverview div.twocolumn div').length < 2) return false;
	
	$$('div.contentoverview div.twocolumn div:even').each(function(item, index) {
		if($$('div.contentoverview div.twocolumn div')[index+1]) {
			var twoCols = new Array;
			twoCols[0] = item;
			twoCols[1] = $$('div.contentoverview div.twocolumn div')[index+1];
			makeEqualHeight(twoCols);
		}
	});
}

/**
* initAlignNewsblock
* Equal alignment of the newsblock intro and links list.
* 
* @author Ralph Meeuws <ralph.meeuws[AT]efocus.nl>
* @return void
*/

function initAlignNewsblock() {
	if (!document.getElement('.newsblock')) return;

	var elNewsBlock = document.getElement('.newsblock');
	var arrNewsblockHighlights = elNewsBlock.getElements('.news_highlight');
	var arrNewsblockRelatedLists = elNewsBlock.getElements('.related_list_container ul');
	
	makeEqualHeight(arrNewsblockHighlights);
	makeEqualHeight(arrNewsblockRelatedLists);
}



/**
 * initAgendaFilter
 * Adds calendar tooltips to the date fields, and refreshes the page with passed down date variables.
 * 
 * @author Ralph Meeuws <ralph.meeuws[AT]efocus.nl>
 * @editor Phi Son Do <phison.do[AT]efocus.nl>
 * @since 1.1, 26 aug, 2009
 * @return void
 */

function initAgendaFilter2(){
	if(!jQuery('input.date_field')) return false;
	
	jQuery('input.date_field').datepicker({		
		inline: true,
		dateFormat: 'dd-mm-yy',
		showOn: "button",
		buttonImage: "/siteimg/icon_calendar.png",
		buttonImageOnly: true,
		onSelect: function() {
			reloadPageWithFilter();
		}
	});
	
	jQuery('.filter').find('.date_field').each(function(ev) {
		jQuery(ev).keyup(function(e) {
			if(e.keyCode == 13) {
				reloadPageWithFilter();
			}
		});
	});
	
	var arrDateFields = jQuery('input.date_field');
	elDateFieldFrom = jQuery(arrDateFields)[0];
	elDateFieldTill = jQuery(arrDateFields)[1];
	
	if (Cookie.read('filterDateFrom')) jQuery(elDateFieldFrom).val(Cookie.read('filterDateFrom'));
	if (Cookie.read('filterDateTill')) jQuery(elDateFieldTill).val(Cookie.read('filterDateTill'));

	if (!Cookie.read('filterWindowURI')) {
		var filterWindowURICookie = new Cookie.write('filterWindowURI', window.location.href);
	}
	
	//reloadPageWithFilter
	reloadPageWithFilter = function() {
		var filterDateFromCookie = new Cookie.write('filterDateFrom', jQuery(elDateFieldFrom).val());
		var filterDateTillCookie = new Cookie.write('filterDateTill', jQuery(elDateFieldTill).val());
		
		if ((jQuery(elDateFieldFrom).val() == '') && (jQuery(elDateFieldTill).val() == '')) {
			strDateRange = '';
		} else if (jQuery(elDateFieldFrom).val() == '') {
			strDateRange = '?tot=' + jQuery(elDateFieldTill).val();
		} else if (jQuery(elDateFieldTill).val() == '') {
			strDateRange = '?van=' + jQuery(elDateFieldFrom).val();
		} else {
			strDateRange = '?van=' + jQuery(elDateFieldFrom).val() + '&tot=' + jQuery(elDateFieldTill).val();
		}
		var url = window.location.href.split("?")[0];		
		window.location.href = url + strDateRange;
	}
	jQuery('.reset').click(function() {
		jQuery(elDateFieldFrom).val('');
		jQuery(elDateFieldTill).val('');
		Cookie.remove('filterDateFrom');
		Cookie.remove('filterDateTill');
	});
	
}

/**
 * initAgendaFilter
 * Adds calendar tooltips to the date fields, and refreshes the page with passed down date variables.
 * 
 * @author Ralph Meeuws <ralph.meeuws[AT]efocus.nl>
 * @since 1.1, 26 aug, 2009
 * @return void
 */

function initAgendaFilter() {
	if (!document.getElement('.filter') || (document.getElement('.filter').getElements('.date_field').length == 0)) return;
	
	// Calendar script from: http://www.monkeyphysics.com/mootools/script/2/datepicker
	var objAgendaFilterDate = new DatePicker('.date_field', {
		pickerClass: 'datepicker_vista',
		allowEmpty: true,
		inputOutputFormat: 'd-m-Y',
		toggleElements: '.calendar_button',
		onSelect: function() {
			reloadPageWithFilter();
		}
	});
	
	document.getElement('.filter').getElements('.date_field').each(function(elDateField) {
		elDateField.addEvent('keydown', function(event) {
			if (event.key == 'enter') {
				reloadPageWithFilter();
			}
		});
	});

	var arrDateFields = $$('input.date_field');
	elDateFieldFrom = arrDateFields[1];
	elDateFieldTill = arrDateFields[3];
	
	if (Cookie.read('filterDateFrom')) elDateFieldFrom.setProperty('value', Cookie.read('filterDateFrom'));
	if (Cookie.read('filterDateTill')) elDateFieldTill.setProperty('value', Cookie.read('filterDateTill'));

	if (!Cookie.read('filterWindowURI')) {
		var filterWindowURICookie = new Cookie.write('filterWindowURI', window.location.href);
	}

	reloadPageWithFilter = function() {
		var filterDateFromCookie = new Cookie.write('filterDateFrom', elDateFieldFrom.getProperty('value'));
		var filterDateTillCookie = new Cookie.write('filterDateTill', elDateFieldTill.getProperty('value'));
		
		if ((elDateFieldFrom.getProperty('value') == '') && (elDateFieldTill.getProperty('value') == '')) {
			strDateRange = '';
		} else if (elDateFieldFrom.getProperty('value') == '') {
			strDateRange = '?tot=' + elDateFieldTill.getProperty('value');
		} else if (elDateFieldTill.getProperty('value') == '') {
			strDateRange = '?van=' + elDateFieldFrom.getProperty('value');
		} else {
			strDateRange = '?van=' + elDateFieldFrom.getProperty('value') + '&tot=' + elDateFieldTill.getProperty('value');
		}

		window.location.href = Cookie.read('filterWindowURI') + strDateRange;
	}

	document.getElement('.reset').addEvent('click', function() {
		elDateFieldFrom.setProperty('value', '');
		elDateFieldTill.setProperty('value', '');
		Cookie.dispose('filterDateFrom');
		Cookie.dispose('filterDateTill');
	});

}

/**
* GetEnter
* Gets the key "enter" on the input
*
* @author Jeroen Datema <jeroen.datema[at]efocus.nl>
* @return void
*/

function GetEnter(url, e, queryString) {
    var keycode;
    if (window.event) keycode = window.event.keyCode;
    else if (e) keycode = e.which;
    else return true;
    if (keycode == 13) {
        var connector = url.toString().indexOf("?") >= 0 ? "&" : "?";
        var newLocation = url + connector + "q=" + encodeURIComponentNew(queryString);
        window.location = newLocation;
        return false;
    }
    else
        return true;
}

function GetEnterWithQS(url, e, zoekstring, queryString) {
    var keycode;
    if (window.event) keycode = window.event.keyCode;
    else if (e) keycode = e.which;
    else return true;
    if (keycode == 13) {
        var newLocation = url + "?q=" + encodeURIComponentNew(zoekstring);
        if (queryString != '' && queryString != undefined && queryString.toString().indexOf('?') < 0) {
            newLocation = queryString + "?q=" + encodeURIComponentNew(zoekstring);
        }
        window.location = newLocation;
        return false;
    }
    else
        return true;
}

/**
* RedirectZoek
*
* @author Jeroen Datema <jeroen.datema[at]efocus.nl>
* @return void
*/

function RedirectSearch(url, zoekstring) {
    window.location = url + "?q=" + encodeURIComponentNew(zoekstring);
    return false;
}

function RedirectSearch(url, zoekstring, categorie) {
    window.location = url + "?q=" + encodeURIComponentNew(zoekstring) + "&categorieen=" + categorie;
    return false;
}

function RedirectSearchWithQS(url, zoekstring, queryString) {
    var newLocation = url + "?q=" + encodeURIComponentNew(zoekstring);
    if (queryString != '' && queryString != undefined) {
        newLocation = queryString + "?q=" + encodeURIComponentNew(zoekstring);
    }
    window.location = newLocation;
    return false;
}

/** 
* functie encodeURIComponentNew() doet escape() maar dan netjes unicode 
*
* @author Barend <barend[at]efocus.nl>
*/

var hexchars = "0123456789ABCDEF";
var okURIchars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789_-";
function encodeURIComponentNew(s) {
    var s = utf8(s);
    var c;
    var enc = "";
    for (var i = 0; i < s.length; i++) {
        if (okURIchars.indexOf(s.charAt(i)) == -1)
            enc += "%" + toHex(s.charCodeAt(i));
        else
            enc += s.charAt(i);
    }
    return enc;
}

function toHex(n) {
    return hexchars.charAt(n >> 4) + hexchars.charAt(n & 0xF);
}

function utf8(wide) {
    var c, s;
    var enc = "";
    var i = 0;
    while (i < wide.length) {
        c = wide.charCodeAt(i++);
        // handle UTF-16 surrogates
        if (c >= 0xDC00 && c < 0xE000) continue;
        if (c >= 0xD800 && c < 0xDC00) {
            if (i >= wide.length) continue;
            s = wide.charCodeAt(i++);
            if (s < 0xDC00 || c >= 0xDE00) continue;
            c = ((c - 0xD800) << 10) + (s - 0xDC00) + 0x10000;
        }
        // output value
        if (c < 0x80) enc += String.fromCharCode(c);
        else if (c < 0x800) enc += String.fromCharCode(0xC0 + (c >> 6), 0x80 + (c & 0x3F));
        else if (c < 0x10000) enc += String.fromCharCode(0xE0 + (c >> 12), 0x80 + (c >> 6 & 0x3F), 0x80 + (c & 0x3F));
        else enc += String.fromCharCode(0xF0 + (c >> 18), 0x80 + (c >> 12 & 0x3F), 0x80 + (c >> 6 & 0x3F), 0x80 + (c & 0x3F));
    }
    return enc;
}

/**
 * starts pushbox
 *
 * @author Rocco Janse <rocco@efocus.nl>
 * @since 1.0, 14 aug, 2009
 * @return void
 */

function startPushbox() {
	if (!$('pushbox')) return;
	var pbox = new Pushbox({
		'viewport': $('pushbox').getElement('div.viewport'),
		'slides': $('pushbox').getElement('ul.slides').getElements('li'),
		'navigation': $('pushbox').getElement('ul.pushbox_nav').getElements('li'),
		'transition': 'fade',
		'delay': 5
	});
}

/**
* starts carrousel
*
* @author Rocco Janse <rocco@efocus.nl>
* @since 1.1, 27 aug, 2009
* @author Ralph Meeuws <ralph.meeuws{AT}efocus.nl>
* @return void
*/

function startCarrousel() {
	if (!$('projectscarrousel')) return;
	
	makeEqualHeight($('projectscarrousel').getElement('ul.slides').getChildren('li'));
	$('projectscarrousel').getElement('div.viewport').setStyle('height', makeEqualHeight($('projectscarrousel').getElement('ul.slides').getChildren('li')));

	var csel = new Carrousel({
		'viewport': $('projectscarrousel').getElement('div.viewport'),
		'slidesContainer': $('projectscarrousel').getElement('ul.slides'),
		'linkNext': $('projectscarrousel').getElement('div.nav').getElement('a.next'),
		'linkPrevious': $('projectscarrousel').getElement('div.nav').getElement('a.prev'),
		'slidesToShift': 1,
		'slidesToShow': 3
	});
}

/**
* initRating
* Makes sure the rating can be set.
* 
* @author Ralph Meeuws <ralph.meeuws[AT]efocus.nl>
* @author Rocco Janse <rocco@efocus.nl>
* @return void
*/
function initRating() {
	if (!document.getElement('.appreciation')) return;

	$$('ul.appreciation').each(function(elAppreciation) {
		arrAppreciationLinks = elAppreciation.getElements('a');
		arrAppreciationLinks.each(function(elAppreciationLink, n) {
			intAppreciationNumberSet = 0;
			elAppreciationLink.addEvents({
				'mouseenter': function() {
					intAppreciationNumber = n * 5;
					if (intAppreciationNumber == 0 || intAppreciationNumber == 5) intAppreciationNumber = '0' + intAppreciationNumber;
					elAppreciation.className = 'appreciation appreciation' + intAppreciationNumber;
				},
				'mouseleave': function() {
					elAppreciation.className = 'appreciation appreciation' + intAppreciationNumberSet;
				},
				'click': function(e) {
					e.stop();
					elAppreciationLink.blur();
					intAppreciationNumberSet = intAppreciationNumber;
					elAppreciation.getParent().getElement('.appreciation_value').setProperty('value', intAppreciationNumber);
				}
			});
		});
	});
}

/**
* initContactTabs
* Adds tabbed navigation to the contactpage.
*
* @author Ralph Meeuws <ralph.meeuws{AT}efocus.nl>
* @since 1.1, 26 aug, 2009
* @return void
*/
function initContactTabs() {
	if (!document.getElement('.contact')) return;
	
	var contactTabs = new Tabs({
		tabs: document.getElement('.tabnav').getElements('a'),
		panels: document.getElement('.tabcontent').getElements('li')
	});
}

/**
* Tabs Class
* Creates a tabbed navigation from a list and links it to the appropriate content.
*
* @author Ralph Meeuws <ralph.meeuws{AT}efocus.nl>
* @since 1.0, 17 aug, 2009
*
* @params tabs: Array of anchors elements
* @params panel: Array of list items acting as content holders
* @return void
*/
var Tabs = new Class({
	Implements: [Options, Events],
	options: {
		tabs: document.getElements('.tab_nav a'),
		panels: $$('.tab_panel')
	},
	initialize: function(options) {
		this.setOptions(options);
		this.createTabEvents();
		this.detectDirectURI();
	},
	createTabEvents: function() {
		this.options.tabs.each(function(elTab, n) {
			elTab.addEvent('click', function(event) {
				event.stop();
				elTab.blur();
				this.setActiveStates(n);
			} .bindWithEvent(this));
		} .bind(this));
	},
	detectDirectURI: function() {
		if (location.href.contains('#')) {
			var arrURIParts = location.href.split('#');
			var strInternalLink = arrURIParts[arrURIParts.length - 1];

			$$('a').each(function(elLink) {
				if (elLink.getProperty('name') == strInternalLink) {
					this.detectActiveItems(elLink);
				}
			} .bind(this));
		}
	},
	detectActiveItems: function(elInternalLink) {
		this.options.panels.each(function(elPanel, n) {
			if (elPanel == elInternalLink.getParent()) {
				this.setActiveStates(n);
			}
		} .bind(this));
	},
	setActiveStates: function(intActiveItem) {
		this.options.panels.each(function(elPanel, n) {
			if (n == intActiveItem) {
				elPanel.addClass('active');
			} else {
				elPanel.removeClass('active');
			}
		});

		this.options.tabs.each(function(elTab, n) {
			if (n == intActiveItem) {
				elTab.getParent().addClass('active');
			} else {
				elTab.getParent().removeClass('active');
			}
		});
	}
});

/**
* inserts Google map and Google directions on contact page
*
* @author Ralph Meeuws <ralph.meeuws[AT]efocus.nl>
* @author Klaas Dieleman <klaas[AT]efocus.nl>
* @return void
*/

function insertGoogleMap() {
	if(!$('googlemap') || !$('googledirections')) return false
	
	var elRouteMap = $('googlemap');
	var elRouteZip = document.getElement('fieldset.planroute input.text');
	var elRouteBtn = document.getElement('fieldset.planroute input.button');
	var elRouteDir = $('googledirections');	
	
	var strBalloonContent = document.getElement('div.contact div.usercontent p.intro').clone();	
	var strBalloonContentImg = strBalloonContent.getElement('img.visual').dispose(); 
		
	if (GBrowserIsCompatible()) {
		var map = new GMap2(elRouteMap);
		var geocoder = new GClientGeocoder();
		var gdir = new GDirections(map, elRouteDir);
		
		function showAddress(address) {
			geocoder.getLatLng(
				address,
				function(point) {
					if (!point) {
						alert(address + " not found");
					} else {
						map.setCenter(point, 15);
						var marker = new GMarker(point);
						
						map.addOverlay(marker);
						map.addControl(new GLargeMapControl());
						map.addControl(new GMapTypeControl());						
						marker.openInfoWindowHtml(strBalloonContent);
						
						GEvent.addListener(marker, 'click', function() {
							marker.openInfoWindowHtml(strBalloonContent);
						});
					}
				}
			);
		}	
		showAddress(gmapAddress);

	}
	
	elRouteBtn.addEvent('click', function(){
	  	strRouteZip = elRouteZip.value;
		gdir.load('from: ' + strRouteZip + ' to: ' + gmapAddress, { 'locale': 'nl_NL' });
	});
	
	elRouteZip.addEvent('keypress', function(event){
		if (event.key == 'enter') {
	  		strRouteZip = elRouteZip.value;
			gdir.load('from: ' + strRouteZip + ' to: ' + gmapAddress, { 'locale': 'nl_NL' });
		}
	});
}

/**
 * inserts NS widget on contact page
 *
 * @author Klaas Dieleman <klaas[AT]efocus.nl>
 * @return void
 */

function insertNSwidget() {
	if(!$('nswidget')) return false
	
	var widgetFrame = "<iframe frameborder=0 src='http://www.ns.nl/webwidgets/widget.jsp?width=470&amp;height=320&amp;data=eNpjaE3Os1VLTkpPtjU0Mzc3NzI0VStH4WWg8JKLElNsDdSSym0N1ZKA4sYmRoZAGbW0ZFtjY1NT%0AExNjtbRiW0OgQGaFrbtaSpltcIh/mFpKIoROKyu2TUvMKU5VSykGWltsGxSgauQc4AQAxGkl7g%3D%3D%0A&amp;ref="+escape(location.href)+"' width='470' height='320'></iframe>";
	$('nswidget').set('html', widgetFrame);
}

/**
 * inserts JW wmv videoplayer on contentpages where a video is added
 * client requires Silverlight plugin
 *
 * @author Klaas Dieleman <klaas[AT]efocus.nl>
 * @return void
 */

function insertWMVplayer() {
	if(!$('introvideo')) return false
	
	var cnt = $('introvideo');
	var src = '/js/wmvplayer/wmvplayer.xaml';
	
	var ply = new jeroenwijering.Player(cnt,src,cfg);
	
}

/**
 * initializes search form; handles enter keyup event and click events
 *
 * @author Rocco Janse <rocco@efocus.nl>
 * @since 1.0, 10 sept, 2009
 * @return void(0)
 */
function initSearchForm() {
	var forms = $$('fieldset.findproject').combine($$('fieldset.search')).combine($$('fieldset.search_form')).combine($$('div.header_webshop'));
	if (forms.length == 0) return;

	var buildUrl = function(form) {
		var input = form.getElement('input.text');
		
		var url = form.getElement('input.searchUrl').get('value');
		url += encodeURIComponent(input.get('value'));
		if(document.getElement('select.searchdomain')) {
			url += '&domein=' + encodeURIComponent(document.getElement('select.searchdomain').getSelected().get('value'));
		}
		return(url);
	};
	
	forms.each(function(form) {
	
		var input = form.getElement('input.text');
		var button = form.getElement('.button');

		input.addEvents({
			'keyup': function(e) {
				if (e.key == 'enter' && input.get('value') != '') {
					e.stop();
					window.location = buildUrl(form);
				}
			}
		});
		button.addEvents({
			'click': function(e) {
				if (input.get('value') != '') {
					e.stop();
					window.location = buildUrl(form);
				}			
			},
			'keyup': function(e) {
				if (e.key == 'enter' && input.get('value') != '') {
					e.stop();
					window.location = buildUrl(form);
				}			
			}
		});
	});
}

/**
 * puts FAQ categories in an accordion and enables toggling of answers
 *
 * @author Klaas Dieleman <klaas[AT]efocus.nl>
 * @return void
 */

function initFAQtoggling() {

	var list = $(document.body).getElement('ul.faq');
	if (!list) return;

	var items = list.getChildren('li');
	
	if (items.length > 0) {

		var handles = [];
		var questions = [];

		items.each(function(item) {
			if (item.getElement('div.questions')) {
				handles.include(item.getElement('h3'));
				questions.include(item.getElement('div.questions'));
			}
		});

		var faqAccordion = new Fx.Accordion(handles, questions, {
			'onActive': function(toggler){
				toggler.getParent().addClass('open');
			},
			'onBackground': function(toggler){
				toggler.getParent().removeClass('open');
			},
			'alwaysHide': true,
			'show': 0
		});
		$$('div.questions')[0].setStyle('height', $$('div.questions')[0].getSize().y);
	}

	if ($$('ul.faq dd').length > 0) {
		if ($$('ul.faq dt').length == $$('ul.faq dd').length) {
			$$('ul.faq dt').each(function(item, index) {
				item.addEvent('click', function() {
					var oldHeight = item.getParent().getSize().y;

					$$('ul.faq dt').removeClass('open');
					$$('ul.faq dd').removeClass('open');

					$$('ul.faq dt')[index].addClass('open');
					$$('ul.faq dd')[index].addClass('open');

					var newHeight = item.getParent().getSize().y;

					item.getParent('div.questions').setStyle('height', (item.getParent('div.questions').getSize().y + (newHeight - oldHeight)));
				});
			});
		}
	}
}


function addListToBasket() {
	var products = $$('ul.products_list>li div.product_order').filter(function(el){
		if(el.getElement('input.text')) return el;
	});
	
	if(products.length < 1) return false

	products.each(function(item) {
		var productcode = item.getElement('a.addToBasketLink').getProperty('productcode');
		var amount = item.getElement('input.text').get('value');

		AddToBasket(productcode, amount, "1");

	});
}


/**
* function makePreview
* makes preview of current form / email
*
* @author Mirjam <mirjam[AT]efocus.nl>
* @return void
*/

function makePreview() {
     
    var previewLink = $$('a.open_lightbox');
    if (previewLink.length == 0) return false;

    previewLink.each(function(item) {
        item.addEvent('click', function(event) {

            event.stop();

            var thisForm = previewLink.getParent('div.form');

            var lightboxUrl = "tell-a-friend/email-voorbeeld.aspx?";
            lightboxUrl += "fromname=" + thisForm.getElement('input.name_from').get('value');
            lightboxUrl += "&fromemail=" + thisForm.getElement('input.email_from').get('value');
            lightboxUrl += "&toname=" + thisForm.getElement('input.name_to').get('value');
            lightboxUrl += "&toemail=" + thisForm.getElement('input.email_to').get('value');
            lightboxUrl += "&subject=" + thisForm.getElement('input.subject').get('value');
            lightboxUrl += "&message=" + thisForm.getElement('textarea.message').get('value');
            lightboxUrl += "&item=" + getQueryVariable('item');
            
            Shadowbox.open({
                content: lightboxUrl,
                player: "iframe",
                height: 500,
                width: 500
            });

        });
    });
    
}

function F67postcodecheck(prefix) {
    var postcodeveld = $(eval(prefix + 'postcodeveld'));
    var huisnummerveld = $(eval(prefix + 'huisnummerveld'));
    var updatepanel = $(eval(prefix + 'updatepanel'));
    var checkenabled = $(eval(prefix + 'postcodecheckenabled'));

    // checkenabled.checked is false als 'handmatig' of 'buitenland' is gekozen
    if (checkenabled.checked) {
        if (postcodeveld.value != '' && huisnummerveld.value != '') {



            __doPostBack(eval(prefix + 'postcodeveld'), '');    // Adresblok.ascx.cs regel 160 UpdatePostcode()

            //$$('ul.sent_options>div.pnlInloggen').setStyle('display', 'none');
        }
    }

    
    
}

function F67checkVolledigeAanmelding(validator) {
    // validatie gebeurt alleen op server; deze clientfunctie dient alleen om de meldingen na wijzigen te verbergen
    validator.valid = true;
}

function getQueryVariable(variable) {
	var query = window.location.search.substring(1);
	var vars = query.split("&");
	for (var i=0;i<vars.length;i++) {
		var pair = vars[i].split("=");
		if (pair[0] == variable) {
			return pair[1];
		}
	} 
}


/**
* creates an accordion of the specified elements
*
* @author Lowen <lowen[AT]efocus.nl>
* @author Ralph Meeuws <ralph.meeuws[AT]efocus.nl>
* @return void
*/

var myAccordion;

function createAccordion(arrTogglers, arrSections, openPanel) {
    if (arrTogglers.length == 0 || arrSections.length == 0) { return false; }
	
    if (arrSections.length == 1) openPanel = 0;

    var _alwaysHide = true;
    var _slide = true;
    if (openPanel == 0) { _alwaysHide = false; _slide = false; }

	var myAccordion = new Accordion(arrTogglers, arrSections, {
	    display: openPanel,
	    alwaysHide: _alwaysHide,
	    initialDisplayFx: _slide
	});
}


/**
* Sets the height of the portfolio overview items to equalize row height.
* 
* @author Ralph Meeuws <ralph.meeuws[AT]efocus.nl>
* @since 1.0, 12 aug 2010
* @return void
*/

function setPortfolioOverviewItemHeight() {

    var arrOverviewPortfolioLists = $(document).getElements('.portfolio_overview');
    if (arrOverviewPortfolioLists.length == 0) { return false };

    arrOverviewPortfolioLists.each(function (elOverviewPortfolioItem) {

        var arrOverviewPortfolio = elOverviewPortfolioItem.getChildren('li');
        var intItemsPerRow = 3;
        var intMaxHeightTitle = 0;
        var intMaxHeightTags = 0;
        var intMaxHeight = 0;

        var setMaxHeightTitle = function (elOverviewPortfolioTitleLink) {
            if (intMaxHeightTitle < elOverviewPortfolioTitleLink.getComputedSize().height) intMaxHeightTitle = elOverviewPortfolioTitleLink.getComputedSize().height;
        }

        var setMaxHeightTags = function (elOverviewPortfolioTagsLink) {
            if (intMaxHeightTags < elOverviewPortfolioTagsLink.getComputedSize().height) intMaxHeightTags = elOverviewPortfolioTagsLink.getComputedSize().height;
        }

        var setMaxHeight = function (elOverviewPortfolio) {
            if (intMaxHeight < elOverviewPortfolio.getHeight()) intMaxHeight = elOverviewPortfolio.getHeight();
        }

        arrOverviewPortfolio.each(function (elOverviewPortfolio, index) {
            if ((index + 1) % intItemsPerRow) {
                if (elOverviewPortfolio.getElement('h2 a')) setMaxHeightTitle(elOverviewPortfolio.getElement('h2 a'));
                if (elOverviewPortfolio.getElement('p a')) setMaxHeightTags(elOverviewPortfolio.getElement('p a'));
                setMaxHeight(elOverviewPortfolio);
            } else {
                if (elOverviewPortfolio.getElement('h2 a')) {
                    setMaxHeightTitle(elOverviewPortfolio.getElement('h2 a'));
                    for (var i = 0; i < intItemsPerRow; i++) {
                        if (arrOverviewPortfolio[index - i].getElement('h2 a')) arrOverviewPortfolio[index - i].getElement('h2 a').setStyle('height', intMaxHeightTitle);
                    }
                    intMaxHeightTitle = 0;
                }

                if (elOverviewPortfolio.getElement('p a')) {
                    setMaxHeightTags(elOverviewPortfolio.getElement('p a'));
                    for (var i = 0; i < intItemsPerRow; i++) {
                        if (arrOverviewPortfolio[index - i].getElement('p a')) arrOverviewPortfolio[index - i].getElement('p a').setStyle('height', intMaxHeightTags);
                    }
                    intMaxHeightTags = 0;
                }

                setMaxHeight(elOverviewPortfolio);
                for (var i = 0; i < intItemsPerRow; i++) {
                    arrOverviewPortfolio[index - i].setStyle('height', intMaxHeight);
                }
                intMaxHeight = 0;
            }
        });


    });

}

/**
* Shows more items when the "view more" button is pressed.
* 
* @author Ralph Meeuws <ralph.meeuws[AT]efocus.nl>
* @since 1.0, 3 aug 2010
* @return void
*/

function showMoreOverview(elOverviewHolder, intItemsPerBatch) {
    if (!$defined(elOverviewHolder)) return false;

    var elOverview = elOverviewHolder.getElement('ul.overview');
    var arrOverviewItems = elOverview.getChildren('li');
    var elButton = elOverviewHolder.getElement('a.button');

    if (!$defined(elOverview) || !$defined(elButton)) return false;

    var intItemsToShow = intItemsPerBatch;

    arrOverviewItems.each(function (elOverviewItem, index) {
        if (index < intItemsToShow && elOverviewItem.hasClass('hidden')) {
            elOverviewItem.removeClass('hidden');
        }
    });
    if (arrOverviewItems.length <= intItemsToShow) elButton.dispose();

    extendOverview = function () {
        arrOverviewItems.each(function (elOverviewItem, index) {
            if (index < intItemsToShow && elOverviewItem.hasClass('hidden')) {
                var intItemHeight = elOverviewItem.getHeight();
                elOverviewItem.setStyle('height', 0);
                elOverviewItem.removeClass('hidden');
                elOverviewItem.tween('height', intItemHeight);
            }
        });
        if (arrOverviewItems.length <= intItemsToShow) elButton.fade('out');
    }

    elButton.addEvent('click', function (event) {
        event.stop();
        intItemsToShow += intItemsPerBatch;
        extendOverview();
    });
}

/**
* initializes submit on enter in searchforms, 
* requires a.button.search, input.searchUrl and form fields
*
* 
* @author Mirjam <mirjam{AT}efocus.nl>
* @since 1.0, 30 july 2010
* @return void
*/

function setSubmitOnChange(forms) {

    if (forms.length == 0) return false;

    var url = window.location.protocol + '//' + window.location.hostname + window.location.pathname;

    forms.each(function (form) {

        var arrFormfields = form.getElements('input').combine(form.getElements('select'));
        arrFormfields.each(function (elFormfield) {

            var evType = 'change';

            if (elFormfield.get('type') == 'checkbox' || elFormfield.get('type') == 'radio') {
                var evType = 'click';
            }

            elFormfield.addEvent(evType, function (e) {
                e.stop();
                var newQString = createSearchUrl(arrFormfields);
                window.location = url + "?" + newQString.substr(1);
            });

        });

    });

}

/**
* createSearchUrl
*
* creates url from fields in specific fieldset
*
* 
* @author Mirjam <mirjam{AT}efocus.nl>
* @since 1.0, 30 july 2010
* @return void
*/

function createSearchUrl(arrFormfields) {

    var strNewUrl = "";

    arrFormfields.each(function (elFormfield) {

        var strFieldName = elFormfield.get('name');
        var strFieldValue = elFormfield.get('value');

        if (elFormfield.get('type') == 'checkbox') {
            if (elFormfield.getProperty('checked') == false) {
                strFieldValue = 'off';
            } else {
                strFieldValue = 'on';
            }
        }

        if (elFormfield.get('type') == 'radio') {
            if (elFormfield.getProperty('checked') == true) {
                strFieldValue = elFormfield.get('value');
            } else {
                strFieldName = '';
                strFieldValue = '';
            }
        }

        if (strFieldName != 'pageUrl' && strFieldName != '' && strFieldName != null) {
            strNewUrl += "&" + strFieldName + "=" + strFieldValue;
        }

    });

    return strNewUrl;

}

/**
 * Paste protection (shortcut, contextmenu or rightclick)
 * @author Ralph Meeuws <ralph.meeuws[AT]efocus.nl>
 * @returns void
 */
function pasteProtection(arrInputs) {
    jQuery(arrInputs).each(function (index, elInput) {
        
        var txtAlert = jQuery(elInput).next('span.paste_protection_alert').html();

        // Contextmenu (mouse right-click or keyboard key):
        jQuery(elInput).bind('contextmenu', function (e) {
            e.preventDefault();
            if (txtAlert != undefined) alert(txtAlert);
        });

        // Keyboard combination Ctrl + V:
        jQuery(elInput).keydown(function (e) {
            if (e.ctrlKey && e.keyCode == 86) {
                if (txtAlert != undefined) alert(txtAlert);
                return false;
            }
        });
    });
}