dw_Tooltip.defaultProps = {
    klass: 'tooltip',
    showCloseBox: true, // when sticky true (below)
    closeBoxImage: '/images/btns/close.gif'
}


dw_Tooltip.content_vars = {

    access: 'The documentation discusses the accessibility features of the code.',

    // from a database based on query string data for example
    ajax: 'An example demonstrates and gives more information about using ajax to retrieve content for the tooltip.',
    
    classes: {
        klass: 'tip2',
        content: 'The documentation describes how easy it is to set this up. The download file contains an example.'
        },
        
    dl: {
        str: 'The download file contains examples demonstrating basic tooltip setup, a hover tip, swapping classes, sticky tooltip, images and text in the tooltip, and more.',
        w: 300,
        wrapFn: dw_Tooltip.wrapToWidth
        },
        
    dur: {
        content: 'This one is set to hide after a delay of one second.',
        duration: 1000
        },

    els: 'This allows the content of the tooltips to be available for search engines and accessibility. See the demo for more information.',

    
    'focus': {
        str: 'Keyboard users can tab to view the tooltip. Enter key results in navigation. Escape key hides the tooltip.',
        w: 300,
        wrapFn: dw_Tooltip.wrapToWidth
        },
    
    hover: {
        hoverable: true,
        content: 'This tooltip can contain <a href="#">links</a> and will wait for you to hover over it. Documentation has information.'
        },
    
    img: {
        img: '/images/common/cranes.gif',
        w: 150,
        h: 150,
        wrapFn: dw_Tooltip.wrapImageToWidth
        },
        
    img_txt: {
        img: '/images/common/mandala2.gif',
        txt: 'Yin-Yang mandala',
        w: 160,
        wrapFn: dw_Tooltip.wrapImageOverText
        },
        
    mo: {
        str: 'By default the tooltip will hide on mouseout after a customizable delay; for links, onblur when activated onfocus.',
        w: 300,
        wrapFn: dw_Tooltip.wrapToWidth
        },

    obj: 'Most properties and functions are encapsulated under <code>dw_Tooltip</code>.',
        
                
    position: 'The code supports a variety of methods for positioning the tooltip. The demo has more information.',
    
    shim: {
        str: 'The code contains an iframe which will position itself under the tooltip preventing bleed through of select lists for Internet Explorer on windows.',
        w: 300,
        wrapFn: dw_Tooltip.wrapToWidth
    },

    stick: {
        str: 'A &quot;sticky&quot; tooltip remains on screen until another tooltip link is activated or the escape key or document click hides it. The close box is optional.',
        w: 240,
        klass: 'tooltip2',
        wrapFn: dw_Tooltip.wrapToWidth,
        sticky: true
        },
    
    unev: 'The code does not rely on HTML event handler attributes. The documentation has more information.',
    
    // near top of page
    unob: {
        w: 280,
        wrapFn: dw_Tooltip.wrapToWidth,
        str: 'No need to place onmouseover and onmouseout attributes in your (X)HTML. You can keep content and behavior separate.'
        },

    vars: {
        str: 'An object literal is used to encapsulate all tooltip content. It can be set up very simply yet provides great flexibility. The documentation gives more details.',
        w: 300,
        wrapFn: dw_Tooltip.wrapToWidth
        },
        
    wrap: {
        wrapFn: dw_Tooltip.wrapTextByImage,
        caption: 'A Heron',
        img: '/images/common/heron.gif',
        txt: 'Side by side with a caption is one among many possible display options.',
        w: 210
        }


}