var Dom = YAHOO.util.Dom, Event = YAHOO.util.Event;

esma_tabs = {

    currentTab: null,

    init: function() {
        if (window._displayType != 'large') {
            for (var i = 1; i <= 3; i++) {
                var obj = Dom.get('tab' + i + '_content');
                Dom.setStyle(obj, 'opacity', '0');
                Dom.setStyle(obj, 'display', 'none');
            }
        }
    },

    expand: function(tab_id) {

        var expand_height = eval("(tab_information." + tab_id + ".expand_height)");
        var expand_background = eval("(tab_information." + tab_id + ".expand_background)");

        var tab = Dom.get(tab_id);
        var header = Dom.get(tab_id + '_header');
        var content = Dom.get(tab_id + '_content');

        Dom.setStyle(tab, 'background', 'url(' + expand_background + ') no-repeat');

        var tab_anim_att = {
            height: { to: expand_height }
        };

        esma_tabs.fade_content(content, 1);

        if (window._isIe6 == undefined) {
            var tab_anim = new YAHOO.util.Anim(tab, tab_anim_att);
            tab_anim.duration = 0.7;
            tab_anim.method = YAHOO.util.Easing.backOut;

            tab_anim.animate();
        } else {
            tab.style.height = '439px';
        }

        content.style.display = 'block';

        Event.addListener(tab, "mouseout", esma_tabs.check_mouseout_t);
        //document.body.onmouseup = esma_tabs.check_mouseout_t;
        
        esma_tabs.currentTab = tab_id;

        return false;
    },

    collapse: function(tab_id) {

        var tab = Dom.get(tab_id);
        var collapse_height = eval("(tab_information." + tab_id + ".collapse_height)");

        var tab_anim_att = {
            height: { to: collapse_height }
        };

        if (window._isIe6 == undefined) {
            var tab_anim = new YAHOO.util.Anim(tab, tab_anim_att);
            tab_anim.method = YAHOO.util.Easing.backIn;
            tab_anim.duration = 0.7;

            tab_anim.animate();
        }
        else {
            Dom.setStyle(tab, 'height', '44px');
        }


        var content = Dom.get(tab_id + '_content');
        esma_tabs.fade_content(content, 0);
        content.style.display = 'none';

        return false;
    },

    fade_content: function(c, o) {
        var fade_att = {
            opacity: { to: o }
        };

        var fade = new YAHOO.util.Anim(c, fade_att);
        fade.duration = 0.4;

        fade.animate();
    },

    check_mouseout_t: function(e) {
        if (!e) { var e = window.event; }

        var region = Dom.getRegion(esma_tabs.currentTab);
        var x = Event.getPageX(e);
        var y = Event.getPageY(e);

        if (x < region.left || x > region.right) {
            esma_tabs.collapse(esma_tabs.currentTab);
        }

        if (y < region.top || y > region.bottom) {
            esma_tabs.collapse(esma_tabs.currentTab);
        }
    }
};

tab_information = {
    tab1: {
        expand_height: 439,
        expand_background: '/_common/images/bg_ESMA.jpg',
        collapse_height: 44,
        collapse_background: '/_common/images/tab1_bg_small.gif',
        current_state: 'collapse'
    },

    tab2: {
        expand_height: 439,
        expand_background: '/_common/images/bg_distributors.jpg',
        collapse_height: 44,
        collapse_background: '/_common/images/tab1_bg_small.gif',
        current_state: 'collapse'
    },

    tab3: {
        expand_height: 439,
        expand_background: '/_common/images/bg_members.jpg',
        collapse_height: 44,
        collapse_background: '/_common/images/tab1_bg_small.gif',
        current_state: 'collapse'
    }
};

Event.onDOMReady(esma_tabs.init);