/** 
 * 	Class for all Listing item behaviour
 */
var ListingItem = new Class({
    initialize: function(el, index){
			this.id 							= index + 1;
			this.el 							= el;
			var self = this;
			
			self.el.addEvent('mouseenter', function (){
				//console.log('mouseenter');
				self.changebackground('div.listItem', 'mouseenter');
			});
			
			self.el.addEvent('mouseleave', function (){
				//console.log('mouseleave')
				self.changebackground('div.listItem', 'mouseleave');
			});
    },		

		changebackground: function(subel, e) {
			
			switch(e) {
				case 'mouseenter':				
					if (subel != null || subel != '') {
						$E(subel, this.el).addClass('highlight');
					}					
					break;
				
				case 'mouseleave':							
					if (subel != null || subel != '') {
						$E(subel, this.el).removeClass('highlight');
					}				
					break;
			}			
		}
});

window.addEvent('domready', function(){
	var listItemsArray = [];
	$$('.genericItem').each(function(el, i) {
		
		listItemsArray[i] = new ListingItem(el, i);
		
	});
	
});