function reloadFrame() {
	//get the value of both selects
	var soortEl = document.getElementById('reisSoort');
	var waarheen = document.getElementById('whereto');

	var newURL = '/';
	
	if (soortEl.value) newURL += soortEl.value + '/';
	if (waarheen.value) newURL += waarheen.value + '/';

	//some chaching here:
	/* should be possible to download the page first, right? */

	window.location.href = newURL;
}



spot=0;// global state memory for position

var scrollEl = null;
var target = 0;
var moveTo = '';
var maxRight;
var scrollnum = 404;

function move() {
	if (scrollEl == null) scrollEl = document.getElementById('scroller');
	
	if ((target > spot) && (moveTo == 'left')) {
		spot += 5;
		scrollEl.scrollLeft = spot;
		setTimeout(move,1);
	} else if ((target < spot) && (moveTo == 'right')) {
		spot -= 5;
		scrollEl.scrollLeft = spot;
		setTimeout(move,1);
	} else if ((target <= spot) && (moveTo == 'left')) {
		moveTo = '';
		scrollEl.scrollLeft = target;
	} else if ((target >= spot) && (moveTo == 'right')) {
		moveTo = '';
		scrollEl.scrollLeft = target;
	}
}


function scrollLeft () {
	moveTo = 'right';
	target = target - scrollnum >= 0 ? target - scrollnum : 0;

	document.getElementById('arrowRight').style.display = '';
	if (target <= 0) {
		document.getElementById('arrowLeft').style.display = 'none';
	}

	move();
}


function scrollRight () {
	moveTo = 'left';
	target = target + scrollnum <= maxRight ? target + scrollnum : maxRight;

	document.getElementById('arrowLeft').style.display = '';
	if (target >= maxRight) {
		document.getElementById('arrowRight').style.display = 'none';
	}

	move();
}


var currentSelectedA = null;

/* load an image */
function selectTrip(el) {
	//first get the LI element

	if (currentSelectedA == null) {
		currentSelectedA = document.getElementById('firstTab');
	}

	//set the className to first
	if (currentSelectedA != null) currentSelectedA.className = 'first';


	currentSelectedA = el;
	currentSelectedA.className = 'second';
	
	hideDiv = document.getElementById('htmlContent');

	//alert(el.parentNode);
	var showInNewScreen = document.getElementById('showInNewScreen');
	if (showInNewScreen != null) showInNewScreen.href = currentSelectedA.href;

		var ifrm = document.getElementById('ifrm');
		if (ifrm == null) {
			//first add the IFrame to the Div with id="content"
			var contentDiv = document.getElementById('content');
			
			ifrm = document.createElement('iframe');
			ifrm.setAttribute('name', 'content');
			ifrm.setAttribute('frameborder', '0');
			
			ifrm.id = "ifrm";

			contentDiv.insertBefore(ifrm,contentDiv.firstChild);			
		} else {
			ifrm.style.display = '';
		}

		ifrm.src = el + "";

		hideDiv.style.display = 'none';

	

	return false;
}