document.observe("dom:loaded" , function(){
	$$('form#snelzoeken_wonen input.radio').each(function(e){
		e.observe('change', function() {
		   	if(e.value == 'bog') {
	       		changeAction('/bog/aanbod.cfm');
	       	}
	       	else changeAction('/aanbod/aanbod.cfm');
	    });
	});
	
	$$('div#objecttabs img').each(function(e){
		e.observe('click', function() {
		   	tabname = e.id.substring(4);
		   	changetab(tabname);
	    });
	});
	
	$$('form#brochure input.checkbox').each(function(e){
		e.observe('focus', function() {
			if(e.value == 'post') {
			
	       		initAdres();
	       	}
	       	else {
	       		initEmail();
	       	}
	    });
	});
	
	
	$$('span#bog').each(function(e){
		e.observe('mouseover', function() {
			showinfo('info_bog',1);
		});
		e.observe('mouseout', function() {
			showinfo('info_bog',0);
		});
	});
	
	//tabbladden snelzoeken wonen en nieuwbouw wisselen
	$$('div#tab_snelzoeken_nieuwbouw').each(function(e){
		e.observe('click', function() {
			chageSnelzoekenTab(1);
		});
	});
	
	
	$$('div#tab_snelzoeken_wonen').each(function(e){
		e.observe('click', function() {
			chageSnelzoekenTab(2);
		});
	});
	
	//change prijsklasse uitgebreid zoeken
	$$('form#uitgebreid_zoeken input.radio').each(function(e){
		e.observe('change', function() {
		   	changePrices();
	    });
	});
	
	
	//submenu's tonen 
		$$('div#tabs img').each(function(e){
			e.observe('mouseover', function() {
				showsubmenu(e.id);
	        });
     		e.observe('mouseout', function() {
     			hidesubmenu(e.id);
	        });
		}); 
	
		$$('ul.tabs_submenu').each(function(e){
	 		e.observe('mouseover', function() {
	        	e.style.display = 'block';
	        });
     		e.observe('mouseout', function() {
	          	e.style.display = 'none';
	        });
		}); 
		
	//submenu's items onmouseover
	$$('ul.tabs_submenu li').each(function(e){
	 		e.observe('mouseover', function() {
	        	e.className = 'on';
	        });
     		e.observe('mouseout', function() {
	          	e.className = 'out';
	        });
		});
		
	//zoeken op kantoor 
	$$('form#zoek_op_kantoor select.owner').each(function(e){
		e.observe('change', function() {
		   document.getElementById('zoek_op_kantoor').submit();
	    });
	});
	
	//nieuwsarchief in/uitklappen 
	$$('div#archief div.archief_item').each(function(e){
		e.observe('click', function() {
			showarchief(e.id);
		});
	});
	
	
		
});

function showarchief(divname) { 
	listname = "list-"+divname;
	list = document.getElementById(listname);
	list.style.display = 'block';
	

}

function chageSnelzoekenTab(nr){
	t1 = document.getElementById('tab_snelzoeken_nieuwbouw');
	t2 = document.getElementById('tab_snelzoeken_wonen');
	f1 = document.getElementById('snelzoeken_nieuwbouw');
	f2 = document.getElementById('snelzoeken_wonen');
	if (nr == '1') {
		t2.className = 'off';
		t1.className = 'on';
		f2.style.display ='none';	
		f1.style.display ='block';
		
	}
	
	else {
		t1.className = 'off';
		t2.className = 'on';
		f1.style.display ='none';	
		f2.style.display ='block';
		
	}
}

	
function showsubmenu (tabname) {
	submenuname = tabname.replace("tab", 'submenu');
	submenu = document.getElementById(submenuname);
	if(submenu) submenu.style.display = 'block';
	
}

function hidesubmenu (tabname) {
	submenuname = tabname.replace("tab", 'submenu');
	submenu = document.getElementById(submenuname);
	if(submenu) submenu.style.display = 'none';
}		
function changeAction(act){
	f = document.getElementById('snelzoeken_wonen');
	f.action = act;
}

function showinfo(infoname,infovalue){
	ob = document.getElementById(infoname);
	if(infovalue == 0)	ob.style.display = 'none';
	else ob.style.display = 'block';
		
}

var tabsArray = ['omschrijving','fotos','kaart','reageer','brochure','woonclip', 'video'];
		
function resetAll(){
	for (var x = 0; x <= tabsArray.length; x++){
		divname = 'div-' + tabsArray[x];
		divobj = document.getElementById(divname);
		if(divobj) {
			tabname = 'tab_' + tabsArray[x];
			tabobj = document.getElementById(tabname);
			
			divobj.className = 'hidediv';
			if(tabobj) 	tabobj.src = tabobj.src.replace("_on","_off"); 
		}
	}
}
		
function changetab(tab) {
	resetAll();
	tabobj = document.getElementById('tab_' + tab);
	tabobj.src = tabobj.src.replace("_off","_on"); 
	document.getElementById('div-' + tab).className = 'showdiv';
	if(tab == 'kaart') {
		loadObjectmap();
	}
}

var objectmapLoaded;
function loadObjectmap() {
	if (!objectmapLoaded) {
		objectmapLoaded = true;
		document.getElementById("objectmap").src = document.getElementById("objectmap").src;
	}
				return true;
			}

function init(f) {
	
	if(f.lastName!=undefined) f.lastName.setAttribute('required','Uw naam is verplicht.');
	if(f.telephone!=undefined)	f.telephone.setAttribute('required','Telefoonnummer is verplicht.');
	if(f.telephone!=undefined)	f.telephone.setAttribute('validate','numeric');
	if(f.telephone!=undefined)	f.telephone.setAttribute('message','Vul een geldig telefoonnummer in.');
	if(f.email!=undefined) {
	f.email.setAttribute('required','E-mail is verplicht.');
	f.email.setAttribute('validate','email');
	f.email.setAttribute('message','vul een geldig e-mail adres in');
	}

}

function initEmail() {
	f = document.getElementById('brochure');
	f.streetname.setAttribute( "required", "U bent verplicht om een adres in te vullen.");
	f.streetnr.setAttribute( "required", "U bent verplicht om een huisnummer in te vullen.");
	f.zipcode.setAttribute( "required", "U bent verplicht om een postcode in te vullen.");
	f.city.setAttribute( "required", "U bent verplicht om een plaatsnaam in te vullen.");
	f.email.setAttribute('required','E-mail is verplicht.');
	f.email.setAttribute('validate','email');
	f.email.setAttribute('message','vul een geldig e-mail adres in');
	document.getElementById("required_1").style.display='inline';
	document.getElementById("required_2").style.display='inline';
	document.getElementById("required_3").style.display='inline';
	document.getElementById("required_4").style.display='inline';
	document.getElementById("required_5").style.display='inline';
}


function initAdres(f) {
	f = document.getElementById('brochure');
	f.streetname.setAttribute( "required", "U bent verplicht om een adres in te vullen.");
	f.streetnr.setAttribute( "required", "U bent verplicht om een huisnummer in te vullen.");
	f.zipcode.setAttribute( "required", "U bent verplicht om een postcode in te vullen.");
	f.city.setAttribute( "required", "U bent verplicht om een plaatsnaam in te vullen.");
	document.getElementById("required_1").style.display='inline';
	document.getElementById("required_2").style.display='inline';
	document.getElementById("required_3").style.display='inline';
	document.getElementById("required_4").style.display='inline';
	document.getElementById("required_5").style.display='none';
}