var allduration = 200;
window.addEvent('domready', function() {
	var fxo = new Fx.Styles('orangebox', {duration:allduration,transition:Fx.Transitions.Back.easeInOut});
	$('orangebox').addEvent('mouseover', function(event) {
		var event = new Event(event).stop();
		fxo.start({'height': 30, 'margin-top': 0});
	});
	$('orangebox').addEvent('mouseout', function(event) {
		var event = new Event(event).stop();
		fxo.start({'height': 16, 'margin-top': 15});
	});	
	var fxg = new Fx.Styles('greenbox', {duration:allduration,transition:Fx.Transitions.Back.easeInOut});
	$('greenbox').addEvent('mouseover', function(event) {
		var event = new Event(event).stop();
		fxg.start({'height': 30, 'margin-top': 0});
	});
	$('greenbox').addEvent('mouseout', function(event) {
		var event = new Event(event).stop();
		fxg.start({'height': 16,'margin-top': 15});
	});
	var fxp = new Fx.Styles('pinkbox', {duration:allduration,transition:Fx.Transitions.Back.easeInOut});
	$('pinkbox').addEvent('mouseover', function(event) {
		var event = new Event(event).stop();
		fxp.start({'height': 30,'margin-top': 0});
	});
	$('pinkbox').addEvent('mouseout', function(event) {
		var event = new Event(event).stop();
		fxp.start({'height': 16,'margin-top': 15});
	});
	$$('input.DatePicker').each( function(el){
		new DatePicker(el);
	});
});