/**
 * ------------------------------------------------------------------------
 * JA T3v2 System Plugin for J3.x
 * ------------------------------------------------------------------------
 * Copyright (C) 2004-2018 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
 * @license - GNU/GPL, http://www.gnu.org/licenses/gpl.html
 * Author: J.O.O.M Solutions Co., Ltd
 * Websites: http://www.joomlart.com - http://www.joomlancers.com
 * ------------------------------------------------------------------------
 */

var JAIToolbox = new Class({
    initialize: function(options){
        this.options = (window.$extend || Object.append)({
            animOn        : false,
            axis          : 'x',
            slideInterval : 0,
            slideSpeed    : 20
        }, options || {});

        window.addEvent('domready', this.start.bind(this));
        //window.addEvent('domready', function(){scrollTo(0, 1);} );
    },

    start: function() {
        this._backs = [];
        this._currenttoggle = null;
        this._last = null;

        this._links = $$('a');
        this._back = $('toolbar-back');
        this._close = $('toolbar-close');
        this._title = $('toolbar-title');
        this._boxes = $$('.toolbox');
        this._boxes2 = $$('.toolbox');
        if (!this._boxes || !this._boxes.length) return;
        this._overlay = $('ja-overlay');
        this._mainbox = $('ja-toolbar-main');
        if (this.options.animOn) {
            this._boxes.setStyle ('opacity', 0);
            this._overlay.setStyle ('opacity', 0);
            this._boxes.push ($('ja-toolbar-main'));
            this._boxes.push (this._overlay);
            this._fx = new Fx.Elements (this._boxes, {'onComplete':this.slidedone.bind(this)});
        }

        var top = (this._boxes && this._boxes.length)?this._boxes[0].getCoordinates().top:0;

        this._links.each(function(link) {
            if (link.href && link.hash && link.hash != "#") {
                link._box = $(link.hash.substr(1));
                if (!link._box || !link._box.hasClass ('toolbox')) return;
                link._box._link = link;
                link._h = top + link._box.getCoordinates().height;
                if (link.hasClass('ip-button')) {
                    link.addEvent ('click', function(e){
                        if(e){
                            e.stop();
                        }
                        this.togglebox(link);
                        return false;
                    }.bind(this));
                } else {
                    link.addEvent ('click', function(e){
                        if(e){
                            e.stop();
                        }
                        this.showbox(link, true);
                        return false;
                    }.bind(this));
                }
            }
        },this);

        if (this._back) {
            this._back.addEvent ('click', function(e){
                if(e){
                    e.stop();
                }
                this.back();
                return false;
            }.bind(this));
        }
        if (this._close) {
            this._close.addEvent ('click', function(e){
                if(e){
                    e.stop();
                }
                this.close();
                return false;
            }.bind(this));
        }

        this._overlay.addEvent ('click', function(e) {
            this.close();
            return false;
        }.bind(this));
    },

    slidedone: function () {
        if (this._currenttoggle == null) {
            //hide overlay
            this._overlay.setStyle ('display','none');
        }
    },

    togglebox: function (link) {
        if (this._currenttoggle == link) {
            this.close();
        }
        if (this._currenttoggle == null) {
            //show overlay
            this._overlay.setStyles ({'display':'block', 'height':$('ja-wrapper').offsetHeight});
        }
        this.showbox (link, true);
        this._currenttoggle = link;
    },

    showbox: function (link, addback) {
        if (this.options.animOn) this.showbox2 (link, addback);
        else this.showbox1 (link, addback);
    },

    close: function () {
        if (this.options.animOn) this.close2 ();
        else this.close1 ();
    },

    showbox1: function (link, addback) {
        this._boxes2.setStyle ('display', 'none');
        link._box.setStyle ('display', 'block');
        this._mainbox.setStyle ('height', link._h);

        if (addback && this._last) {
            this._backs.push (this._last);
        }
        this._last = link;
        this.updatestatus(link);
    },

    close1: function () {
        this._boxes2.setStyle ('display', 'none');
        this._mainbox.setStyle ('height', 0);

        //hide overlay
        this._overlay.setStyle ('display','none');

        this._backs = [];
        this._currenttoggle = null;
        this._last = null;
    },

    showbox2: function (link, addback) {
        this._fx.stop();
        objs = {};
        for (i=0; i<this._boxes.length - 2; i++) {
            if (this._boxes[i] != link._box) {
                objs[i] = {'opacity': 0};
            } else {
                objs[i] = {'opacity': 1};
            }
        }

        objs[this._boxes.length - 2] = {'height': link._h};
        if (this._currenttoggle == null) {
            objs[this._boxes.length - 1] = {'opacity': 0.7};
        }
        this._fx.start (objs);

        if (addback && this._last) {
            this._backs.push (this._last);
        }
        this._last = link;
        this.updatestatus(link);
    },

    close2: function () {
        this._fx.stop();
        objs = {};
        for (i=0; i<this._boxes.length - 2; i++) {
            objs[i] = {'opacity': 0};
        }

        objs[this._boxes.length - 2] = {'height': 0};
        objs[this._boxes.length - 1] = {'opacity': 0};

        this._fx.start (objs);

        this._backs = [];
        this._currenttoggle = null;
        this._last = null;
    },

    updatestatus: function (link) {
        this._title.innerHTML = link.title;
        if ((lastlink = this._backs.getLast())) {
            this._back.innerHTML = lastlink.title;
            this._back.setStyle ('display', 'block');
        } else {
            this._back.innerHTML = '';
            this._back.setStyle ('display', 'none');
        }
    },

    back: function () {
        if ((link = this._backs.pop())){
            this.showbox (link);
        }
    }

})

new JAIToolbox();