/**
 * Functions.js
 */

/**
 * Carousel
 */
document.observe('dom:loaded', function() {
	if($('scroller')) {
		var carousel = new Carousel($('scroller'), $$('.slide'), $$('a.carousel-jumper'), {
			frequency: 5,
			auto: true,
			selectedClassName: 'selected'
		});
	}
	
	if($('hide-kenteken')) {
		var b = $('hide-kenteken');
		b.onclick = function(e) {
			$('kenteken_c').hide();
			return false;
		}
	}
	
	if(document.getElementById('ouderdan3_c')) {
		document.getElementById('dekking').onchange = function(){
			if(this.value == 'WA+ beperkt casco') {
				document.getElementById('ouderdan3_c').style.display = '';
			}
			else {
				document.getElementById('ouderdan3_c').style.display = 'none';
			}
		}
	}
});

/**
 * Step 1, date field togglers
 */
window.onload = function() {
	if(document.getElementById('dag'))
		toggleValue('dag', 'black');
	if(document.getElementById('maand'))
		toggleValue('maand', 'black');
	if(document.getElementById('jaar'))
		toggleValue('jaar', 'black');
	if(document.getElementById('rb_dag'))
		toggleValue('rb_dag', 'black');
	if(document.getElementById('rb_maand'))
		toggleValue('rb_maand', 'black');
	if(document.getElementById('rb_jaar'))
		toggleValue('rb_jaar', 'black');
}

/**
 * Hides and reveals default input value
 * @param {String} id The ID of the search input
 * @param {String} hCol The text highlight color
 */
function toggleValue(id, hCol) {
	var el = document.getElementById(id);
	var v = el.value;
	var c = el.style.color;
	el.onfocus = function() {
		if(this.value == v)
			this.value = "";
		this.style.color = hCol;
	}
	el.onblur = function() {
		if(this.value == "")
			this.value = v;
		this.style.color = c;
	}
}