How to reuse the Default mouse over event after one Click Event in Jquery
<p>I have a .js file below which is getting load in master page.I have another page Default.aspx.I want to Pause Mouseover event of the .js in Default.aspx script and again after the new event(one Click) is finished I want to re gain that .js event to work.Can any one guide me how to get the event function of the .js from Default.aspx</p>

<p>.js file</p>

<pre><code>(function (a) {
a.fn.slidePanel = function (d) {
    d = a.extend({
        triggerName: "#trigger", position: "absolute", triggerTopPos: "80px", panelTopPos: "50px", panelOpacity: 10, speed: "fast", ajax: false, ajaxSource: null, clickOutsideToClose: true
    }
    , d || {});
    var b = this;
    var c = a(d.triggerName);
    var e = a.browser.msie &amp;&amp; a.browser.version == "6.0";
    if (e) {
        d.position = "absolute"
    }
    c.css("position", d.position);
    c.css("top", d.triggerTopPos);
    b.css("position", d.position);
    b.css("top", d.panelTopPos);
    b.css("filter", "alpha(opacity=" + (d.panelOpacity * 100) + ")");
    b.css("opacity", d.panelOpacity);
    c.attr("href", "javascript:void(0)").mousedown(function () {
        if (!d.ajax) {
            b.toggle(d.speed);
            //c.toggleClass("active"); 
            $('#ContentPlaceHolder1_Image4').attr('src', "images/MarrowW.png");
        }
        if (d.ajax &amp;&amp; d.ajaxSource != null) {
            if (!b.is(":visible")) {
                b.load(d.ajaxSource, function (g, f, i) {
                    if (f !== "success") {
                        var h = "&lt;p&gt;Sorry, but there was an error loading the document.&lt;/p&gt;";
                        b.html(h)
                    }
                    b.toggle(d.speed)
                })
            }
            else {
                b.toggle(d.speed)
            }
            //c.toggleClass("active");
            $('#ContentPlaceHolder1_Image4').attr('src', "images/MarrowW.png");
        }
        else {
            if (d.ajax &amp;&amp; d.ajaxSource == null) {
                alert("You must define an ajaxSource to use Ajax.")
            }

        }
        return false
    });
    if (d.clickOutsideToClose) {
        a(document).bind("mouseover", function () {
            b.hide(d.speed);
            //c.removeClass("active");
             $('#ContentPlaceHolder1_Image4').attr('src', "images/Marrow.png");
        });
        b.bind("mouseover", function (f) {
            f.stopPropagation()
        })
    }

}

//next one
a.fn.slidePanell = function (d) {
    d = a.extend({
        triggerName: "#trigger", position: "absolute", triggerTopPos: "80px", panelTopPos: "50px", panelOpacity: 10, speed: "fast", ajax: false, ajaxSource: null, clickOutsideToClose: true
    }
    , d || {});
    var b = this;
    var c = a(d.triggerName);
    var e = a.browser.msie &amp;&amp; a.browser.version == "6.0";
    if (e) {
        d.position = "absolute"
    }
    c.css("position", d.position);
    c.css("top", d.triggerTopPos);
    b.css("position", d.position);
    b.css("top", d.panelTopPos);
    b.css("filter", "alpha(opacity=" + (d.panelOpacity * 100) + ")");
    b.css("opacity", d.panelOpacity);
    c.attr("href", "javascript:void(0)").mousedown(function () {
        if (!d.ajax) {
            b.toggle(d.speed);
            //c.toggleClass("active"); 
            $('#Image2').attr('src', "images/LMenuIconW.png");
        }
        if (d.ajax &amp;&amp; d.ajaxSource != null) {
            if (!b.is(":visible")) {
                b.load(d.ajaxSource, function (g, f, i) {
                    if (f !== "success") {
                        var h = "&lt;p&gt;Sorry, but there was an error loading the document.&lt;/p&gt;";
                        b.html(h)
                    }
                    b.toggle(d.speed)
                })
            }
            else {
                b.toggle(d.speed)
            }
            //c.toggleClass("active");
            $('#Image2').attr('src', "images/LMenuIconW.png");
        }
        else {
            if (d.ajax &amp;&amp; d.ajaxSource == null) {
                alert("You must define an ajaxSource to use Ajax.")
            }

        }
        return false
    });
    if (d.clickOutsideToClose) {
        a(document).bind("mouseover", function () {
            b.hide(d.speed);
            //c.removeClass("active");
            $('#Image2').attr('src', "images/LMenuIcon.png");
        });
        b.bind("mouseover", function (f) {
            f.stopPropagation()
        })
    }

} 
})(jQuery);
</code></pre>

<p>And I Have a script in Default.aspx where I am Binding the Click event.Its working But When I am unbind the Mouseover and again bind it the defause mouseover of .js is not working</p>
