$(document).ready(function(){
/*
    $(document).mousemove(function(e){
        $(".mousetip").css({ top: e.pageY + "px", left: e.pageX+20 + "px" });
    }); 
*/
    $('.calendar td[title*=Price], #workspace .calendar td[title]').bind('mouseover', function(){

        $(this).append('<div class="mousetip"></div>')
        $(".mousetip").html( $(this).attr('title').replace(', ','<br />') ).show()
        $(this).attr('title', '')
        
    })

    $('.calendar td[title*=Price], #workspace .calendar td[title]').bind('mouseout', function(){

        if ( $(".mousetip").html() != null )
        {
            $(this).attr('title', $(".mousetip").html().replace('<br />', ', ') )
            $(".mousetip").hide().html( '' )
            $(this).find('.mousetip').remove()
        }
        
    })

    $('#workspace .calendar td[bookingid]:not(.unavailable)').bind('mouseover', function(){

        $('#workspace .calendar td[bookingid=' + $(this).attr('bookingid') + ']').addClass('hover')

    })

    $('#workspace .calendar td[bookingid]:not(.unavailable)').bind('mouseout', function(){

        $('#workspace .calendar td[bookingid=' + $(this).attr('bookingid') + ']').removeClass('hover')

    })

});