
var ajax = new Array();
/**
Functie voor het switchen van de tabbladen bij de foto/video viewer tezamen met de contentdivs die onder de tabbladen hangen
*/
changetabs = function(element, type){
	contentdiv = Array('_mediaviewer_image','_mediaviewer_movie','_mediaviewer_availability','_mediaviewer_map');
	tabs1 = Array('mediaviewer_tab_image', 'mediaviewer_tab_movie', 'mediaviewer_tab_availability', 'mediaviewer_tab_map');
	
	for(a = 0; a < contentdiv.length;a++)
	{
		if($(tabs1[a]) != null){
			if($(type+contentdiv[a]) != null){
				if(type+contentdiv[a] == type+'_mediaviewer_'+element)
				{			
					$(type+contentdiv[a]).style.display = 'block';
					$(tabs1[a]).style.backgroundImage = 'url(/img/tab1_bg.jpg)';
					$(tabs1[a]).style.color = '#CCCCCC';
				}
				else
				{
					$(type+contentdiv[a]).style.display = 'none';
					$(tabs1[a]).style.backgroundImage = 'url(/img/tab_bg.jpg)';
					$(tabs1[a]).style.color = '#303030';
				}
			}
		}
	}	
}
/**
Functie voor de contentblokken van een trip. deze worden allemaal op none gezet behalve degene waarop geklikt wordt in het menu.
*/
contentblocks = function(element,amount)
{
	for(a=0;a < amount;a++)
	{
		$("content"+a).style['display'] = 'none';
	}
	$(element).style['display'] = 'block';
}

/**
Functie die het trefwoorden zoekveld leegmaakt zodra je erop klikt.
*/
function erase(thefield)
{
	if (thefield.defaultValue==thefield.value)
	{
		thefield.value = "";
	}
}
/**
functie die standaard waarde "Trefwoorden" weer terugzet onblur
*/ 
function fill(thefield)
{
	if (thefield.value == "")
	{
		thefield.value = thefield.defaultValue;
	}
}
/**
Functie die de stedenlijst ophaalt mbv ajax zodra er een provincie geselecteerd is
*/ 
function getCityList(province,city,trefwoorden)
{
	document.getElementById('dhtmlgoodies_city').options.length = 0;	// Empty city select box
	
	if(province.selectedIndex == 0)
	{
		var obj = document.getElementById('dhtmlgoodies_city');
		obj.options[obj.options.length] = new Option('Provincie, plaats','');			
	}		
	
	if(isNaN(province))
	{
		var countryCode = province.options[province.selectedIndex].value;
		if(countryCode.length>0){
			var index = ajax.length;
			ajax[index] = new sack();
			ajax[index].requestFile = '/trips/getCities/'+countryCode;	// Specifying which file to get
			ajax[index].onLoading = function(){ loading() };	// Specify function that will be executed after file has been found
			ajax[index].onCompletion = function(){ createCities(index,"","") };	// Specify function that will be executed after file has been found
			ajax[index].runAJAX();		// Execute AJAX function
		}	
	}
	else{
			document.getElementById('SearchWords').value = trefwoorden;	
			var countryCode = province;
			var index = ajax.length;
			ajax[index] = new sack();
			ajax[index].requestFile = '/trips/getCities/'+countryCode;	// Specifying which file to get
			ajax[index].onLoading = function(){ loading() };	// Specify function that will be executed after file has been found
			ajax[index].onCompletion = function(){ createCities(index,city) };	// Specify function that will be executed after file has been found
			ajax[index].runAJAX();		// Execute AJAX function
	}
}
/**
Functie die stedenlijst in zoekfunctie leegmaakt en weer vult en vervolgens weer de stad selecteert die 
voor het klikken op de zoek knop ook geselecteerd was.
*/ 
function createCities(index,city)
{
	var obj = document.getElementById('dhtmlgoodies_city');
	document.getElementById('dhtmlgoodies_city').options.length = 0;	// Empty city select box
	eval(ajax[index].response);	// Executing the response from Ajax as Javascript code	
	if(city != ""){
		for (var a = 0; a < obj.options.length; a++) {
				if (obj.options[a].value == city) {
				obj.options[a].selected = true;
				}
		}
	}
}
/**
Functie die netjes laat zien dat het systeem aan het laden is zodra er een provincie geselecteerd word.
*/
function loading(el)
{
	var obj = document.getElementById('dhtmlgoodies_city');
	obj.options[obj.options.length] = new Option('bezig met laden...','');
}




