/** 
 * 	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 != '') {
                    $(subel, this.el).addClass('highlight');
                }
                break;
                
            case 'mouseleave':
                if (subel != null || subel != '') {
                    $(subel, this.el).removeClass('highlight');
                }
                break;
        }
    }
});

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