$( document ).ready ( function () {
        timeoutCounter = 0 ;
        initDropdown () ;
    }

) ;

initDropdown = function () {

    $( '.dropdownh > ul > li' ).each (
        function ( i ) {
            
            var timeOut ;
            vertical = $( this ).parent().parents ( 'div.dropdownh' ).get () ;

            $( this ).hover (

                function () {
                    clearTimeout(timeOut);

                    if ( vertical[ 0 ] ) {
                        $( this ).parent( 'ul' ).find ( '> li > div' ).css( 'display' , 'none' ) ;
                    }

                    $( '> div' , this ).css( 'display' , 'block' ) ;
                    $( '> a' , this ).addClass( 'hover' ) ;
                } ,
                function () {
                    var self = this;

                    timeOut = setTimeout (
                        function() {
                            $( '> div', self ).css( 'display' , 'none' ) ;
                            $( '> a' , self ).removeClass( 'hover' ) ;
                        }
                    , timeoutCounter ) ;
                }
            ) ;
        }
    ) ;
};