function createThumbnailContainer()
    {
        // If DNE, create it
        if (!thumbnailContainer) 
        {
            thumbnailContainer = $(document.createElement('div'))
                .attr('id', ID_THUMBNAIL_CONTAINER)
                .mouseenter(function (event) {
                    clearAutohideTimer();
                })
                .append($(document.createElement('div')).addClass('tab')
                    .mouseenter(function (event) 
                    {
                        var container = $('#' + ID_THUMBNAIL_CONTAINER);
                        if (!container.hasClass(CLASS_SHOW_CONTAINER)) {
                            container.addClass(CLASS_SHOW_CONTAINER);
                        }
                    })
                    .click(function (event) {
                        $('#' + ID_THUMBNAIL_CONTAINER).toggleClass(CLASS_SHOW_CONTAINER);
                    })
                )
                .append($(document.createElement('div')).addClass('background'));
        }


        // Add to body
        if (!thumbnailContainer.parent().length) {
            thumbnailContainer.appendTo('body');
        }

        // Animate
        if (!thumbnailContainer.hasClass(CLASS_SHOW_CONTAINER)) 
        {
            thumbnailContainer.css({ 'bottom':'-24px' })
                .animate({ 'bottom':'-12px' }, 'fast');
        }
    }
// Create thumbnail container if it doesn't exist
Create thumbnail container if it doesn't exist
Create thumbnail container if it doesn ' t exist
function createThumbnailContainer()
    {
        if (!thumbnailContainer) 
        {
            thumbnailContainer = $(document.createElement('div'))
                .attr('id', ID_THUMBNAIL_CONTAINER)
                .mouseenter(function (event) {
                    clearAutohideTimer();
                })
                .append($(document.createElement('div')).addClass('tab')
                    .mouseenter(function (event) 
                    {
                        var container = $('#' + ID_THUMBNAIL_CONTAINER);
                        if (!container.hasClass(CLASS_SHOW_CONTAINER)) {
                            container.addClass(CLASS_SHOW_CONTAINER);
                        }
                    })
                    .click(function (event) {
                        $('#' + ID_THUMBNAIL_CONTAINER).toggleClass(CLASS_SHOW_CONTAINER);
                    })
                )
                .append($(document.createElement('div')).addClass('background'));
        }
        if (!thumbnailContainer.parent().length) {
            thumbnailContainer.appendTo('body');
        }
        if (!thumbnailContainer.hasClass(CLASS_SHOW_CONTAINER)) 
        {
            thumbnailContainer.css({ 'bottom':'-24px' })
                .animate({ 'bottom':'-12px' }, 'fast');
        }
    }
function createThumbnailContainer ( ) { if ( ! thumbnailContainer ) { thumbnailContainer = $ ( document . createElement ( 'div' ) ) . attr ( 'id' , ID_THUMBNAIL_CONTAINER ) . mouseenter ( function ( event ) { clearAutohideTimer ( ) ; } ) . append ( $ ( document . createElement ( 'div' ) ) . addClass ( 'tab' ) . mouseenter ( function ( event ) { var container = $ ( '#' + ID_THUMBNAIL_CONTAINER ) ; if ( ! container . hasClass ( CLASS_SHOW_CONTAINER ) ) { container . addClass ( CLASS_SHOW_CONTAINER ) ; } } ) . click ( function ( event ) { $ ( '#' + ID_THUMBNAIL_CONTAINER ) . toggleClass ( CLASS_SHOW_CONTAINER ) ; } ) ) . append ( $ ( document . createElement ( 'div' ) ) . addClass ( 'background' ) ) ; } if ( ! thumbnailContainer . parent ( ) . length ) { thumbnailContainer . appendTo ( 'body' ) ; } if ( ! thumbnailContainer . hasClass ( CLASS_SHOW_CONTAINER ) ) { thumbnailContainer . css ( { 'bottom' : '-24px' } ) . animate ( { 'bottom' : '-12px' } , 'fast' ) ; } }
Create thumbnail container if it doesn't exist
Create thumbnail container if it doesn ' t exist
// If DNE, create it // Add to body // Animate