/**
******************************************************************************************************/
if(typeof(window.addEvent) == 'function'){
	window.addEvent('domready',function(){
		if(null !== $('container')){
			initGemZkrs();
			initHolderForm();
			fixHeight();
			preparePrint();
			fixSelectBoxes();
			fixZoekFrom();
			productInit();
			zoekInit();
	
			// trsrt IE6 fix
			if(Browser.Engine.trident4) { DD_belatedPNG.fix('.tprt-img');}
			
			window.onresize = function(){
				timer = setTimeout(function(){
					fixHeight();
				},300);
			};
		}
	});
}

function initHolderForm(){
	
	
	// dit moet ivm we 2 forms hebben en ie geen POST method niet gaaf vindt.
	// en een msel via get niet goed werkt
	var oFrm = $('holder');
	if(null !== oFrm){
		
		oFrm.addEvent('submit',function(){
			
			var sSelected = '';
			var oSelect   = $('gmtnPre');
			var oInput    = $('gmtn');
			
			oSelect.getElements('option').each(function(o){
				if(o.selected){
					if(sSelected !== '')
						sSelected += ';';
					sSelected += o.value.toString();
				}
			});
			
			oInput.value = sSelected;
			
			oFrm.submit();
		});
		
	}
	
	
	// dit moet ivm we 2 forms hebben en ie geen POST method niet gaaf vindt.
	// en een msel via get niet goed werkt
	var oFrmA = $('productZoekenA');
	if(null !== oFrmA){
		
		oFrmA.addEvent('submit',function(){
			
			var sSelected = '';
			var aSelect   = $$('input.problemen');
			var oInput    = $('problemen');
			
			aSelect.each(function(o){
				if(o.checked){
					if(sSelected !== '')
						sSelected += ';';
					sSelected += o.value.toString();
				}
			});
			
			oInput.value = sSelected;
			oFrmA.submit();
		});
	}
	
	
	// dit moet ivm we 2 forms hebben en ie geen POST method niet gaaf vindt.
	// en een msel via get niet goed werkt
	var oFrmB = $('productZoekenB');
	if(null !== oFrmB){
		
		oFrmB.addEvent('submit',function(){
			
			var sSelected = '';
			var aSelect   = $$('input.behoeften');
			var oInput    = $('behoeften');
			
			aSelect.each(function(o){
				if(o.checked){
					if(sSelected !== '')
						sSelected += ';';
					sSelected += o.value.toString();
				}
			});
			
			oInput.value = sSelected;
			oFrmB.submit();
		});
	}
	
	
	// dit moet ivm we 2 forms hebben en ie geen POST method niet gaaf vindt.
	// en een msel via get niet goed werkt
	var oFrmC = $('frmProduct');
	if(null !== oFrmC){
		
		oFrmC.addEvent('submit',function(){
			
			var sSelected = '';
			var aSelect   = $$('input.iproducten');
			var oInput    = $('producten');
			
			aSelect.each(function(o){
				if(o.checked){
					if(sSelected !== '')
						sSelected += ';';
					sSelected += o.value.toString();
				}
			});
			
			oInput.value = sSelected;
			oFrmC.submit();
		});
	}
}


function initGemZkrs(){
	var frm = $('productZoeken');
	var gem = $('gmtn');
	if(null !== frm && null !== gem){
		frm.set({
			'events': {
				'submit': function(){
					gem.clone().inject('productZoeken');
				}
			}
		});
	}
}

function useStuff(tar){
	var frm = $('holder');
	frm.set('action',tar);
	frm.fireEvent('submit');
}


/**
******************************************************************************************************/
function fixHeight(){
	var winHeight = window.getHeight();
	var diff = 90;//64
	var fix = winHeight - diff;
	
	if(fix >0){
		var table = $('container-inhoud');
		if(null !== table){
			table.setStyle('height',fix+'px');
		}
	}
}


/**
******************************************************************************************************/
function toggleLM(elImg,elLi){
	var elLi = $(elLi);
	
	if(null !== elImg && null !== elLi){
		if(elLi.style.display == 'none'){
			elLi.style.display = 'inline';
			elImg.src = 'images/bullet_1_on.gif';
		} else {
			elLi.style.display = 'none';
			elImg.src = 'images/bullet_1_off.gif';
		}
	}
}

/**
******************************************************************************************************/
function toggleFField(curEl){	
	
	var el1Img = $('prbv-img');
	var el1Div1 = $('prbv-div1');
	var el1Div2 = $('prbv-div2');
	
	var el2Img = $('bhbv-img');
	var el2Div1 = $('bhbv-div1');
	var el2Div2 = $('bhbv-div2');

	if(null !== el1Img && null !== el1Div1 && null !== el1Div2
	&& null !== el2Img && null !== el2Div1 && null !== el2Div2){
		
		switch(true){
			
			case (el1Div2.getStyle('display') == 'none' && curEl == 'prbv'): //'prbv'bhbv
				el1Img.set('src','images/bullet_3_on.gif');
				el2Img.set('src','images/bullet_3_off.gif');
				el1Div1.setStyle('display','none');
				el1Div2.setStyle('display','block');
				el2Div1.setStyle('display','none');
				el2Div2.setStyle('display','none');
			break;
			
			case (el1Div2.getStyle('display') == 'block' && curEl == 'prbv'):
				el1Img.set('src','images/bullet_3_off.gif');
				el2Img.set('src','images/bullet_3_off.gif');
				el1Div1.setStyle('display','block');
				el1Div2.setStyle('display','none');
				el2Div1.setStyle('display','none');
				el2Div2.setStyle('display','none');
			break;
			
			case (el2Div2.getStyle('display') == 'none' && curEl == 'bhbv'): //'prbv'bhbv
				el1Img.set('src','images/bullet_3_off.gif');
				el2Img.set('src','images/bullet_3_on.gif');
				el1Div1.setStyle('display','none');
				el1Div2.setStyle('display','none');
				el2Div1.setStyle('display','none');
				el2Div2.setStyle('display','block');
			break;
			
			case (el2Div2.getStyle('display') == 'block' && curEl == 'bhbv'):
				el1Img.set('src','images/bullet_3_off.gif');
				el2Img.set('src','images/bullet_3_off.gif');
				el1Div1.setStyle('display','none');
				el1Div2.setStyle('display','none');
				el2Div1.setStyle('display','block');
				el2Div2.setStyle('display','none');
			break;
			
			default:
				el1Img.set('src','images/bullet_3_off.gif');
				el2Img.set('src','images/bullet_3_off.gif');
				el1Div1.setStyle('display','block');
				el1Div2.setStyle('display','none');
				el2Div1.setStyle('display','block');
				el2Div2.setStyle('display','none');
			break;
		}
	}
}

/**
******************************************************************************************************/
function preparePrint(){
	printDiv = $('print-container');
	contentDiv = $('inhoud-content');	
	
	if(null !== printDiv && null !== contentDiv){
		printDiv.innerHTML = contentDiv.innerHTML;
	}
}


/**
******************************************************************************************************/
function jsUpdateOnzin() {
	document.getElementById('txtOnzin').value = "123checked";
}
	
/**
******************************************************************************************************/
function fontSizeThis(fontInt){
	var linkFontSize = $('linkFontSize');
	if(null !== linkFontSize){
		var oldHref = linkFontSize.href;
		var newHref = 'include/styles_fontsize_'+fontInt+'.css';
		
		if(oldHref != newHref){
			linkFontSize.set('href',newHref);
			
			$$('.fontSizeLinks').each(function(el){
				el.className = 'fontSizeLinks';
				if('grootte-'+fontInt == el.id){
					el.className += ' selected';
				}
			});
			
			var mr = new Request({url:'index/fontSize.php'});
			mr.send({data:'fontsize='+fontInt});
		}
	}
	return false;
}
/**
******************************************************************************************************/
function fixZoekFrom(){
	
	if(null === $('zoekfrm')){ return false;}
	
	$('zoekfrm').set({
		'events':{
			'submit': function(){
				var field = $('zoekField').get('value').clean();
				
				if(field == 'Zoekterm' || field.length < 3){
					alert('De zoek term dient minimaal 3 tekens te zijn.');
					return false;
				}
			}
		}
	});
	
	$$('#zoekfrm input').each(function(field){
		if(field.type == 'text'){
			field.set({
				'events':{
					'blur': function(){
						if(this.value == ''){
							this.value = 'Zoekterm';
						}
					},
					'click': function(){
						if(this.value == 'Zoekterm'){
							this.value = '';
						}
					}
				}
			});
		}
	});
	
}

/**
******************************************************************************************************/
function fixSelectBoxes(){
	
	if(null !== $('gmtnPre')){
		new MooSelect($("gmtnPre"),{
			classname:'mooSelectFront-1',
			msg: {
				laden: 'Bezig met laden...',
				noOption: 'Alle gemeenten',
				singleOption: '1 gemeente',
				MultiOption: '%i gemeenten'
			}
		});
	}
	
	if(null !== $('txtBehoeften')){
		new MooSelect($("txtBehoeften"),{
			classname:'mooSelectFront-2',
			msg: {
				laden: 'Bezig met laden...',
				noOption: 'Alle behoeften',
				singleOption: '1 behoefte',
				MultiOption: '%i behoeften'
			}
		});
	}
	
	if(null !== $('txtProblemen')){
		new MooSelect($("txtProblemen"),{
			classname:'mooSelectFront-3',
			msg: {
				laden: 'Bezig met laden...',
				noOption: 'Alle problemen',
				singleOption: '1 probleem',
				MultiOption: '%i problemen'
			}
		});
	}
}

/**
******************************************************************************************************/
function productInit(){
	if($$('div.productBlock').length == 0){ return false;}
	
	// alle toggle divs ophalen
	$$('div.productBlock').each(function(elProdBlock){
		
		var elToggleBlock = elProdBlock.getElement('div.toggleBlock');
		var elToggleDiv = elProdBlock.getElement('div.toggleDiv');
		
		elToggleBlock.set({
			'events': {
				'click': function(){
					if(elToggleDiv.getStyle('display') != 'none'){
						elToggleDiv.setStyle('display','none');
						elToggleBlock.removeClass('active');
					} else {
						elToggleDiv.setStyle('display','block');
						elToggleBlock.addClass('active');
					}
				}
			}
		});
	});
	
	// accordion
	new Accordion($('div.productBlock'), 'h2.accorToggle', 'div.accorDiv', {
		opacity: false,
		display:-1,
		alwaysHide:true,
		onActive: function(toggler, element){
			toggler.addClass('active');
		},
		onBackground: function(toggler, element){
			toggler.removeClass('active');
		}
	});
	
	$$('h2.accorToggle').each(function(el){
		el.set({
			'events': {
				'mouseover': function(){
					this.addClass('hover');
				},
				'mouseout': function(){
					this.removeClass('hover');
				}
			}
		});
	});
}

/**
******************************************************************************************************/
function zoekInit(){

	if($$('div.zoekBlock').length == 0){ return false;}
	
	// alle toggle divs ophalen
	$$('div.zoekBlock').each(function(elProdBlock){
		
		var elToggleBlock = elProdBlock.getElement('div.toggleBlock');
		var elToggleDiv = elProdBlock.getElement('div.toggleDiv');
		
		elToggleBlock.set({
			'events': {
				'click': function(){
					if(elToggleDiv.getStyle('display') != 'none'){
						elToggleDiv.setStyle('display','none');
						elToggleBlock.removeClass('active');
					} else {
						elToggleDiv.setStyle('display','block');
						elToggleBlock.addClass('active');
					}
				}
			}
		});
	});
	
	// accordion
	new Accordion($('div.productBlock'), 'h2.accorToggle', 'div.accorDiv', {
		opacity: false,
		display:-1,
		alwaysHide:true,
		onActive: function(toggler, element){
			toggler.addClass('active');
		},
		onBackground: function(toggler, element){
			toggler.removeClass('active');
		}
	});
	
	$$('h2.accorToggle').each(function(el){
		el.set({
			'events': {
				'mouseover': function(){
					this.addClass('hover');
				},
				'mouseout': function(){
					this.removeClass('hover');
				}
			}
		});
	});
}