/*
	To create a new one add this to ur home page
	<script type="text/javascript">
			window.addEvent('domready', function() {
				var effects = new RollOverEffect();
				
				//or with optional hide and show classes
				// var effects = new RollOverEffect({
					hideClassName: "hideMe",
					showClassName: "showMe"
				});
				
			});
	</script>
*/


var RollOverEffect = new Class({
    
	Implements: Options,
    
	options: {
		hideClassName: "hide",
		showClassName: "show"
    },
	
    initialize: function(options){
	
        this.setOptions(options);

		$('productThumbs').getElements('dl').each(function(dl, ind){
			
			var dd = dl.getElement('dd.info'); 
			var dt = dl.getElement('dt');
			
			dd.addClass(this.options.hideClassName);
			dt.addClass(this.options.hideClassName);

			dl.addEvent('mouseenter', this.showElement.bind(this, [dd, dt]));
			dl.addEvent('mouseleave', this.hideElement.bind(this, [dd, dt]));
			
		},this);
	
	},
	
	hideElement: function(dd, dt){
	
		dd.addClass(this.options.hideClassName);
		dd.removeClass(this.options.showClassName);
		
		dt.addClass(this.options.hideClassName);
		dt.removeClass(this.options.showClassName);
	},
	
	showElement: function(dd, dt){
	
		dd.addClass(this.options.showClassName);
		dd.removeClass(this.options.hideClassName);
		
		dt.addClass(this.options.showClassName);
		dt.removeClass(this.options.hideClassName);
	}

});