/*
* Fabtabulous! Simple tabs using Prototype
* http://tetlaw.id.au/view/blog/fabtabulous-simple-tabs-using-prototype/
* Andrew Tetlaw
* version 2 2008-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 () {
    if ($('product-tab-container')) {
        var headers = $('product-tab-container').select('h2');
        var tabHTML = '<ul id="product-tabs" class="tabs">';
        headers.each(function (el, i) {
            var label = el.innerHTML;
            var ref = label.replace(' ', '');
            tabHTML += '<li><a href="#' + ref + '">' + label + '</a></li>';
            el.up().setAttribute('id', ref);
        });
        tabHTML += '</ul>';

        $('product-tab-container').insert({
            before: tabHTML
        });
    }

    var productTabs = new Fabtabs('product-tabs', { hover: false });

    if ($('trigger-reviews-tab')) {
        $('trigger-reviews-tab').observe('click', function () {
            productTabs.activate('Reviews');
            location.href = '#Reviews';
        });
    }


});