/**
 * @author frank
 */

var zoeken = function(){
	if($('zoeken')){
		$$('ul#tabs li').each(function(tab){
			tab.addEvent('click', function(){
				$('tabs').setStyle('background-image', 'url(/img/gif/zoeken-bg-'+ tab.get('id') +'.gif)');
				
				$$('ul#tabs li').each(function(el){
					el.setStyle('font-weight', 'normal');
				});
				
				var soort = tab.get('id').replace('tab','');
				$('soort').set('value', soort);
				
				changeForm(soort);
			});
		});
		
		changeForm($('soort').get('value'), true);
	}
}

var changeForm = function(soort, reset){
	$('tab'+ soort).setStyle('font-weight', 'bold');
	switch(soort.toInt()){
		case 1:
		case 2:
			$('lblmerk').setStyle('display', 'none');
			$('frmMerk').set('value',$('tab'+soort).get('html')).setStyle('display', 'none');
			$('lblcarrosserie').setStyle('display', 'block');
			$('frmCarrosserie').setStyle('display', 'block');
			$('frmModel').selectedIndex = 0;
			break;
		case 3:
			$('lblmerk').setStyle('display', 'block');
			$('frmMerk').setStyle('display', 'block');
			$('frmMerk').selectedIndex = 0;
			$('frmModel').selectedIndex = 0;
			$('lblcarrosserie').setStyle('display', 'none');
			$('frmCarrosserie').setStyle('display', 'none');
			break;
	}
	
	getFormData('merk', reset);
}

function getFormData(soort, reset){
	new Request.JSON({
		url: '/requests/occasions-modellen.php',
		onSuccess: function(data){
			if (soort == 'merk' && data.modellen.length > 0) {
				$('frmModel').empty();
				$('frmModel').disabled = false;
				
				var el = new Element('option', {
					'value': 0,
					'text': 'Alle modellen'
				}).inject($('frmModel'));
				data.modellen.each(function(op){
					var el = new Element('option', {
						'value': op,
						'text': op
					}).inject($('frmModel'));
					if (data.selected.model == op) 
						el.selected = true;
				});
			}
			
			if (soort == 'merk' && data.carrosserie.length > 0) {
				$('frmCarrosserie').empty();
				$('frmCarrosserie').disabled = false;
				
				var el = new Element('option', {
					'value': 0,
					'text': 'Alle carrosserieen'
				}).inject($('frmCarrosserie'));
				data.carrosserie.each(function(op){
					var el = new Element('option', {
						'value': op,
						'text': op
					}).inject($('frmCarrosserie'));
					if (data.selected.carrosserie == op) 
						el.selected = true;
				});
			}
			
			if (data.brandstof.length > 0) {
				$('frmBrandstof').empty();
				$('frmBrandstof').disabled = false;
				
				var el = new Element('option', {
					'value': 0,
					'text': 'Alle brandstoffen'
				}).inject($('frmBrandstof'));
				data.brandstof.each(function(op){
					var el = new Element('option', {
						'value': op,
						'text': op
					}).inject($('frmBrandstof'));
					if (data.selected.brandstof == op) 
						el.selected = true;
				});
			}

			
			else {
				$('frmModel').empty().disabled = true;
			}
		}
	}).get({ 
		'reset':		reset,
		'merk': 		$('frmMerk').get('value'),
		'model':  		($('frmModel'))?$('frmModel').get('value'):0,
		'carrosserie':  ($('frmCarrosserie'))?$('frmCarrosserie').get('value'):0,
		'brandstof':	$('frmBrandstof').get('value') 
	});
}


window.addEvent('domready', function(){
	zoeken();
});