var active;

$(document).ready(function(){
	setButtons();
	setTabs();
});

function setButtons()
{
	var container  =  document.getElementById('maandenlijst');
	if (container!==null) {
		var maanden    =  container.getElementsByTagName('a');
		for(var iterateMaand = 0; iterateMaand < maanden.length; iterateMaand++)
		{
			var action  =  maanden[iterateMaand].getAttribute('href');
			maanden[iterateMaand].setAttribute('href', '#');
			maanden[iterateMaand].setAttribute('onClick', 'getBeschikbaarheid(this, "'+action+'");');
		}
	}
	
	var contains_extras  =  document.getElementById('extra_voorzieningen');
	if (contains_extras!==null) {
		var extras    =  contains_extras.getElementsByTagName('select');
		for(var iterateExtras = 0; iterateExtras < extras.length; iterateExtras++)
		{
			extras[iterateExtras].setAttribute('onChange', 'updatePrice();');
		}
	}
	
	var aantal_personen  =  document.getElementById('aantal_personen');
	if (aantal_personen!==null) {
		aantal_personen.setAttribute('onChange', 'updateTouristTax()');
	}
}

function updatePrice()
{
	var costs_base = document.getElementById('field_costs_base').innerHTML.substr(2) * 1;
	//console.log(costs_base);
	var contains_extras  =  document.getElementById('extra_voorzieningen');
	var total_extras     =  0;
	if (contains_extras!==null) {
		var extras    =  contains_extras.getElementsByTagName('select');
		var stukprijs  =  0;
		for(var iterateExtras = 0; iterateExtras < extras.length; iterateExtras++)
		{
			stukprijs  =  document.getElementById(extras[iterateExtras].id+'_prijs').innerHTML * 1;
			total_extras +=  (extras[iterateExtras].value * 1 ) * stukprijs;
		}
	}
	var total_total  =  (costs_base *1)  +  (total_extras * 1);
	document.getElementById('field_costs_extras').innerHTML  =  '&euro; ' + total_extras.toFixed(2);
	//document.getElementById('field_costs_total').innerHTML   =  '&euro; ' + total_total.toFixed(2);
}

function updateTouristTax()
{
	var taxPerPersonPerNight   =  0;
	var taxNumNights   =  0;
	var taxNumPersons  =  0;
	
	if(taxPerPersonPerNight   =  document.getElementById('aantal_personen-prijs').innerHTML)
	{
		taxPerPersonPerNight  =  taxPerPersonPerNight * 1; // numerical please
	}
	else
	{
		if(console) console.log('aantal_personen-prijs niet gevonden');
		return;
	}
	if(taxNumPersons  =  document.getElementById('aantal_personen').value)
	{
		taxNumPersons  =  taxNumPersons * 1; // numerical please
	}
	else
	{
		if(console) console.log('aantal_personen niet gevonden');
		return;
	}
	if(taxNumNights  =  document.getElementById('field_duur').innerHTML)
	{
		taxNumNights  =  taxNumNights * 1; // numerical please
	}
	else
	{
		if(console) console.log('aantal_nachten niet gevonden');
		return;
	}
	var numTaxTotal               =  new Number((taxPerPersonPerNight)*(taxNumPersons)*(taxNumNights));
	var field_costs_tax;
	if(field_costs_tax = document.getElementById('field_costs_tax'))
	{
		field_costs_tax.innerHTML  =  '&euro; ' + numTaxTotal.toFixed(2);
	}
	else
	{
		if(console) console.log(field_costs_tax);
	}
}

function getBeschikbaarheid(foritem, action)
{
	var container  =  document.getElementById('maandenlijst');
	var maanden    =  container.getElementsByTagName('a');
	for(var iterateMaand = 0; iterateMaand < maanden.length; iterateMaand++)
	{
		maanden[iterateMaand].setAttribute('class','');
	}
	foritem.setAttribute('class','active');
	$.ajax({
		url: action,
		success: function(response) 
		{
			var container  =  $(".prijzenoverzicht table tbody"); 
			dialogBody     =  response;
			
			container.html(dialogBody);
		},
	});
}

function setTabs()
{
	var ulTabs = document.getElementById('tabs-submenu');
	if(ulTabs == null)
	{
		return;
	}
	var tabs = ulTabs.getElementsByTagName('a');
	if(tabs != null)
	{
		for(var i = 0; i < tabs.length; i++)
		{
			var startat = tabs[i].href.indexOf('#');
			var tab     = tabs[i].href.substring(startat+1);
			tabs[i].href = "javascript:showTab('"+tab+"')";
			if(i==0)
			{
				showTab(tab);
				active = tab;
			}
			else
			{
				hideTab(tab);
			}
		}
	}
}

function showTab(tabid)
{
	var ulMenu = document.getElementById('tabs-submenu');
	if(ulMenu != null)
	{
		tabs = ulMenu.getElementsByTagName('li');
		if(tabs != null)
		{
			for(var i = 0; i < tabs.length; i++)
			{
				if(i == 0 && tabs[i].id == 'li-'+tabid)
				{
					tabs[i].className = 'first active';
				}
				else if(i == 0)
				{
					tabs[i].className = 'first';
				}
				else if(tabs[i].id == 'li-'+tabid)
				{
					tabs[i].className = 'active';
				}
				else
				{
					tabs[i].className = '';
				}
			}
		}
	}
	
	var tabelm = document.getElementById('tab-'+tabid);
	if(tabelm != null)
	{
		tabelm.style.display = 'block';
		if(tabid != active)
			hideTab(active);
		active = tabid;
	}
}

function hideTab(tabid)
{
	var tabelm = document.getElementById('tab-'+tabid);
	if(tabelm != null)
	{
		tabelm.style.display = 'none';
	}
}