var _toggleImg = null;
        var _toggler = null;
        var _infoBlock = null;
        
        // executed by jQuery when the DOM is fully loaded.
        $(function() {
            _toggleImg = document.getElementById('toggleImg');
            _toggler = document.getElementById('toggler');
            _infoBlock = document.getElementById('infoBlock');
            $(_toggler).bind('click', ToggleInfo);
            $(_toggleImg).bind('click', ToggleInfoVisible);
        });
        
        function ToggleInfo(event)
        {
            //debugger;
            $(_toggleImg).click();
            return false;
        }
        
        function ToggleInfoVisible(event)
        {
            //debugger;
            if ($(_infoBlock).is(':hidden'))
            { 
                $(_infoBlock).slideDown('normal');
                $(_toggleImg).attr(
                    {alt: 'hide info', src: '/images/nav_close.gif'} );
                $(_toggler).text("Hide information");
            }
            else
            {
                $(_infoBlock).slideUp('normal');
                $(_toggleImg).attr(
                    {alt: 'expand info', src: '/images/nav_open.gif'} );
                $(_toggler).text("More information");
            }
            return false;
        }