link_on_hover

<macro name="link_on_hover" parameters="id,href,text">

    <n.put_in_head.>

        <script type="text/javascript">

<![CDATA[

            function createMouseTrick(nodeid) {

                $(document).ready(function() {

                    var $text = $('#hover-text'+nodeid);

                    var $link = $('#hover-link'+nodeid);

                    var entered = false;

                    var count = 0;

                    $text.mouseover(function() {

                        $(this).hide();

                        $link.show();

                        checkMouse();

                    });

 

                    $link.mouseover(function() {

                        entered = true;

                    });

 

                    $link.mouseout(function() {

                        $link.hide();

                        $text.show();

                        count = 0;

                        entered = false;

                    });

 

                    function checkMouse() {

                        if (!entered) {

                            count++;

                            if (count < 5) {

                                setTimeout(checkMouse, 100);

                            } else {

                                $link.hide();

                                $text.show();

                                count = 0;

                                entered = false;

                            }

                        }

                    }

                });

            };

]]>

        </script>

    </n.put_in_head.>

    <span id="hover-text[n.id/]"><n.text/></span>

    <script type="text/javascript">

        document.write('<a id="hover-link[n.id/]" href="[n.href/]" style="display:none">');

        document.write('<n.javascript_string_encode.get_app_node.text/>');

        document.write('</a>');

        createMouseTrick(<n.id/>);

    </script>

</macro>