/*
Cart JS pour Piecesavenue
Copyright(c) 2009, Skalpel.

Author : Killian

*/

window.addEvent('domready', function() {
	new SKjs.MenuAccessories();
});

SKjs.MenuAccessories = new Class({
    Implements: [Events, Options],
	options: {
        elmFamilyScrolls:      'img.family_scroll'
	},

	initialize: function(elm, options) {
		this.setOptions(options);

		this.dom            = {};
		this.fx             = {};

		this.initDom();
		this.initEvents();
	},

	/*
	Property :
		On initialise l'ensemble des evenements
	*/
	initDom: function() {
        this.dom.familyScrolls = $$(this.options.elmFamilyScrolls);
	},

	/*
	Property :
		On initialise l'ensemble des evenements
	*/
	initEvents: function() {
        this.dom.familyScrolls.each(function(scroll) {
            scroll.addEvent('click', this.onScroll.bind(this));
        }, this);
	},

    onScroll: function(e) {
        var family = $('family_' + e.target.id);
        
        var src = e.target.get('src');

        if (family.getStyle('display') == 'none') {
            family.setStyle('display', 'block');
            src = src.replace('normal', 'active');
        } else {
            family.setStyle('display', 'none');
            src = src.replace('active', 'normal');
        }

        e.target.set('src', src);
    }
});