/*	==========================================================

	Class: 		Fader - For the product listing page
	Use:		Performs operations on the product grid
	Version:	v1
	By:			Dave Calvert

========================================================	*/
var Fader = Class.create();
Fader.prototype = {
	
	initialize: function () {
	
		if($$('.product-block') !='' ) {
			$$('.product-block-hit-area').each(this.setup.bind(this));
		} else {
			return false;
		}
	
	},
	
	setup: function (k,v) {
		
		Event.observe($(k),'mouseenter',this.fadein.bindAsEventListener(this));
		Event.observe($(k),'mouseleave',this.fadeout.bindAsEventListener(this));
	
	},
	
	fadein: function (e) {

		el = Event.element(e);
		block = $(el.id).previous(0);
		$(block.id).fade( { duration:0.2, queue: { position: 'end', scope: block.id.toString() } } );
	
	},
	
	fadeout: function (e) {
		
		el = Event.element(e);
		block = $(el.id).previous(0);
		$(block.id).appear( { duration:0.2, queue: { position: 'end', scope: block.id.toString() } } );
		
	}
	
	
};