jQuery UI Datepicker on a qTip

$(document).ready(function()
{
    $("img.calendarIcon-calendarView").qtip({

       content: {
            url: 'ajaxContent/caledarInclude.html'
            },

        style: {
            name: 'dark',
            tip: 'topMiddle',
            width: { max: 1000 },
            border: {radius: 6, width: 4}
                },

        show: {
            effect: {
                type: 'slide',
                length: 300
                }
            },

        hide: {
            when: 'mouseout',
            fixed: true,
            delay: 750,
            effect: {
                type: 'slide',
                length: 300
                }
            },

       position: {
          corner: {
             target: 'bottomMiddle',
             tooltip: 'topMiddle'
          }}
    });
});