//Hover Intent Plugin
(function($) { $.fn.hoverIntent = function(f, g) { var cfg = { sensitivity: 7, interval: 100, timeout: 0 }; cfg = $.extend(cfg, g ? { over: f, out: g} : f); var cX, cY, pX, pY; var track = function(ev) { cX = ev.pageX; cY = ev.pageY; }; var compare = function(ev, ob) { ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t); if ((Math.abs(pX - cX) + Math.abs(pY - cY)) < cfg.sensitivity) { $(ob).unbind("mousemove", track); ob.hoverIntent_s = 1; return cfg.over.apply(ob, [ev]); } else { pX = cX; pY = cY; ob.hoverIntent_t = setTimeout(function() { compare(ev, ob); }, cfg.interval); } }; var delay = function(ev, ob) { ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t); ob.hoverIntent_s = 0; return cfg.out.apply(ob, [ev]); }; var handleHover = function(e) { var p = (e.type == "mouseover" ? e.fromElement : e.toElement) || e.relatedTarget; while (p && p != this) { try { p = p.parentNode; } catch (e) { p = this; } } if (p == this) { return false; } var ev = jQuery.extend({}, e); var ob = this; if (ob.hoverIntent_t) { ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t); } if (e.type == "mouseover") { pX = ev.pageX; pY = ev.pageY; $(ob).bind("mousemove", track); if (ob.hoverIntent_s != 1) { ob.hoverIntent_t = setTimeout(function() { compare(ev, ob); }, cfg.interval); } } else { $(ob).unbind("mousemove", track); if (ob.hoverIntent_s == 1) { ob.hoverIntent_t = setTimeout(function() { delay(ev, ob); }, cfg.timeout); } } }; return this.mouseover(handleHover).mouseout(handleHover); }; })(jQuery);

$(document).ready(function() {

    function bindpopup(i) {
        i.find(".nf-item .nf-item2").unbind().hoverIntent({

            over: function() {
                var pos = $(this).offset();
                $(".Holder .Middle .Text").empty();
                var html = $(this).find(".popupTemp").html();
                $(".Holder .Middle .Text").html(html);
                var holderHeight = $(".Holder").height();
                $(".Holder").stop(true, true).css({ left: pos.left + 125, top: pos.top - holderHeight, "z-index": "99999" });
                $(".Holder").animate({ opacity: "show", left: pos.left + 100, top: pos.top - holderHeight + 30, "z-index": "99999" }, "slow");
            },
            out: function() {
                var pos = $(this).offset();
                var holderHeight = $(".Holder").height();
                $(".Holder").stop(true, true).animate({ opacity: "hide", left: pos.left + 120, top: pos.top - holderHeight }, "fast");
            },
            timeout: 0,
            interval: 200
        });
    };

    $("div.nfScroller").scrollable({ clickable: false, keyboard: false }).each(function() {

        var scrollerAPI = $(this).data("scrollable");
        scrollerAPI.move(0);
        var scroller = $(this);
        var firstrun = true;

        var cat = scroller.parent().children(".nfCategory").text();
        var items = scroller.children(".items");
        bindpopup(items);
        var m_set = items.attr("set");
        cat = $.trim(cat);

        scrollerAPI.onBeforeSeek(function() {
            if (firstrun) {
                firstrun = false;
                //Google Analytics Tracking
                if(pageTracker) pageTracker._trackEvent("NF_Slider", "Used Slider", cat);
                $.get('nfajaxpage.aspx', { category: cat, pagenum: "-1", pagesize: "-1", "set": m_set }, function(data) {
                    $(data).filter(":gt(1)").each(function() {
                        scrollerAPI.addItem(this);
                    });
                    scrollerAPI.move(0);
                    bindpopup(items);
                });
            }
        });

        //        items.load("nfajaxpage.aspx", { category: cat, pagenum: "-1", pagesize: "-1", "set": m_set }, function() {
        //            scroller.scrollable({ clickable: false, keyboard: false });
        //            bindpopup(items);
        //        });
    });

});