/**
 * to display the tooltip when clicking the item
 */
var layerIdC24 = null;

$(document).ready(function() {

    $('body').append('<div class="c24FrameC24" style="position: relative; left:0; bottom:0;"><div class="c24HelpOverlayer" style="display:none;" id="c24HelpOverlayerC24"></div></div>');

    $('.c24HelpLink').each(function(i, e) {

        if ($(e).css('position') == 'relative' || $(e).children('.c24HelpIcon').css('position') == 'relative') {
            $(e).parent().css('position', 'relative');
            $(e).parent().parent('td').css('position', 'relative');
        }

    });

    $('.content-left .c24HelpLink').click(function() {

        var globalToolTip = $('#c24HelpOverlayerC24');

        var layer = $($(this).next('.c24HelpOverlayer'));
        var image = $($(this).children('.c24HelpIcon'));

        var show = true;

        if (layerIdC24 != null && layerIdC24 == $(this).attr('id')) {
            show = false;
        }

        if (layer != null && layer) {

            globalToolTip.hide();

            globalToolTip.html(layer.html()); // Set layer html content to global layer content

            var default_left = $(this).offset().left;
            var default_top = $(this).offset().top;

            default_top -= $(globalToolTip).height();
            default_top -= 13;

            if (jQuery.browser.msie == true && jQuery.browser.version >= 8.0) {
                default_top -= image.height() / 2; /* IE 8 has problems with offset calc */
            }

            if (jQuery.browser.msie == true && jQuery.browser.version == 6.0) {
                globalToolTip.children('.c24HelpPointer').css('bottom', '-14px'); /* IE 6 has problems with offset calc */
            }

            default_left -= $(globalToolTip).width();
            default_left += $(image).width() / 2;
            default_left += 10 / 2; // Pointer width

            // Set values

            default_left = default_left - globalToolTip.parent().offset().left;

            default_top = default_top - globalToolTip.parent().offset().top;

            globalToolTip.css('top', default_top);
            globalToolTip.css('left', default_left);

            if (show) {

                globalToolTip.bgiframe();
                globalToolTip.show();

                layerIdC24 = $(this).attr('id');

            } else {
                layerIdC24 = null;
            }

            if (globalToolTip.offset().left < 0) {

                // Turn right
                default_left = $(this).offset().left;
                globalToolTip.children('.c24HelpPointer').css('left', 0);

            }

            if (globalToolTip.offset().top < 0) {

                // Turn down

                default_top = $(this).offset().top - globalToolTip.parent().offset().top;

                default_top += image.height();
                default_left += 10; // Space

                globalToolTip.children('.c24HelpPointer').hide();

                default_left = $(this).offset().left;

            }

            globalToolTip.css('top', default_top);
            globalToolTip.css('left', default_left);



        }

    });

    $(document).click(function(event) {

        var src = $(event.srcElement || event.target); // IE || Moz

        if (!src.hasClass('c24HelpIcon') && !src.hasClass('c24HelpOverlayer') && !src.hasClass('c24HelpLink')) {
            $('.c24FrameC24 .c24HelpOverlayer').hide();
            layerIdC24 = null;
        }

    });

});