//MooTools More, <http://mootools.net/more>. Copyright (c) 2006-2008 Valerio Proietti, <http://mad4milk.net>, MIT Style License.

/*
Script: Fx.Slide.js
Effect to slide an element in and out of view.

License:
MIT-style license.
*/

Fx.Slide = new Class({

    Extends: Fx,

    options: {
        mode: 'vertical'
    },

    initialize: function(element, options) {
        this.addEvent('complete', function() {
            this.open = (this.wrapper['offset' + this.layout.capitalize()] != 0);
            if (this.open && Browser.Engine.webkit419) this.element.dispose().inject(this.wrapper);
        }, true);
        this.element = this.subject = $(element);
        this.parent(options);
        var wrapper = this.element.retrieve('wrapper');
        this.wrapper = wrapper || new Element('div', {
            styles: $extend(this.element.getStyles('margin', 'position'), { 'overflow': 'hidden' })
        }).wraps(this.element);
        // this.element.store('wrapper', this.wrapper).setStyle('margin', 0); // MPJ commented out to stop it killing centering
        this.element.store('wrapper', this.wrapper).setStyle('margin', 'auto'); // MPJ changed to stop it killing centering. TEST TEST TEST.
        this.now = [];
        this.open = true;
    },

    vertical: function() {
        this.margin = 'margin-top';
        this.layout = 'height';
        this.offset = this.element.offsetHeight;
    },

    horizontal: function() {
        this.margin = 'margin-left';
        this.layout = 'width';
        this.offset = this.element.offsetWidth;
    },

    set: function(now) {
        this.element.setStyle(this.margin, now[0]);
        this.wrapper.setStyle(this.layout, now[1]);
        return this;
    },

    compute: function(from, to, delta) {
        var now = [];
        var x = 2;
        x.times(function(i) {
            now[i] = Fx.compute(from[i], to[i], delta);
        });
        return now;
    },

    start: function(how, mode) {
        if (!this.check(arguments.callee, how, mode)) return this;
        this[mode || this.options.mode]();
        var margin = this.element.getStyle(this.margin).toInt();
        var layout = this.wrapper.getStyle(this.layout).toInt();
        var caseIn = [[margin, layout], [0, this.offset]];
        var caseOut = [[margin, layout], [-this.offset, 0]];
        var start;
        switch (how) {
            case 'in': start = caseIn; break;
            case 'out': start = caseOut; break;
            case 'toggle': start = (this.wrapper['offset' + this.layout.capitalize()] == 0) ? caseIn : caseOut;
        }
        return this.parent(start[0], start[1]);
    },

    slideIn: function(mode) {
        return this.start('in', mode);
    },

    slideOut: function(mode) {
        return this.start('out', mode);
    },

    hide: function(mode) {
        this[mode || this.options.mode]();
        this.open = false;
        return this.set([-this.offset, 0]);
    },

    show: function(mode) {
        this[mode || this.options.mode]();
        this.open = true;
        return this.set([0, this.offset]);
    },

    toggle: function(mode) {
        return this.start('toggle', mode);
    }

});

Element.Properties.slide = {

    set: function(options) {
        var slide = this.retrieve('slide');
        if (slide) slide.cancel();
        return this.eliminate('slide').store('slide:options', $extend({ link: 'cancel' }, options));
    },

    get: function(options) {
        if (options || !this.retrieve('slide')) {
            if (options || !this.retrieve('slide:options')) this.set('slide', options);
            this.store('slide', new Fx.Slide(this, this.retrieve('slide:options')));
        }
        return this.retrieve('slide');
    }

};

Element.implement({

    slide: function(how, mode) {
        how = how || 'toggle';
        var slide = this.get('slide'), toggle;
        switch (how) {
            case 'hide': slide.hide(mode); break;
            case 'show': slide.show(mode); break;
            case 'toggle':
                var flag = this.retrieve('slide:flag', slide.open);
                slide[(flag) ? 'slideOut' : 'slideIn'](mode);
                this.store('slide:flag', !flag);
                toggle = true;
                break;
            default: slide.start(how, mode);
        }
        if (!toggle) this.eliminate('slide:flag');
        return this;
    }

});