// JavaScript Document TABS

        //<![CDATA[
            function createCallback(type) {
                return function() {
                    alert('callback: ' + type);
                }
            }

            $(document).ready(function() {

                $('#container-1').tabs();
                $('#container-2').tabs(2);
                $('#container-3').tabs({fxSlide: true});
                $('#container-4').tabs({fxFade: true, fxSpeed: 'fast'});
                $('#container-5').tabs({fxSlide: true, fxFade: true, fxSpeed: 'fast'});
                $('#container-6').tabs({fxFade: true, fxSpeed: 'fast', onClick: createCallback('onClick'), onHide: createCallback('onHide'), onShow: createCallback('onShow')});
                $('#container-7').tabs({fxAutoHeight: true});
                $('#container-8').tabs({fxShow: {height: 'show', opacity: 'show'}});
                $('#container-9').tabs({remote: true});
                $('#container-10').tabs({fxFade: true, fxAutoHeight: true, tabStruct: 'div>div'});

                $('<p><a href="#">Activate third tab</a> <code>$(\'#container-1\').triggerTab(3);</code></p>').appendTo('#trigger-tab').find('a').click(function() {
                    $('#container-1').triggerTab(3);
                    return false;
                });
                $('<p><a href="#">Disable third tab</a> <code>$(\'#container-1\').disableTab(3);</code></p>').appendTo('#trigger-tab').find('a').click(function() {
                    $('#container-1').disableTab(3);
                    return false;
                });
                $('<p><a href="#">Enable third tab</a> <code>$(\'#container-1\').enableTab(3);</code></p>').appendTo('#trigger-tab').find('a').click(function() {
                    $('#container-1').enableTab(3);
                    return false;
                });

            });
        //]]>