function highlite(elem) {
    //border: 1px solid #F5F5F5;
    //background-color: #FCFCFC;
    elem.style.backgroundColor =  "#F0F3FF";
    elem.style.border = "1px solid #E9E9EF";
}

function lowlite(elem)  {
    elem.style.backgroundColor =  "#F9F9FE";
    elem.style.border = "1px solid #D8D8D8";
}


$(document).ready(function(){
	//initTemplates();
	addHandlers();
});

function addHandlers()	{

	
	$("#btnHerstellen").click(function(eventObject)	{
		try	{
			//alert("Reset form hidden inputs to default value and submit form");
		        return false;

		}
		catch (e)	{
			//alert("Ieks, foutje");
		}
	});	

	$(".regioSelector").click(function(eventObject)	{
		var regioId = Number( getVal($(this).attr('href')) );
		//alert("Extracted: " + regioId);
		
		var inpRegio = Number( $("#inpRegio").val() );
	
		if (regioId == inpRegio)
			regioId = 0;
		
		$("#inpRegio").val(regioId);
		submitForm();
	});
	
	$(".personenSelector").click(function(eventObject)	{
		var persValue = getVal($(this).attr('href'));
		var persAr = persValue.split("|");
		//alert("Personen: " + persAr[0]);
		var newMin = Number(persAr[0]);
		var newMax = Number(persAr[1]);

		var inpMin = Number($("#inpMinPersonen").val());
		var inpMax = Number($("#inpMaxPersonen").val());
		
		if (newMin == inpMin && newMax == inpMax)
			newMin = newMax = -1;
		
		$("#inpMinPersonen").val(newMin);
		$("#inpMaxPersonen").val(newMax);
		submitForm();
	});

	$(".salonSelector").click(function(eventObject)	{
		var salonValue = Number( getVal($(this).attr('href')) );

		var inpSalons = Number( $("#inpAantalSalons").val() );
		
		if (salonValue == inpSalons)
			salonValue = 0;

		$("#inpAantalSalons").val(salonValue);

		submitForm();
	});

	$(".toggleZonnedek").click(function(eventObject)	{
		var zonVal = $("#inpZonnedek").val();
		//var notVal = !eval(zonVal);
		var notVal = zonVal == 0 ? 1 : 0;		
		$("#inpZonnedek").val(notVal);
		submitForm();
	});

	$(".toggleDansvloer").click(function(eventObject)	{
		var dansVal = $("#inpDansvloer").val();
		//alert("Eej i'm toggling" + dansVal);
		//!eval(dansVal);
		var notVal = dansVal == 0 ? 1 : 0; 
		$("#inpDansvloer").val(notVal);
		submitForm();
	});

	$(".toggleTrap").click(function(eventObject)	{
		//alert("Eej Trap toggling");
		var trapVal = $("#inpTrap").val();
		//var notVal = !eval(trapVal);
		var notVal = trapVal == 0 ? 1 : 0;
		$("#inpTrap").val(notVal);
		submitForm();
	});

	$(".toggleLift").click(function(eventObject)	{
		//alert("Eej LIFT toggling");
		var liftVal = $("#inpLift").val();
		//var notVal = !eval(liftVal);
		var notVal = liftVal == 0 ? 1 : 0;
		$("#inpLift").val(notVal);
		submitForm();
	});

	$(".toggleToilet").click(function(eventObject)	{
		//alert("Eej TOILET toggling");
		var toiletVal = $("#inpToilet").val();
		//var notVal = !eval(toiletVal);
		var notVal = toiletVal == 0 ? 1 : 0;
		$("#inpToilet").val(notVal);
		submitForm();
	});

	$("#regioMeerLink").click(function(eventObject)	{
		//alert("RegioMeerLink clicked!");
		//$(".regioListItem").css("display", "block");
		var regiosVal = $("#showRegios").val();
		var notVal = !eval(regiosVal);
		$("#showRegios").val(notVal);
		if (notVal)	{
			//$(".regioListItem").css("display", "block");
			$('.regioListItem').show('slow');
			$(this).text("< Minder");
		}
		else	{
			//$(".regioListItem").css("display", "none");
			$('.regioListItem').hide('slow');
			$(this).text("Meer >");
		}
	});
}

function submitForm()	{
	$("#frmOfferte").submit();
}

function getVal(getFrom)	{
	return getFrom.substring(getFrom.indexOf('=') + 1);
}//end getVal


function initTemplates()	{
	$("#anchor_0").click(function()	{
		toggleTemplate(0);
	});

	$("#anchor_1").click(function()	{
		toggleTemplate(1);
	});

	$("#anchor_2").click(function()	{
		toggleTemplate(2);
	});

	$("#anchor_3").click(function()	{
		toggleTemplate(3);
	});

	$("#anchor_4").click(function()	{
		toggleTemplate(4);
	});
}

var toggledIndex = -1;

function toggleTemplate(templId)	{
	if (toggledIndex > -1)	{
		var templName = "#categorieTemplate_" + toggledIndex;
		$(templName).css({"background-color":"#F9F9FE", "overflow":"hidden"});
		$(templName).animate({"height":"100px"}, "slow");
		if (toggledIndex == templId)	{
			toggledIndex = -1;
			return;
		}
	}
	
	if (templId != toggledIndex)	{
		var templName = "#categorieTemplate_" + templId;
		$(templName).css({"background-color":"#D8D8D8", "overflow-y":"scroll"});
		$(templName).animate({"height":"400px"}, "slow");
		toggledIndex = templId;
	}
}