

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

	first: {

        w: 100,

        wrapFn: dw_Tooltip.wrapToWidth,

        str: '<strong>CLICK TO ZOOM</strong><br>February 2nd 1907'

        },

	

	second: {

        w: 100,

        wrapFn: dw_Tooltip.wrapToWidth,

        str: '<strong>CLICK TO ZOOM</strong><br>December 7th 1941'

        },

	

	third: {

        w: 100,

        wrapFn: dw_Tooltip.wrapToWidth,

        str: '<strong>CLICK TO ZOOM</strong><br>April 6th 1961'

        },

	

	fourth: {

        w: 105,

        wrapFn: dw_Tooltip.wrapToWidth,

        str: '<strong>CLICK TO ZOOM</strong><br>December 31st 1999'

        },



    fifth: {

        w: 100,

        wrapFn: dw_Tooltip.wrapToWidth,

        str: '<strong>CLICK TO ZOOM</strong><br>February 28th 2009'

        },



    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

        }





}