function activateTab(num) {
	var imgs = getTabImages();
	for(i=0;i<imgs.length;i++) {
		var img = imgs[i];
		if (i ==num) img.onclick.call(img);
	}
}


function getTabImages() {
	var tabsPart = document.getElementById('tabsPart');	
	return imgs = tabsPart.getElementsByTagName('img');
}

function deActivateImages() {
	var imgs = getTabImages();
	for(i=0;i<imgs.length;i++) {
		var img = imgs[i];
		img.deActivate();
	}
}

function initTabs() {
	var imgs = getTabImages();
	var activeImg = null;
	for(i=0;i<imgs.length;i++) {
		var img = imgs[i];
		
		var lastSlash = img.src.lastIndexOf("/");
		img.name = img.src.replace("-active.gif", ".gif");
		img.name = img.name.substring(lastSlash+1,img.name.length-4);
		img.active = (img.src.match('-active.gif'));
		if (img.active) activeImg = img;
		var tabName = 'tab'+img.name.substring(0,1).toUpperCase()+img.name.substring(1,img.name.length)+'Part';
		img.tabDiv = document.getElementById(tabName);
		
		img.onmouseover = function() {
			if (this.active) return false;
			this.src = this.src.replace(".gif", "-hover.gif");
		}
		
		img.onmouseout = function() { 
			if (this.active) return false;
			this.src =  this.src.replace("-hover.gif", ".gif");
		}
		
		img.onclick = function() { 
			deActivateImages();
			if (!this.active) {
				this.onmouseout.call(this);
				this.src =  this.src.replace(".gif", "-active.gif");
				this.active = true;
				
			}	
			this.tabDiv.style.display="block";
			reloadGoogleMapContent();
		}
		
		img.deActivate = function() {
			this.src =  this.src.replace("-active.gif", ".gif");
			this.active = false;
			this.tabDiv.style.display="none";
		}
	}
		
	if (!activeImg) activeImg = imgs[0];
	activeImg.onclick.call(activeImg);
}

function printTellAFriendButton(){
	
	var strUrl = "pntType=JdBezoeker&pntHandler=printTellAFriendButtonAction";
	$.ajax({
   	type: "GET",
   	url: "index.php",
   	data: strUrl,
   	dataType: 'json',
   	success: printVisibilityTellAFriendButtonCallBack
	});
}

function printVisibilityTellAFriendButtonCallBack(data){
	if (data == 'error') return;
	var visibilityButton = data;
}	

function deleteReisBekekenFromBezoeker(jdReisRelatieId){
	var strUrl = "pntType=JdBezoekerReisBekeken&pntHandler=DeleteAction&jdReisRelatieId="+jdReisRelatieId;
	$.ajax({
   	type: "GET",
   	url: "index.php",
   	data: strUrl,
   	dataType: 'json',
   	success: deleteReisBekekenFromBezoekerCallBack
	});
}
function deleteReisBekekenFromBezoekerCallBack(data){
	$('#jdBekekenReisDiv'+data).hide();
}

function deleteReisFavorietFromBezoeker(jdReisRelatieId){		
	var strUrl = "pntType=JdBezoekerReisFavoriet&pntHandler=DeleteAction&jdReisRelatieId="+jdReisRelatieId;
	$.ajax({
   	type: "GET",
   	url: "index.php",
   	data: strUrl,
   	dataType: 'json',
   	success: deleteReisFavorietFromBezoekerCallBack
	});
}

function deleteReisFavorietFromBezoekerCallBack(data){
	if (data == 'error') return;
	var jdReisRelatieId = data.id;
	$('#jdFavorietReisDiv'+jdReisRelatieId).hide();	
	var aantal = data.aantal;
	if(aantal == 0) $('#tellAFriend').hide();
}

function showBekekenReizen(){
	var strUrl = "pntType=JdBezoekerReisBekeken&pntHandler=ShowAction";
	$.ajax({
   	type: "GET",
   	url: "index.php",
   	data: strUrl,
   	dataType: 'json',
   	success: showBekekenReizenCallBack
	});
}

function showBekekenReizenCallBack(data){
	if (data == 'error') return;
	var reisRelaties = data;
	if (reisRelaties.length > 0){
		addReisToBekekenDiv(reisRelaties);
	}
}

function addReisToBekekenDiv(reisRelaties)
{	
	var bekekenDiv = $('#bekeken');	
	bekekenDiv.html('&nbsp;<br />');
	for (var i=0; i<reisRelaties.length; i++){
		var reisRelatie = reisRelaties[i];
		var newDiv = getReisBekekenDiv(reisRelatie);
		bekekenDiv.append(newDiv);
	}
}

function getReisBekekenDiv(reisRelatie)
{	
	var reisRelatieId = reisRelatie.id;
	var label = reisRelatie.label;
	var url = reisRelatie.url;
	var newDiv = $('<div></div>');
	newDiv.attr('id','jdBekekenReisDiv'+reisRelatieId);
	newDiv.html('<img class="removeReisFromBezoeker" onclick="deleteReisBekekenFromBezoeker('+reisRelatieId+')" src="'+pntAppUrl+'images/kolommen/delete.gif" alt="verwijderen" /><a href="'+url+'">'+label+'</a><hr />');
	return newDiv;
}
function showFavorieteReizen(){
	var strUrl = "pntType=JdBezoekerReisFavoriet&pntHandler=ShowAction";
	$.ajax({
   	type: "GET",
   	url: "index.php",
   	data: strUrl,
   	dataType: 'json',
   	success: showFavorieteReizenCallBack
	});
}

function showFavorieteReizenCallBack(data){	
	if (data == 'error') return;
	var reisRelaties = data;
	
	if (reisRelaties.length > 0){
		$('#tellAFriend').show();
		addReisToFavorietenDiv(reisRelaties);
	}
}

function addReisToFavorites(id){
	var strUrl ="pntType=JdBezoekerReisFavoriet&pntHandler=SaveAction&id=0&jdReisId="+id;
	$.ajax({
   	type: "GET",
   	url: "index.php",
   	data: strUrl,
   	dataType: 'json',
   	success: addReisToFavoritesCallBack
	});
}

function addReisToFavoritesCallBack(data){
	// alert(ajax1.response);
	if (data == 'error') return; //bestaat al is bijv. error
	var reisRelaties = data;	
	addReisToFavorietenDiv(reisRelaties);
}

function addReisToFavorietenDiv(reisRelaties)
{	
	$('#tellAFriend').show();


	var favorietenDiv = $('#favorieten');	
	favorietenDiv.html('&nbsp;<br />');
	for (var i=0; i<reisRelaties.length; i++){
		var reisRelatie = reisRelaties[i];
		var newDiv = getReisDiv(reisRelatie);
		favorietenDiv.append(newDiv);
	}
}

function getReisDiv(reisRelatie)
{	
	var reisRelatieId = reisRelatie.id;
	var label = reisRelatie.label;
	var url = reisRelatie.url;
	var newDiv = $('<div></div>');
	newDiv.attr('id','jdFavorietReisDiv'+reisRelatieId);
	newDiv.html('<img class="removeReisFromBezoeker" onclick="deleteReisFavorietFromBezoeker('+reisRelatieId+')" src="'+pntAppUrl+'images/kolommen/delete.gif" alt="verwijderen" /><a href="'+url+'">'+label+'</a><hr />');
	return newDiv;
}

function showHideGreenSeatDiv(){
//	greenSeatDiv = document.getElementById('greenSeatDiv');
	toggleSlide('greenSeatDiv');
	if($('#greenSeatDiv').is(':hidden')){
		$('#greenSeatDiv .mojoVideo').hide();		
	} else {
		$('#greenSeatDiv .mojoVideo').show();		
	}
//	document.getElementById('greenSeatDiv').style.display = 'block';
}



function addOnchangeToJdHotelCategorie(){
	$('#jdHotelSelectieId').html(getEmptyHotelSelectieOption());
	$('#jdHotelCategorieId').change(function(){
		var strUrl = 'index.php?pntType=JdReis&pntHandler=GetJsonJdHotelSelectieOptionsAction&id='+$('#jdReisId').val()+'&jdHotelCategorieId='+$(this).val();
		$.getJSON(strUrl, function(jsonResult){
				updateJdHotelSelectie(jsonResult);
		});
	});
}
function updateJdHotelSelectie(jsonResult){
	var strOptions = getEmptyHotelSelectieOption();
	for(var i=0;i<jsonResult.length;i++){
		var jdHotelSelectie = jsonResult[i].split('--');
		var id = jdHotelSelectie[0];
		var naam = jdHotelSelectie[1];
		strOptions += '<option value="'+id+'">'+naam+'</option>';
	}
	$('#jdHotelSelectieId').html(strOptions);
}

function showWaarbenjijNu() {
	var strUrl ="pntType=&pntHandler=JdWaarbenjijNuAjaxPage";
		$.ajax({
   	type: "GET",
   	url: "index.php",
   	data: strUrl,
   	dataType: 'json',
   	success: addWaarbenjijNuCallBack
	});
}

function addWaarbenjijNuCallBack(data){
	if (data == 'error') return; //bestaat al is bijv. error
	var waarbenjijNu = data;	
	var contentRechtsWrapperHtml = $('#contentRechtsWrapper').html();
	
	$('#contentRechtsWrapper').html(contentRechtsWrapperHtml+waarbenjijNu);
}


function getEmptyHotelSelectieOption(){
	return '<option value="">Geen voorkeur</option>';
}

function setShowTipLink() {
	$('#showTipLink').click(function () {
		var tipDivVisible = $('#tipDiv:visible');
		if(tipDivVisible.length==0) {
			
			$('#tipDiv').show();
			$('#showTipLink').html('Klik hier om de tips van Jan Doets te verbergen');
		} else {
			
			$('#tipDiv').hide();
			$('#showTipLink').html('Klik hier om de tips van Jan Doets te zien');
		}
	});
}

$().ready(setShowTipLink);
$(document).ready(addOnchangeToJdHotelCategorie);