$(document).ready(function () {

    if (!window.$CaptionInfo) {
        $('body').append('<div id="captioninfo"><div id="caption_inner"></div></div>');

        window.$CaptionInfo = {
            obj: null,
            offsetX: 0,
            offsetY: 0
        };

        $CaptionInfo.obj = $('#captioninfo');
        $CaptionInfo.obj.hide();

    }

    var img = $('#monththumbnails a, #relatedposts a, #col_1 .image a, #col_2 .image a, #col_3 .image a, .poshbox_tip, #wall #col_4 .product a, .help-icon');

    img.bind('mouseover', function () {
        if ($(this).attr("class") == "poshbox_tip") {
            $CaptionInfo.obj.find("#caption_inner").html('<p>Would you like your product delivered in one of our Posh boxes? If so simply tick the box</p>');
        } else {
            $CaptionInfo.obj.find("#caption_inner").html('<p>' + $(this).html() + '</p>');
        }
        $CaptionInfo.offsetX = -20; //($CaptionInfo.obj.width() + 10);
        $CaptionInfo.offsetY = ($CaptionInfo.obj.height() + 20);
        $CaptionInfo.obj.show();
    });

    img.bind('mousemove', function (e) {
        //$CaptionInfo.obj.css({ 'top': (e.pageY - $CaptionInfo.offsetY) + 'px', 'left': (e.pageX - $CaptionInfo.offsetX) + 'px',});

        // Dropshadow size
        var captionWidth = $CaptionInfo.obj.outerWidth(true) + 8;
        var windowWidth = $(window).width();

        if (e.pageX > ((windowWidth - captionWidth) + $CaptionInfo.offsetX)) {
            $CaptionInfo.obj.css({ 'top': (e.pageY - $CaptionInfo.offsetY) + 'px', 'left': ((e.pageX - captionWidth) + $CaptionInfo.offsetX) + 'px' });
        }
        else {
            $CaptionInfo.obj.css({ 'top': (e.pageY - $CaptionInfo.offsetY) + 'px', 'left': (e.pageX - $CaptionInfo.offsetX) + 'px' });
        }
    });

    img.bind('mouseout', function () {
        $CaptionInfo.obj.hide();
    });

});