var Site = Class({
	
	initialize: function(){
		if ($('relatedProducts')){
			this.appearText();
		}

	},
		
	appearText: function(){
		var timer = 0;
		var sideblocks = $$('#relatedProducts ul li');
		
		var slidefxs = [];
		var colorfxs = [];
		
		sideblocks.each(function(el, i){
			el.setStyle('margin-top', '0px');
			timer += 150;
			slidefxs[i] = new Fx.Style(el, 'margin-top', {
				duration: 0,
				transition: Fx.Transitions.backOut,
				wait: false,
				onComplete: this.createOver.pass([el, i])
			});
			slidefxs[i].start.delay(timer, slidefxs[i], 0);

		}.bind(this));
	},
	
	createOver: function(el, i){
		var overfxs = new Fx.Styles(el, {'duration': 200, 'wait': false});
		if (!(window.ie6)) {
			el.addEvent('mouseenter', function(e){
				overfxs.start({
					'margin-top': '-20px'
				});
			});
			el.addEvent('mouseleave', function(e){						   
				overfxs.start({
					'margin-top': 0
				});
			});
		}
	}
	
	
});

window.addEvent('load', function() { new Site(); });