window.addEvent('load', function(){
	var divider = new Drag.Move($('divider'), {
		container: $('gebouw'),
		onDrag: function(div){
			var pos = $('dirt').getPosition();
			$('dirt').setStyle("background-position", div.getStyle('left') + " 0px" );
		}
	});
	
	var pos = $('dirt').getPosition();
	var fx = new Fx.Tween($('divider'), { transition: 'bounce:out', duration: 1500});
	fx.start('left', 400);
	
	var fx_dirt = new Fx.Tween($('dirt'), { transition: 'bounce:out', duration: 1500});
	fx_dirt.start('background-position-x', 400);
	
	var fx_dirt2 = new Fx.Tween($('dirt'), { transition: 'bounce:out', duration: 1500});
	fx_dirt2.start('background-position', 400);
	
	var fx_logo = new Fx.Tween($('logo-background'), { transition: Fx.Transitions.Quad.easeOut, duration: 7000});
	fx_logo.start('margin-top', 0);
});

window.addEvent('resize', function(){
	
/*	var pos = $('dirt').getPosition();
	if($('divider').getStyle('left').toInt() - pos.x < 0)
	{
		$('divider').setStyle('left', pos.x);
	}
	$('dirt').setStyle("background-position", ($('divider').getStyle('left').toInt() - pos.x) + "px 0px");
	*/
});

window.addEvent('domready', function(){
	// new Calendar({ aankomst: 'd-m-Y' }, { direction: 1, tweak: { x: 6, y: 0 }});
	if($('info-form') != null)
	{
		var myForm = $('info-form'),
		myResult = $('form-result');
		var validator = new Form.Validator(myForm, {
			onFormValidate: function(valid, form, event){
				if(!valid)
				{
					alert('De velden met een rode rand zijn niet goed ingevuld.');
				}
			}
		});
		
		new Form.Request(myForm, myResult, {
			onSuccess: function(r){
				myForm.setStyle('display', 'none');
				myResult.setStyle('display', '');
			}
		});
	}
	
	$$('#menu li.root').addEvent('mouseleave', function(e) {
		if ( this.hasClass('hover') && e!='hoverconfirm' ) {
		  // deal with 'unconfirmed' initial hover
		 // this.addClass('hover');
		  this.fireEvent('mouseleave','hoverconfirm',1000);
		}
		else if ( !this.hasClass('hoveragain') && e=='hoverconfirm' ) {
		  // deal with 'confirmed' hovers
		  this.removeClass('hover');
		}
		this.removeClass('hoveragain');
	});

	$$('#menu li.root').addEvent('mouseenter', function(e) {
		$$('#menu li.root').removeClass('hover');
		this.addClass('hover');
		this.addClass('hoveragain');
		this.getParent().getParent().addClass('hoveragain');
	});
});