$(document).ready(function(){



$('#submenu').css('display','none');

$('#toggeling').click(function () {

    $('.subnav').slideToggle(
       function () {
          $('.subnav').animate({ height: 'toggle' }, { duration: 300, easing: 'easeOutCirc' });
          },
       function () {
          $('.subnav').animate({ height: 'toggle' }, { duration: 300, easing: 'easeOutCirc' });
          });
}); 

    var options = {
    direction:  'left',
    nlabel:     'weiter',
    plabel:     'zurück',
    oflabel:    'von',
    duration:   230,   
    stageW:     '700px',   
    stageH:     '400px' 
    }  

    $('.popeye').popeye(options);
    

/* CONFIGURATION TABS */
$(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: 'normal' });
                $('#container-6').tabs({
                    fxFade: true,
                    fxSpeed: 'fast',
                    onClick: function() {
                        alert('onClick');
                    },
                    onHide: function() {
                        alert('onHide');
                    },
                    onShow: function() {
                        alert('onShow');
                    }
                });
                $('#container-7').tabs({ fxAutoHeight: true });
                $('#container-8').tabs({ fxShow: { height: 'show', opacity: 'show' }, fxSpeed: 'normal' });
                $('#container-9').tabs({ remote: true });
                $('#container-10').tabs();
                $('#container-11').tabs({ disabled: [3] });

                $('<p><a href="#">Disable third tab<\/a><\/p>').prependTo('#fragment-28').find('a').click(function() {
                    $(this).parents('div').eq(1).disableTab(3);
                    return false;
                });
                $('<p><a href="#">Activate third tab<\/a><\/p>').prependTo('#fragment-28').find('a').click(function() {
                    $(this).parents('div').eq(1).triggerTab(3);
                    return false;
                });
                $('<p><a href="#">Enable third tab<\/a><\/p>').prependTo('#fragment-28').find('a').click(function() {
                    $(this).parents('div').eq(1).enableTab(3);
                    return false;
                });

            });
/* END TABS */

});