/*
* Fabtabulous! Simple tabs using Prototype
* http://tetlaw.id.au/view/blog/fabtabulous-simple-tabs-using-prototype/
* Andrew Tetlaw
* version 2.04 2009-08-10
* http://creativecommons.org/licenses/by-sa/2.5/
*/
var Fabtabs = Class.create({
    initialize : function(element,options) {
        var parent = this.element = $(element);
        this.options = Object.extend({
            hover: true,
            remotehover: false,
            anchorpolicy: 'allow-initial' // 'protect', 'allow', 'allow initial', 'disable'
        }, options || {});
        this.menu = this.element.select('a[href*="#"]');
        this.hrefs = this.menu.map(function(elm){
            return elm.href.match(/#(\w.+)/) ? RegExp.$1 : null;
        }).compact();
        this.on(this.getInitialTab());
        var onLocal = function(event) {
            if(this.options.anchorpolicy !== 'allow'){ event.stop(); }
            var elm = event.findElement("a");
            if (elm.href.match(/#(\w.+)/)) {
                this.activate(elm);
                if(this.options.anchorpolicy === 'protect') { window.location.hash = '.'+this.tabID(elm); }
            } else {
                document.location = elm.href;
            }
        };
        var onRemote = function(event) {
            if(this.options.anchorpolicy !== 'allow'){ event.stop(); }
            var trig = event.findElement("a");
            if (elm.href.match(/#(\w.+)/)) {
                this.activate(this.tabID(trig));
                if(this.options.anchorpolicy === 'protect') { window.location.hash = '.'+this.tabID(elm); }
            } else {
                document.location = elm.href;
            }
        }
        this.element.observe('click', onLocal.bindAsEventListener(this));
        if(this.options.hover) {
            this.menu.each(function(elm){elm.observe('mouseover', onLocal.bindAsEventListener(this))}.bind(this));
        }
        var triggers = []; 
        this.hrefs.each(function(id){
            $$('a[href="#' + id + '"]').reject(function(elm){
                return elm.descendantOf(parent)
            }).each(function(trig){
                triggers.push(trig);
            });
        })
        triggers.each(function(elm){
            elm.observe('click', onRemote.bindAsEventListener(this));
            if(this.options.remotehover) {
                elm.observe('mouseover', onRemote.bindAsEventListener(this));
            }
        }.bind(this));
    },
    activate: function(elm) {
        if(typeof elm == 'string') {
            elm = this.element.select('a[href="#'+ elm +'"]')[0];
        }
        this.on(elm);
        this.menu.without(elm).each(this.off.bind(this));
    },
    off: function(elm) {
        $(elm).removeClassName('active-tab');
        $(this.tabID(elm)).removeClassName('active-tab-body');
    },
    on: function(elm) {
        $(elm).addClassName('active-tab');
        $(this.tabID(elm)).addClassName('active-tab-body');
    },
    tabID: function(elm) {
        return elm.href.match(this.re)[1];
    },
    getInitialTab: function() {
        if(this.options.anchorpolicy !== 'disable' && document.location.href.match(this.re)) {
            var hash = RegExp.$1;
            if(hash.substring(0,1) == "."){
                hash = hash.substring(1);
            }
            return this.element.select('a[href="#'+ hash +'"]')[0];
        } else {
            return this.menu.first();
        }
    },
    re: /#(\.?\w.+)/
});

document.observe("dom:loaded", function(){
    fabtabs = new Fabtabs('tabs');
});