﻿$(document).ready(function () {



    var fnOver = function (e) {
        var screenWidth = ($(window).width());
        $(e).find('div.tooltip').css('display', 'inline');

        var content = $(e).find('div.tooltip_content').html();

        $(e).find('div.tooltip_content').html(content.replace(/\n/gi, '<br />'));


        var left = ($(e).position().left);



        /* if (($(document).width() - $(e).position().left) <= 600) {

        $(e).find('div.tooltip').css('margin-left', '-150px');

        if ($(e).find('div.tooltip_content').width() >= 290) {
        $(e).find('div.tooltip').css('margin-left', '-' + (150 + (($(e).find('div.tooltip_content').width()/2) - 100)) + 'px');
        }
        }  */

    };

    var fnOut = function (e) {
        $(e).find('div.tooltip').css('display', 'none');
    };

    $('.product_brd').hover(function (e) { fnOver(this) }, function (e) { fnOut(this) });


    $('.product_brd').bind('mousemove', function (e) {
        var width = $(this).find('div.tooltip').width();
        var height = $(this).find('div.tooltip').height();
        height = height + 25;
        $(this).find('div.tooltip').css('left', (e.screenX+5));

        var wY = $(window).height();
        var wX = $(window).width();



        if (wY - e.pageY <= 300) {
            $(this).find('div.tooltip').css('top', (e.pageY - height));
        }



        if (wX - e.pageX <= 300) {
            $(this).find('div.tooltip').css('left', (e.pageX - width-5));
        }

    });

});
