window.addEvent("domready",function(){
	
	$("algvw").fxTop = new Fx.Tween($("algvw"),{wait:true});
	$("algvw").fxHeight = new Fx.Tween($("algvw"),{wait:true});
	
	$("algvw").setStyle("top",668);
	$("algvw").setStyle("height",0);
	
	$("algvwback").addEvent("click",function(){
		$("algvw").fxTop.start("top",668);
		$("algvw").fxHeight.start("height",0);
		troggleSelect(true);
	});
	
	$("algvwlink").addEvent("click",function(){
		$("algvw").fxTop.start("top",220);
		$("algvw").fxHeight.start("height",448);
		troggleSelect(false);
	});
	
	$("header").addEvent("click",function(){
		if( $("algvw").getHeight() > 0 )
		{
			$("algvw").fxTop.start("top",668);
			$("algvw").fxHeight.start("height",0);
			troggleSelect(true);
		}
	});
	
	$("submitbutton").addEvent("click",function(){
		if( frmSubmit() == true )
		{
			$("frmActie").submit();
		}
	});
	
	updatePosition();
	
	window.addEvent("resize",function(){
		updatePosition()
	});
	
});

function troggleSelect(on)
{
	var selects = $$("select");
	for( var i = 0; i < selects.length; i++ )
	{
		if( on )
		{
			selects[i].style.visibility = "";
		}
		else
		{
			selects[i].style.visibility = "hidden";
		}
	}
}

function frmSubmit()
{
	if( ($("frmName").value = $("frmName").value.trim()).length < 2 )
	{
		alert("Vul aub je naam in");
		$("frmName").focus();
		return false;
	}
	
	if(
		( ($("frmEmail").value = $("frmEmail").value.trim()).length < 5 ) || 
		( $("frmEmail").value.indexOf("@") == -1 ) || 
		( $("frmEmail").value.indexOf(".") == -1 )
	)
	{
		alert("Vul aub je emailadres in");
		$("frmEmail").focus();
		return false;
	}
	
	if( ($("frmCity").value = $("frmCity").value.trim()).length < 2 )
	{
		alert("Vul aub je favoriete stad in");
		$("frmCity").focus();
		return false;
	}
	
	if( ($("frmMessage").value = $("frmMessage").value.trim()).length < 10 )
	{
		alert("Vul aub de reden in waarom " + $("frmCity").value + " je favoriete stad is");
		$("frmMessage").focus();
		return false;
	}
	
	return true;
}

function updatePosition()
{
	var newTop = window.getHeight()-708;
	var newTop = (window.getHeight()/2)-($("site").getHeight()/2);
	if( newTop < -67 )
	{
		newTop = -67;
	}
	var newLeft = (window.getWidth()/2)-($("site").getWidth()/2);
	if( newLeft < -266 )
	{
		newLeft = -266;
	}	
	$("site").setStyle("top",newTop);
	$("site").setStyle("left",newLeft);
}