Element.extend({
  fadeIn: function(time) {
    var myFx = new Fx.Style(this, 'opacity', {duration:time}).start(0,1);
	},
  fadeOut: function(time) {
    var myFx = new Fx.Style(this, 'opacity', {duration:time}).start(1,0);
  	},
  slideInUp: function(time) {
	$(this).setStyle('margin-top',-$(this).getStyle('height').toInt());
	$(this).setStyle('display','block');
	var myFx = new Fx.Style(this, 'margin-top', {duration:time});
	myFx.start(-$(this).getStyle('height').toInt(),0);
  },
  slideInDown: function(time) {
	$(this).setStyle('margin-top',$(this).getStyle('height').toInt());
	$(this).setStyle('display','block');
	var myFx = new Fx.Style(this, 'margin-top', {duration:time});
	myFx.start($(this).getStyle('height').toInt(),0);
  },
  slideInLeft: function(time) {
	$(this).setStyle('margin-left',-$(this).getStyle('width').toInt());
	$(this).setStyle('display','block');
	var myFx = new Fx.Style(this, 'margin-left', {duration:time});
	myFx.start(-$(this).getStyle('width').toInt(),0);
  }
});