

                <!--

                $(function () {
                    $('.bubbleInfo').each(function () {
                        var distance = 10;
                        var time = 50;
                        var hideDelay = 100;

                        var hideDelayTimer = null;

                        var beingShown = false;
                        var shown = false;
                        var trigger = $('.trigger', this);

                        var info = $('.popup', this).css('opacity', 0);


                        $([trigger.get(0), info.get(0)]).mouseover(function () {

                            /*try{
                            testprev.mouseout();
 }catch(e){}

                            testprev=info.get(0);

                             */


                            if (hideDelayTimer) clearTimeout(hideDelayTimer);
                            if (beingShown || shown) {
                                // don't trigger the animation again
                                return;
                            } else {
                                // reset position of info box
                                beingShown = true;

                                info.css({
                                    top: 30,
                                    left:-100,

                                    display: 'block'
                                }).animate({
                                    top: '-=' + distance + 'px',
                                    opacity: 1
                                }, time, 'swing', function() {
                                    beingShown = false;
                                    shown = true;
                                });
                            }

                            return false;
                        });

                        $(trigger.get(0)).mouseout(function () {
                            testprev=info;
                            if (hideDelayTimer) clearTimeout(hideDelayTimer);
                            hideDelayTimer = setTimeout(function () {
                                hideDelayTimer = null;
                                info.animate({
                                    top: '-=' + distance + 'px',
                                    opacity: 0
                                }, time, 'swing', function () {
                                    shown = false;
                                    info.css('display', 'none');
                                });

                            }, hideDelay);

                            return false;
                        });
                          $(info.get(0)).mouseout(function () {
                            testprev=info;
                            if (hideDelayTimer) clearTimeout(hideDelayTimer);
                            hideDelayTimer = setTimeout(function () {
                                hideDelayTimer = null;
                                info.animate({
                                    top: '-=' + distance + 'px',
                                    opacity: 0
                                }, time, 'swing', function () {
                                    shown = false;
                                    info.css('display', 'none');
                                });

                            }, hideDelay);

                            return false;
                        });
                    });
                });
                function close(ob)
                {

                    var info=document.getElementById("dpop");
                    var hideDelayTimer = null;
                    if (hideDelayTimer) clearTimeout(hideDelayTimer);
                    hideDelayTimer = setTimeout(function () {
                        hideDelayTimer = null;
                        info.animate({
                            top: '-=10px',
                            opacity: 0
                        }, 50, 'swing', function () {
                            shown = false;
                            info.css('display', 'none');
                        });

                    }, 100);
                    document.getElementById("dpop").style.opacity="0";
                    document.getElementById("dpop").style.display="none";

                }

                -->

                <!--

                $(function () {
                    $('.bubbleInfo').each(function () {
                        var distance = 10;
                        var time = 50;
                        var hideDelay = 100;

                        var hideDelayTimer = null;

                        var beingShown = false;
                        var shown = false;
                        var trigger = $('.trigger', this);

                        var info = $('.popup', this).css('opacity', 0);


                        $([trigger.get(0), info.get(0)]).mouseover(function () {

                            /*try{
                            testprev.mouseout();
 }catch(e){}

                            testprev=info.get(0);

                             */


                            if (hideDelayTimer) clearTimeout(hideDelayTimer);
                            if (beingShown || shown) {
                                // don't trigger the animation again
                                return;
                            } else {
                                // reset position of info box
                                beingShown = true;

                                info.css({
                                    top: 30,
                                    left:-100,

                                    display: 'block'
                                }).animate({
                                    top: '-=' + distance + 'px',
                                    opacity: 1
                                }, time, 'swing', function() {
                                    beingShown = false;
                                    shown = true;
                                });
                            }

                            return false;
                        });

                        $(trigger.get(0)).mouseout(function () {
                            testprev=info;
                            if (hideDelayTimer) clearTimeout(hideDelayTimer);
                            hideDelayTimer = setTimeout(function () {
                                hideDelayTimer = null;
                                info.animate({
                                    top: '-=' + distance + 'px',
                                    opacity: 0
                                }, time, 'swing', function () {
                                    shown = false;
                                    info.css('display', 'none');
                                });

                            }, hideDelay);

                            return false;
                        });
                          $(info.get(0)).mouseout(function () {
                            testprev=info;
                            if (hideDelayTimer) clearTimeout(hideDelayTimer);
                            hideDelayTimer = setTimeout(function () {
                                hideDelayTimer = null;
                                info.animate({
                                    top: '-=' + distance + 'px',
                                    opacity: 0
                                }, time, 'swing', function () {
                                    shown = false;
                                    info.css('display', 'none');
                                });

                            }, hideDelay);

                            return false;
                        });
                    });
                });
                function close(ob)
                {

                    var info=document.getElementById("dpop");
                    var hideDelayTimer = null;
                    if (hideDelayTimer) clearTimeout(hideDelayTimer);
                    hideDelayTimer = setTimeout(function () {
                        hideDelayTimer = null;
                        info.animate({
                            top: '-=10px',
                            opacity: 0
                        }, 50, 'swing', function () {
                            shown = false;
                            info.css('display', 'none');
                        });

                    }, 100);
                    document.getElementById("dpop").style.opacity="0";
                    document.getElementById("dpop").style.display="none";

                }

                -->