// JavaScript Document

function laadMessage(status,id)
{
	MaxHeight 		= 	Math.max(Math.max(document.body.scrollHeight, document.documentElement.scrollHeight),
						Math.max(document.body.offsetHeight, document.documentElement.offsetHeight),
						Math.max(document.body.clientHeight, document.documentElement.clientHeight));
						
						
	if( status == 'open' )
	{
		$("#messageBG").animate({height : MaxHeight}, 700,function()
		{
			$("#messageClose").css( { marginTop : ((MaxHeight / 2) - 410), marginLeft : 530}, 200);
			$("#messageClose").fadeIn(400);
			
			$("#messageLoad").css( { marginTop : ((MaxHeight / 2) - 250), marginLeft : 45}, 200);
			$("#messageLoad").fadeIn(400);
			
			$(".statusDetails").css( { display : "none" } );
			$("#statusDetails-"+id).css( { display : "block" } );
		});
	}
	else
	{
		$("#messageClose").fadeOut(400);
		$("#messageLoad").fadeOut(500,function()
		{
			$("#messageLoad").css( { marginTop : 0 }, 200);
			$("#messageBG").animate({height : 0}, 700);
			
		});
	}
}


function tariefTekst(id)
{
	$(".tarieven-tekst-links").not("#tekst" + id).css({'display' : 'none'});
	$(".tarieven-tekst-rechts").not("#prijzen" + id).css({'display' : 'none'});
	$(".tarieven-info-tabs div").not("#" + id).css({'background-position' : '-100px'});
	$(".tarieven-info-tabs div#" + id).css({'background-position' : '0px'});
	
	$("#tekst" + id).css({'display' : 'inline'});
	$("#prijzen" + id).css({'display' : 'inline'});
}
startPrice = 9.45;
totalPrice = 0;
dienst1 = 0;
dienst2 = 0;
dienst3 = 0;
dienst4 = 0;
dienst5 = 0;
dienst6 = 0;

function number_format( number, decimals, dec_point, thousands_sep )
{   
    var n = number, c = isNaN(decimals = Math.abs(decimals)) ? 2 : decimals;
    var d = dec_point == undefined ? "," : dec_point;
    var t = thousands_sep == undefined ? "." : thousands_sep, s = n < 0 ? "-" : "";
    var i = parseInt(n = Math.abs(+n || 0).toFixed(c)) + "", j = (j = i.length) > 3 ? j % 3 : 0;
     
    return s + (j ? i.substr(0, j) + t : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + t) + (c ? d + Math.abs(n - i).toFixed(c).slice(2) : "");
}

function chooseProduct(parent, dienstnaam, dienstproduct, child, price)
{

	if($("#prijs" + parent + "_" + child).hasClass('active'))
	{
		eval("dienst" + parent + "=" + 0 + ";");
		$("#dienst"+ parent).html("<td class=\"first\" width=\"100px\">" + dienstnaam + "</td>" + 
		"<td class=\"inactive\" width=\"130px\">nog niet gekozen</td>" + 
		"<td class=\"inactive\" width=\"50px\">&euro;</td>" + 
		"<td class=\"inactive\" width=\"60px\" align=\"right\">--,--</td>");
		$("#prijs" + parent + "_" + child).removeClass('active');
		
		if(parent == 1) // bel
		{
			$("#prijs2_1").css({'display' : 'block'});
			$("#prijs2_2").css({'display' : 'block'});
			$("#prijs2_3").css({'display' : 'block'});
			$("#prijs2_4").css({'display' : 'block'});
		}
		
		if(parent == 2) // sip
		{
			$("#prijs4_1").css({'display' : 'block'});
			$("#prijs4_2").css({'display' : 'block'});
			$("#prijs4_3").css({'display' : 'block'});
			
			$("#prijs1_1").css({'display' : 'block'});
			$("#prijs1_2").css({'display' : 'block'});
		}
		
		if(parent == 4) // surf
		{
			$("#prijs2_2").css({'display' : 'block'});
			$("#prijs2_3").css({'display' : 'block'});
			$("#prijs2_4").css({'display' : 'block'});
		}
	}
	else
	{
		eval("dienst" + parent + "=" + price + ";");
		$("#dienst"+ parent).html("<td class=\"chosen\" width=\"100px\">" + dienstnaam + "</td><td width=\"130px\">" + dienstproduct + "</td><td width=\"50px\">&euro;</td><td width=\"60px\" align=\"right\">" + number_format(price, 2, ",", " ") + "</td>");
		$("#prijzen" + parent + " li a").removeClass();
		$("#prijs" + parent + "_" + child).addClass('active');
		
		if(parent == 1) // bel
		{
			$("#prijs2_1").css({'display' : 'none'});
			$("#prijs2_2").css({'display' : 'none'});
			$("#prijs2_3").css({'display' : 'none'});
			$("#prijs2_4").css({'display' : 'none'});
		}
		
		if(parent == 2) // sip
		{
			if(child == 2)
			{
				$("#prijs4_1").css({'display' : 'none'});
				$("#prijs4_2").css({'display' : 'block'});
				$("#prijs4_3").css({'display' : 'block'});
			}
			else if(child == 3)
			{
				$("#prijs4_1").css({'display' : 'none'});
				$("#prijs4_2").css({'display' : 'none'});
				$("#prijs4_3").css({'display' : 'block'});
			}
			else if(child == 4)
			{
				$("#prijs4_1").css({'display' : 'none'});
				$("#prijs4_2").css({'display' : 'none'});
				$("#prijs4_3").css({'display' : 'none'});
			}
			
			$("#prijs1_1").css({'display' : 'none'});
			$("#prijs1_2").css({'display' : 'none'});
		}
		
		if(parent == 4) // surf
		{
			if(child == 1)
			{
				$("#prijs2_2").css({'display' : 'none'});
				$("#prijs2_3").css({'display' : 'none'});
				$("#prijs2_4").css({'display' : 'none'});
			}
			else if(child == 2)
			{
				$("#prijs2_2").css({'display' : 'block'});
				$("#prijs2_3").css({'display' : 'none'});
				$("#prijs2_4").css({'display' : 'none'});
			}
			else if(child == 3)
			{
				$("#prijs2_2").css({'display' : 'block'});
				$("#prijs2_3").css({'display' : 'block'});
				$("#prijs2_4").css({'display' : 'none'});
			}
			else if(child == 4)
			{
				$("#prijs2_2").css({'display' : 'block'});
				$("#prijs2_3").css({'display' : 'block'});
				$("#prijs2_4").css({'display' : 'block'});
			}
		}
	}
	
	
	
	totalPrice = startPrice + dienst1 + dienst2 + dienst3 + dienst4 + dienst5 + dienst6;
	
	eindTotaal = "" + totalPrice + "";
	$("#tariefTotaal").html(number_format(eindTotaal, 2, ",", " "));
}