function startFeature()
{
	$('#featuredImage'+feature_image_set).show();
	refreshId = setInterval(function()
	{
		loadNextFeature();
	}, refreshTime);
}

function loadNextFeature()
{
	$('#featuredImage'+feature_image_set).fadeOut(500);
			
	if(feature_image_set == feature_image_amount)
	{
		feature_image_set = 1;
	}
	else
	{
		feature_image_set++;
	}
	
	$('#featuredImage'+feature_image_set).fadeIn(1500);
} 

function setPromoBox(promoBoxNr)
{
	$(".startpageContentBoxExtra").fadeOut(350); //deze moet los voor IE 7
	$(".promoBox").fadeOut(350);
	setTimeout("showPromoBox("+promoBoxNr+")",400);
}

function showPromoBox(promoBoxNr)
{
	$(".promoboxesOptions").removeClass("current-cat");
	$("#promoboxSelectOption"+promoBoxNr).addClass("current-cat");
	$(".startpageContentBoxExtra").fadeIn(500); //deze moet dus ook weer terug komen
	$("#startpageSecondBoxContent"+promoBoxNr).fadeIn(500);
}


function swithTab(x)
{
	//tab on class verwijderen
	$('li').removeClass('on');
	//betreffende tab de class on geven
	$('#'+x).addClass('on');
	
	//Voor de pagina category
	$('.category_menu_content_sub').removeClass('div_content_hidden');
	$('.category_menu_content_sub').removeClass('div_content_show');
	$('.category_menu_content_sub').addClass('div_content_hidden');
	
	//Voor de pagina arrangement
	$('.trip_content_tabs').removeClass('div_content_hidden');
	$('.trip_content_tabs').removeClass('div_content_show');
	$('.trip_content_tabs').addClass('div_content_hidden');
	
	$('#div_'+x).removeClass('div_content_hidden');
	$('#div_'+x).addClass('div_content_show');
}

function loadMovies(id, categories)
{
	// SWFObject embed
	var flashvars = {
		paramXMLPath: "http://"+window.location.hostname+"/_template98/xmlparams/xmlparams.php/"+id+":"+categories+"",
		initialURL: escape(document.location)
	}
	
	var params = { 
		base: ".",
		quality: "best",
		allowfullscreen: "false",
		bgcolor: "#303030"
	}   
	
	var attributes = {}
	
	swfobject.embedSWF("http://"+window.location.hostname+"/_template98/swf/ssp/slideshowpro.swf", "movie_viewer", "360", "340", "9.0.0", false, flashvars, params, attributes);
}

/*-------------------------------------------------------GOOGLE MAPS TAB CATEGORY-----------------------------------------------*/
var tabmap;
var maxMarkers 	= "10";
var baseIcon;
var marker_array = new Array();
var j = 0;
var markersArray = new Array();
var infowindow;
//var markerpointsArray  = new Array();

function loadGoogleMaps()
{
	j = 0; //even resetten voor als er van tabs wordt verwisseld
	load();
	loadMarkers(); 
}

function load()
{
	var latlng = new google.maps.LatLng('52.2533246', '5.3779321');
    var myOptions = {
      zoom: 7,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    tabmap = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);
}

function loadMarkers()
{	
	if(j < (marker_Array.length))
	{
		if(maxMarkers > 0)
		{
			var point = new google.maps.LatLng(marker_Array[j][0],marker_Array[j][1]);
			var trip_id = marker_Array[j][2];
			var cat_id = marker_Array[j][3];
			
			var marker = createMarker(point,trip_id,j,cat_id)
			markersArray.push(marker);
			marker.setMap(tabmap);
			j++;
	    }
	
		if (j < maxMarkers)
		{
	 		setTimeout('loadMarkers()', 50);
		}
	}
	infowindow = new InfoBox();
}

function createMarker(point,trip_id,marker_nr, cat_id)
{
	var marker = new google.maps.Marker({
		position: point,
		tripid: trip_id,
		markernr: marker_nr,
		icon: "http://www.recreatief.nl/zoeken/images/marker.png",
		title: "trip"});
	
	google.maps.event.addListener(marker, 'click', function()
	{
		infowindow.close();
		$.ajax({
			type: "POST",
		   	url: "http://"+window.location.hostname+"/_template98/ajax_css_style.php",
		   	data: "data[data]="+point+", "+cat_id+"",
		   	success: function(msg)
			{
				$('#css_div').html(msg);
				infowindow.setContent('<div id="header_infowindow"></div><div id="windowcontent">&nbsp;&nbsp;&nbsp;<img src="http://www.recreatief.nl/zoeken/images/ajax_loader_world_green.gif" alt="laden" /> Trips worden geladen</div><div id="footer_infowindow"></div>');
				infowindow.open(tabmap, marker);
				window.setTimeout("showMarkerInfo('"+point+"',"+cat_id+")",100);
			}
		});	
	});			
	return marker;
}

function showMarkerInfo(point, cat_id)
{
	$.ajax({
		type: "POST",
	   	url: "http://"+window.location.hostname+"/_template98/ajax_marker_info.php",
	   	data: "data[data]="+point+", "+cat_id+"",
	   	success: function(msg)
	   	{
	   		$('#windowcontent').html(msg);
	   }
	});
}
/*------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------GOOGLE MAPS TAB ARRANGEMENT--------------------------------------------*/
var loadGoogleMapsArrangementActive;
var loadGoogleMapsStreetActive;
function loadGoogleMapsArrangement(longitude, latitude)
{
	if(!loadGoogleMapsArrangementActive)
	{
		var latlng = new google.maps.LatLng(latitude, longitude);
		var myOptions = {
		  zoom: 8,
		  center: latlng,
		  mapTypeId: google.maps.MapTypeId.TERRAIN
		};
		arrangement_map = new google.maps.Map(document.getElementById("map_canvas_arrangement"), myOptions);
		var point = new google.maps.LatLng(latitude, longitude);
		var marker = new google.maps.Marker({position: point,
											 icon: "http://www.recreatief.nl/zoeken/images/marker.png"
											});
		marker.setMap(arrangement_map);
		loadGoogleMapsArrangementActive = true;
	}
}

function loadGoogleMapsStreet(streetview_longitude, streetview_latitude, yaw, pitch, zoom)
{
	if(!loadGoogleMapsStreetActive)
	{
		var latlng = new google.maps.LatLng(streetview_latitude, streetview_longitude);
		panorama = new google.maps.StreetViewPanorama(document.getElementById("map_canvas_streetview"));
		panorama.setPosition(latlng);
		panorama.setPov({
			heading: yaw,
			pitch: pitch,
			zoom: zoom    	
		});
		panorama.setVisible(true);
		loadGoogleMapsStreetActive = true;	
	}
}
/*------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------GOOGLE MAPS SEARCH-----------------------------------------------------*/
var searchmap;
var category_id;
var categories = '';
var provinces = '';
var clicked_category 			= 0;
var clicked_removed_category 	= 0;
var province_array 		= new Array();
var category_array 		= new Array();
var persons_selected 	= 0;
var price_selected 		= 0;
var search_marker_array = new Array();
var marker_points_array = new Array();
var search_infowindow;

function showSearchBox()
{
	if ($("#trip_search_box").is(":hidden")) 
	{
        $("#trip_search_box").slideDown("slow");
    }
	else 
	{
       $("#trip_search_box").slideUp("slow");
    }
}

function showGoogleMapsSearch()
{
	$("#frontGoogleMaps").slideToggle("slow");
	loadGoogleMapsSearch();
}

function hideGoogleMapsSearch()
{
	$("#frontGoogleMaps").slideToggle("slow");
	
}

function disabledMapOtherOptions(search,search_option)
{
	if(search_option != 1)
	{
		$('#map_add_'+search+'_1').css("display", "none");
		$('#map_disable_'+search+'_1').css("display", "inline");
	}
	
	if(search_option != 2)
	{
		$('#map_add_'+search+'_2').css("display", "none");
		$('#map_disable_'+search+'_2').css("display", "inline");
	}
	
	if(search_option != 3)
	{
		$('#map_add_'+search+'_3').css("display", "none");
		$('#map_disable_'+search+'_3').css("display", "inline");
	}
	
	if(search_option != 4)
	{
		$('#map_add_'+search+'_4').css("display", "none");
		$('#map_disable_'+search+'_4').css("display", "inline");
	}
}

function enableMapOtherOptions(search, search_option)
{
	$('#map_disable_'+search+'_1').css("display", "none");
	$('#map_add_'+search+'_1').css("display", "inline");
	
	$('#map_disable_'+search+'_2').css("display", "none");
	$('#map_add_'+search+'_2').css("display", "inline");
	
	$('#map_disable_'+search+'_3').css("display", "none");
	$('#map_add_'+search+'_3').css("display", "inline");
	
	$('#map_disable_'+search+'_4').css("display", "none");
	$('#map_add_'+search+'_4').css("display", "inline");
	
}

function loadGoogleMapsSearch()
{
	var latlng = new google.maps.LatLng('52.2533246', '5.3779321');
    var myOptions = {
      zoom: 8,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.TERRAIN
    };
    searchmap = new google.maps.Map(document.getElementById("map_canvas_search"),
        myOptions);
	
	search_infowindow = new InfoBox();
	
	//ajax voor het ophalen van de juiste rubriek opties
	$.ajax({
		type: "POST",
		url: "http://"+window.location.hostname+"/_template98/ajax_category_search_options.php",
		data: "data[categories]="+categories+"&data[clicked_category]="+clicked_category+"&data[clicked_removed_category]="+clicked_removed_category+"&data[provinces]="+provinces+"&data[persons]="+persons_selected+"&data[price]="+price_selected+"",
		/*data: "data[categories]="+categories+"",*/
		dataType: "html",
		
		success: function(msg)
		{
			$('#map_category_options').html(msg);
			startSearchGoogleMaps();
		}

	});
}

function startSearchGoogleMaps()
{
	var showResults = true;
	
	if(category_array.length > 0)
	{
		categories = category_array.join(",")
		showResults = true;
	}
	else
	{
		categories = '';
	}
	
	if(province_array.length > 0)
	{
		provinces = province_array.join(",")
		showResults = true;
	}
	else
	{
		provinces = '';
	}
	
	if(persons_selected != 0)
	{
		showResults = true;
	}
	if(price_selected != 0)
	{
		showResults = true;
	}
	
	removePreviewMarkers();
	if(showResults)
	{
		$("#map_loading").show();
		$.ajax({
			type: "POST",
			url: "http://"+window.location.hostname+"/_template98/ajax_maps_search.php",
			data: "data[categories]="+categories+"&data[clicked_category]="+clicked_category+"&data[clicked_removed_category]="+clicked_removed_category+"&data[provinces]="+provinces+"&data[persons]="+persons_selected+"&data[price]="+price_selected+"",
			dataType: "json",
			success: function(json_data)
			{
				search_infowindow.close();
				$("#map_loading").hide();
								
				var objCount=0;
				for(_obj in json_data) objCount++;
				
				for(i = 0; i < objCount; i++)
				{
					if(marker_points_array[json_data[i]['Trip']['latitude']+','+json_data[i]['Trip']['longitude']] != undefined)
					{
						marker_points_array[json_data[i]['Trip']['latitude']+','+json_data[i]['Trip']['longitude']]++;
					}
					else
					{
						marker_points_array[json_data[i]['Trip']['latitude']+','+json_data[i]['Trip']['longitude']] = 1;
						var point = new google.maps.LatLng(json_data[i]['Trip']['latitude'],json_data[i]['Trip']['longitude']);
						var trip_id = json_data[i]['Trip']['id'];
						var marker = createMarkerTripSearch(point,trip_id,i,json_data[i]['Trip']['latitude'],json_data[i]['Trip']['longitude']);
						marker.setMap(searchmap);
						search_marker_array.push(marker);
					}
				}
				showResultInformation(objCount);
			}
		});
	}
	else
	{
		$('#map_search_results_information').html("Verfijn uw zoekopdracht");
	}
	
	//ajax voor het ophalen van de juiste rubriek opties
	$.ajax({
		type: "POST",
		url: "http://"+window.location.hostname+"/_template98/ajax_category_search_options.php",
		data: "data[categories]="+categories+"&data[clicked_category]="+clicked_category+"&data[clicked_removed_category]="+clicked_removed_category+"&data[provinces]="+provinces+"&data[persons]="+persons_selected+"&data[price]="+price_selected+"",
		dataType: "html",
		
		success: function(msg)
		{
			$('#map_category_options').html(msg);
		}
	});
}

function createMarkerTripSearch(point,trip_id,marker_nr,latitude,longitude)
{
	var marker = new google.maps.Marker({
		position: point,
		icon: "http://www.recreatief.nl/zoeken/images/marker.png",
		title: "trip"});
	
	google.maps.event.addListener(marker, 'click', function()
	{
		amount_points = marker_points_array[latitude+','+longitude];
		
		box_height = amount_points * 60;
		
		search_infowindow.close();		
		$.ajax({
			type: "POST",
		   	url: "http://"+window.location.hostname+"/_template98/ajax_css_style.php",
		   	data: "data[height]="+box_height+"",
		   	success: function(msg)
			{
				$('#css_div').html(msg);
				search_infowindow.setContent('<div id="header_searchinfowindow"></div><div id="searchwindowcontent">&nbsp;&nbsp;&nbsp;<img src="http://www.recreatief.nl/zoeken/images/ajax_loader_world_green.gif" alt="laden" /> Trips worden geladen</div><div id="footer_searchinfowindow"></div>');
		        search_infowindow.open(searchmap, marker);
	        	window.setTimeout("showTripSearchMarkerInfo("+latitude+","+longitude+")",100);
			}
		});
	});
	return marker;
}

function in_array( what, where )
{
	var a=false;
    for(var i=0;i<where.length;i++)
	{
    	if(what == where[i])
		{
	    	a=true;
		    break;
	    }
	}
    return a;
}

function removeMapSearchOption(elm, search, search_option, removechilds)
{
	$('#map_add_'+search+'_'+search_option).removeClass("search_list_option_checked");
	$(elm).css("display","none");
	
	tmp_array = new Array();
	
	if(search == 1)
	{
		clicked_category = 0;
		clicked_removed_category = search_option;
		
		/*---Verwijder automatisch alle kinderen van de 'clicked_removed_category'---*/
		if(removechilds != null)
		{
			var childs_array = new Array();
			childs_array = removechilds.split(",");
			for (j=0;j<childs_array.length;j++)
			{
				$('#map_add_'+childs_array[j]+'_'+search_option).removeClass("search_list_option_checked");
				$("map_remove_1_"+childs_array[j]).css("display","none");
			}
			
			tmp_array = new Array();
			for(i=0; i < category_array.length; i++)
			{
				if(!in_array(category_array[i], childs_array))
				{
					tmp_array.push(category_array[i]);
				}
			}
			category_array = tmp_array;
		}
		/*---------------------------------------------------------------------------*/
		tmp_array = new Array();
		for(i=0; i < category_array.length; i++)
		{
			if(category_array[i] != search_option)
			{
				tmp_array.push(category_array[i]);
			}
		}
		category_array = tmp_array;
	}
	else if(search == 2)
	{
		for(i=0; i < province_array.length; i++)
		{
			if(province_array[i] != search_option)
			{
				tmp_array.push(province_array[i]);
			}
		}
		
		province_array = tmp_array;
	}
	else if(search == 3)
	{
		persons_selected = 0;
	}
	else if(search == 4)
	{
		price_selected = 0;
	}
}

function showTripSearchMarkerInfo(latitude,longitude)
{
	$.ajax({
		type: "POST",
	   	url: "http://"+window.location.hostname+"/_template98/ajax_marker_info_searchmap.php",
	   	data: "data[longitude]="+longitude+"&data[latitude]="+latitude+"&data[categories]="+categories+"&data[provinces]="+provinces+"&data[persons]="+persons_selected+"&data[price]="+price_selected+"",
	   	success: function(msg)
	   	{
	   		$('#searchwindowcontent').html(msg);
	   }
	});
}

function removePreviewMarkers()
{
	for(i=0; i < search_marker_array.length; i++)
	{
		search_marker_array[i].setMap(null);
		//searchmap.removeOverlay(search_marker_array[i]);
	}
	
	search_marker_array = new Array();
	
	marker_points_array = new Array();
}

function showResultInformation(amountTripResults)
{
	var message = '';
	if(amountTripResults > 1)
	{
		message = 'In totaal zijn er '+amountTripResults+' groepsuitstapjes gevonden op '+search_marker_array.length+ ' verschillende locaties.';
	}
	else if(amountTripResults > 0)
	{
		message = 'In totaal is er '+amountTripResults+' groepsuitstapje gevonden op '+search_marker_array.length+ ' verschillende locaties.';
	}
	else
	{
		message = 'Geen groepsuitstapjes gevonden die voldoen aan uw zoekcriteria.';
	}
	
	$('#map_search_results_information').html(message);
	
}

function setMapClickSearchOption(elm,search,search_option)
{
	if(search == 1)
	{
		clicked_category = search_option;
		clicked_removed_category = 0;
	}
}

function clearMapSearchCategories()
{
	category_array.splice(0,category_array.length);
}

function setMapSearchOption(elm,search,search_option)
{
	$(elm).addClass("search_list_option_checked");
	$('#map_remove_'+search+'_'+search_option).css("display","inline");
	if(search == 1)
	{
		category_array.push(search_option);
		clicked_removed_category = 0;
	}
	else if(search == 2)
	{
		province_array.push(search_option);
	}
	else if(search == 3)
	{
		persons_selected = search_option;
	}
	else if(search == 4)
	{
		price_selected = search_option;
	}
}
/*------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------SEARCH------------------------------------------------------------*/
var search_category_id;
var search_categories = '';
var search_provinces = '';
var search_clicked_category 			= 0;
var search_clicked_removed_category 	= 0;
var search_province_array 		= new Array();
var search_category_array 		= new Array();
var search_persons_selected 	= 0;
var search_price_selected 		= 0;
var keyword 					= '';
var city 						= '';
var sorter_value 				= '';

function setSearchOption(elm,search,search_option)
{
	$(elm).addClass("search_list_option_checked");
	$('#remove_'+search+'_'+search_option).css("display","inline");
	if(search == 1)
	{
		search_category_array.push(search_option);
		search_clicked_removed_category = 0;
	}
	else if(search == 2)
	{
		search_province_array.push(search_option);
	}
	else if(search == 3)
	{
		search_persons_selected = search_option;
	}
	else if(search == 4)
	{
		search_price_selected = search_option;
	}
}

function setClickSearchOption(elm,search,search_option)
{
	if(search == 1)
	{
		search_clicked_category = search_option;
		search_clicked_removed_category = 0;
	}
}

function disabledOtherOptions(search,search_option)
{
	if(search_option != 1)
	{
		$('#add_'+search+'_1').css("display", "none");
		$('#disable_'+search+'_1').css("display", "inline");
	}
	
	if(search_option != 2)
	{
		$('#add_'+search+'_2').css("display", "none");
		$('#disable_'+search+'_2').css("display", "inline");
	}
	
	if(search_option != 3)
	{
		$('#add_'+search+'_3').css("display", "none");
		$('#disable_'+search+'_3').css("display", "inline");
	}
	
	if(search_option != 4)
	{
		$('#add_'+search+'_4').css("display", "none");
		$('#disable_'+search+'_4').css("display", "inline");
	}
}

function removeSearchOption(elm,search,search_option, removechilds)
{
	$('#add_'+search+'_'+search_option).removeClass("search_list_option_checked");
	$(elm).css("display","none");
	
	tmp_array = new Array();
	
	if(search == 1)
	{
		search_clicked_category = 0;
		search_clicked_removed_category = search_option;
		
		/*---Verwijder automatisch alle kinderen van de 'clicked_removed_category'---*/
		if(removechilds != null)
		{
			var childs_array = new Array();
			childs_array = removechilds.split(",");
			for (j=0;j<childs_array.length;j++)
			{
				$('#add_'+childs_array[j]+'_'+search_option).removeClass("search_list_option_checked");
				$("remove_1_"+childs_array[j]).css("display","none");
			}
			
			tmp_array = new Array();
			for(i=0; i < search_category_array.length; i++)
			{
				if(!in_array(search_category_array[i], childs_array))
				{
					tmp_array.push(search_category_array[i]);
				}
			}
			search_category_array = tmp_array;
		}
		/*---------------------------------------------------------------------------*/
		tmp_array = new Array();
		for(i=0; i < search_category_array.length; i++)
		{
			if(search_category_array[i] != search_option)
			{
				tmp_array.push(search_category_array[i]);
			}
		}
		search_category_array = tmp_array;
	}
	else if(search == 2)
	{
		for(i=0; i < search_province_array.length; i++)
		{
			if(search_province_array[i] != search_option)
			{
				tmp_array.push(search_province_array[i]);
			}
		}
		search_province_array = tmp_array;
	}
	else if(search == 3)
	{
		search_persons_selected = 0;
	}
	else if(search == 4)
	{
		search_price_selected = 0;
	}
}

function enableOtherOptions(search, search_option)
{
	$('#disable_'+search+'_1').css("display", "none");
	$('#add_'+search+'_1').css("display", "inline");
	
	$('#disable_'+search+'_2').css("display", "none");
	$('#add_'+search+'_2').css("display", "inline");
	
	$('#disable_'+search+'_3').css("display", "none");
	$('#add_'+search+'_3').css("display", "inline");
	
	$('#disable_'+search+'_4').css("display", "none");
	$('#add_'+search+'_4').css("display", "inline");
}

function startBasicSearch(page)
{
	if(search_category_array.length > 0)
	{
		search_categories = search_category_array.join(",")
	}
	else
	{
		search_categories = '';
	}
	
	if(search_province_array.length > 0)
	{
		search_provinces = search_province_array.join(",")
	}
	else
	{
		search_provinces = '';
	}
	$("#loading").show();
	jQuery.ajax({
		type: "POST",
		url: "./_template98/ajax_search.php",
		//url: "http://"+window.location.hostname+"/_template98/ajax_search.php",
		data: "data[categories]="+search_categories+"&data[clicked_category]="+search_clicked_category+"&data[clicked_removed_category]="+search_clicked_removed_category+"&data[provinces]="+search_provinces+"&data[persons]="+search_persons_selected+"&data[price]="+search_price_selected+"&data[page]="+page+"&data[keyword]="+keyword+"&data[city]="+city+"&data[sorter]="+sorter_value+"",
		dataType: "html",
		
		success: function(msg)
		{
			jQuery("#loading").hide();
			if (msg.length == 0)
			{
				jQuery('#search_results').html('<div id="search_results_information">Er zijn helaas geen trips gevonden.</div>');
			}
			else 
			{
				jQuery('#search_results').html("<div>"+msg+"</div>");
			}
		},
		onComplete: function()
		{
			jQuery("#loading").hide();	
		},
		onFailure: function()
		{
			alert('failure');
		}
	});
			
	//ajax voor het ophalen van de juiste rubriek opties
	jQuery.ajax({
		type: "POST",
		url: "./_template98/ajax_category_basic_search_options.php",
		//url: "http://"+window.location.hostname+"/_template98/ajax_category_basic_search_options.php",
		data: "data[categories]="+search_categories+"&data[clicked_category]="+search_clicked_category+"&data[clicked_removed_category]="+search_clicked_removed_category+"&data[provinces]="+search_provinces+"&data[persons]="+search_persons_selected+"&data[price]="+search_price_selected+"&data[page]="+page+"&data[keyword]="+keyword+"&data[city]="+city+"",
		dataType: "html",
		
		success: function(msg)
		{
			jQuery('#category_options').html(msg);
		}
	});
}




/*------------------------------------------------------------------------------------------------------------------------------*/