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 fxb = new Fx.Styles('bluebox', {duration:allduration,transition:Fx.Transitions.Back.easeInOut});
	$('bluebox').addEvent('mouseover', function(event) {
		var event = new Event(event).stop();
		fxb.start({'height': 30, 'margin-top': 0});
	});
	$('bluebox').addEvent('mouseout', function(event) {
		var event = new Event(event).stop();
		fxb.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);
	});
});