<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta http-equiv="Content-Style-Type" content="text/css">
  <title>Ricette di cucina - Le ricette di Giallozafferano.it</title>
  <meta name="Copyright" content="Copyright GialloZafferano s.r.l.">
  <meta name="Description" content="Ricette per tutti, facili e veloci da realizzare. Le ricette di cucina di Giallozafferano, centinaia di ricette fotografate passo per passo con spiegazioni semplici e intuitive.">
  <meta name="Keywords" content="Ricetta, ricette, mangiare, food, cibo, cucinare, cucina, cena">
  <meta name="Generator" content="Cocoa HTML Writer">
  <meta name="CocoaVersion" content="1038.35">
  <style type="text/css">
    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; line-height: 18.0px; font: 12.0px Monaco; color: #000088}
    p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; line-height: 18.0px; font: 12.0px Monaco; color: #880000}
    p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; line-height: 18.0px; font: 12.0px Monaco}
    p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; line-height: 18.0px; font: 12.0px Monaco; min-height: 16.0px}
    span.s1 {color: #666600}
    span.s2 {color: #000000}
    span.s3 {color: #000088}
    span.s4 {color: #006666}
    span.s5 {color: #660066}
    span.s6 {color: #008800}
  </style>
</head>
<body>
<p class="p1"><span class="s1">(</span>function<span class="s1">(</span><span class="s2">$</span><span class="s1">){</span></p>
<p class="p2"><span class="s2">        </span>/* hoverIntent by Brian Cherne */</p>
<p class="p3">        $<span class="s1">.</span>fn<span class="s1">.</span>hoverIntent <span class="s1">=</span> <span class="s3">function</span><span class="s1">(</span>f<span class="s1">,</span>g<span class="s1">)</span> <span class="s1">{</span></p>
<p class="p2"><span class="s2">                </span>// default configuration options</p>
<p class="p3">                <span class="s3">var</span> cfg <span class="s1">=</span> <span class="s1">{</span></p>
<p class="p3">                        sensitivity<span class="s1">:</span> <span class="s4">7</span><span class="s1">,</span></p>
<p class="p3">                        interval<span class="s1">:</span> <span class="s4">100</span><span class="s1">,</span></p>
<p class="p3">                        timeout<span class="s1">:</span> <span class="s4">0</span></p>
<p class="p3">                <span class="s1">};</span></p>
<p class="p2"><span class="s2">                </span>// override configuration options with user supplied object</p>
<p class="p3">                cfg <span class="s1">=</span> $<span class="s1">.</span>extend<span class="s1">(</span>cfg<span class="s1">,</span> g <span class="s1">?</span> <span class="s1">{</span> over<span class="s1">:</span> f<span class="s1">,</span> out<span class="s1">:</span> g <span class="s1">}</span> <span class="s1">:</span> f <span class="s1">);</span></p>
<p class="p4"><br></p>
<p class="p2"><span class="s2">                </span>// instantiate variables</p>
<p class="p2"><span class="s2">                </span>// cX, cY = current X and Y position of mouse, updated by mousemove event</p>
<p class="p2"><span class="s2">                </span>// pX, pY = previous X and Y position of mouse, set by mouseover and polling interval</p>
<p class="p3">                <span class="s3">var</span> cX<span class="s1">,</span> cY<span class="s1">,</span> pX<span class="s1">,</span> pY<span class="s1">;</span></p>
<p class="p4"><br></p>
<p class="p2"><span class="s2">                </span>// A private function for getting mouse position</p>
<p class="p3">                <span class="s3">var</span> track <span class="s1">=</span> <span class="s3">function</span><span class="s1">(</span>ev<span class="s1">)</span> <span class="s1">{</span></p>
<p class="p3">                        cX <span class="s1">=</span> ev<span class="s1">.</span>pageX<span class="s1">;</span></p>
<p class="p3">                        cY <span class="s1">=</span> ev<span class="s1">.</span>pageY<span class="s1">;</span></p>
<p class="p3">                <span class="s1">};</span></p>
<p class="p4"><br></p>
<p class="p2"><span class="s2">                </span>// A private function for comparing current and previous mouse position</p>
<p class="p3">                <span class="s3">var</span> compare <span class="s1">=</span> <span class="s3">function</span><span class="s1">(</span>ev<span class="s1">,</span>ob<span class="s1">)</span> <span class="s1">{</span></p>
<p class="p3">                        ob<span class="s1">.</span>hoverIntent_t <span class="s1">=</span> clearTimeout<span class="s1">(</span>ob<span class="s1">.</span>hoverIntent_t<span class="s1">);</span></p>
<p class="p2"><span class="s2">                        </span>// compare mouse positions to see if they've crossed the threshold</p>
<p class="p3">                        <span class="s3">if</span> <span class="s1">(</span> <span class="s1">(</span> <span class="s5">Math</span><span class="s1">.</span>abs<span class="s1">(</span>pX<span class="s1">-</span>cX<span class="s1">)</span> <span class="s1">+</span> <span class="s5">Math</span><span class="s1">.</span>abs<span class="s1">(</span>pY<span class="s1">-</span>cY<span class="s1">)</span> <span class="s1">)</span> <span class="s1">&lt;</span> cfg<span class="s1">.</span>sensitivity <span class="s1">)</span> <span class="s1">{</span></p>
<p class="p3">                                $<span class="s1">(</span>ob<span class="s1">).</span>unbind<span class="s1">(</span><span class="s6">"mousemove"</span><span class="s1">,</span>track<span class="s1">);</span></p>
<p class="p2"><span class="s2">                                </span>// set hoverIntent state to true (so mouseOut can be called)</p>
<p class="p3">                                ob<span class="s1">.</span>hoverIntent_s <span class="s1">=</span> <span class="s4">1</span><span class="s1">;</span></p>
<p class="p3">                                <span class="s3">return</span> cfg<span class="s1">.</span>over<span class="s1">.</span>apply<span class="s1">(</span>ob<span class="s1">,[</span>ev<span class="s1">]);</span></p>
<p class="p3">                        <span class="s1">}</span> <span class="s3">else</span> <span class="s1">{</span></p>
<p class="p2"><span class="s2">                                </span>// set previous coordinates for next time</p>
<p class="p3">                                pX <span class="s1">=</span> cX<span class="s1">;</span> pY <span class="s1">=</span> cY<span class="s1">;</span></p>
<p class="p2"><span class="s2">                                </span>// use self-calling timeout, guarantees intervals are spaced out properly (avoids JavaScript timer bugs)</p>
<p class="p3">                                ob<span class="s1">.</span>hoverIntent_t <span class="s1">=</span> setTimeout<span class="s1">(</span> <span class="s3">function</span><span class="s1">(){</span>compare<span class="s1">(</span>ev<span class="s1">,</span> ob<span class="s1">);}</span> <span class="s1">,</span> cfg<span class="s1">.</span>interval <span class="s1">);</span></p>
<p class="p3">                        <span class="s1">}</span></p>
<p class="p3">                <span class="s1">};</span></p>
<p class="p4"><br></p>
<p class="p2"><span class="s2">                </span>// A private function for delaying the mouseOut function</p>
<p class="p3">                <span class="s3">var</span> delay <span class="s1">=</span> <span class="s3">function</span><span class="s1">(</span>ev<span class="s1">,</span>ob<span class="s1">)</span> <span class="s1">{</span></p>
<p class="p3">                        ob<span class="s1">.</span>hoverIntent_t <span class="s1">=</span> clearTimeout<span class="s1">(</span>ob<span class="s1">.</span>hoverIntent_t<span class="s1">);</span></p>
<p class="p3">                        ob<span class="s1">.</span>hoverIntent_s <span class="s1">=</span> <span class="s4">0</span><span class="s1">;</span></p>
<p class="p3">                        <span class="s3">return</span> cfg<span class="s1">.</span>out<span class="s1">.</span>apply<span class="s1">(</span>ob<span class="s1">,[</span>ev<span class="s1">]);</span></p>
<p class="p3">                <span class="s1">};</span></p>
<p class="p4"><br></p>
<p class="p2"><span class="s2">                </span>// A private function for handling mouse 'hovering'</p>
<p class="p3">                <span class="s3">var</span> handleHover <span class="s1">=</span> <span class="s3">function</span><span class="s1">(</span>e<span class="s1">)</span> <span class="s1">{</span></p>
<p class="p2"><span class="s2">                        </span>// next three lines copied from jQuery.hover, ignore children onMouseOver/onMouseOut</p>
<p class="p3">                        <span class="s3">var</span> p <span class="s1">=</span> <span class="s1">(</span>e<span class="s1">.</span>type <span class="s1">==</span> <span class="s6">"mouseover"</span> <span class="s1">?</span> e<span class="s1">.</span>fromElement <span class="s1">:</span> e<span class="s1">.</span>toElement<span class="s1">)</span> <span class="s1">||</span> e<span class="s1">.</span>relatedTarget<span class="s1">;</span></p>
<p class="p3">                        <span class="s3">while</span> <span class="s1">(</span> p <span class="s1">&amp;&amp;</span> p <span class="s1">!=</span> <span class="s3">this</span> <span class="s1">)</span> <span class="s1">{</span> <span class="s3">try</span> <span class="s1">{</span> p <span class="s1">=</span> p<span class="s1">.</span>parentNode<span class="s1">;</span> <span class="s1">}</span> <span class="s3">catch</span><span class="s1">(</span>e<span class="s1">)</span> <span class="s1">{</span> p <span class="s1">=</span> <span class="s3">this</span><span class="s1">;</span> <span class="s1">}</span> <span class="s1">}</span></p>
<p class="p3">                        <span class="s3">if</span> <span class="s1">(</span> p <span class="s1">==</span> <span class="s3">this</span> <span class="s1">)</span> <span class="s1">{</span> <span class="s3">return</span> <span class="s3">false</span><span class="s1">;</span> <span class="s1">}</span></p>
<p class="p4"><br></p>
<p class="p2"><span class="s2">                        </span>// copy objects to be passed into t (required for event object to be passed in IE)</p>
<p class="p3">                        <span class="s3">var</span> ev <span class="s1">=</span> jQuery<span class="s1">.</span>extend<span class="s1">({},</span>e<span class="s1">);</span></p>
<p class="p3">                        <span class="s3">var</span> ob <span class="s1">=</span> <span class="s3">this</span><span class="s1">;</span></p>
<p class="p4"><br></p>
<p class="p2"><span class="s2">                        </span>// cancel hoverIntent timer if it exists</p>
<p class="p3">                        <span class="s3">if</span> <span class="s1">(</span>ob<span class="s1">.</span>hoverIntent_t<span class="s1">)</span> <span class="s1">{</span> ob<span class="s1">.</span>hoverIntent_t <span class="s1">=</span> clearTimeout<span class="s1">(</span>ob<span class="s1">.</span>hoverIntent_t<span class="s1">);</span> <span class="s1">}</span></p>
<p class="p4"><br></p>
<p class="p2"><span class="s2">                        </span>// else e.type == "onmouseover"</p>
<p class="p3">                        <span class="s3">if</span> <span class="s1">(</span>e<span class="s1">.</span>type <span class="s1">==</span> <span class="s6">"mouseover"</span><span class="s1">)</span> <span class="s1">{</span></p>
<p class="p2"><span class="s2">                                </span>// set "previous" X and Y position based on initial entry point</p>
<p class="p3">                                pX <span class="s1">=</span> ev<span class="s1">.</span>pageX<span class="s1">;</span> pY <span class="s1">=</span> ev<span class="s1">.</span>pageY<span class="s1">;</span></p>
<p class="p2"><span class="s2">                                </span>// update "current" X and Y position based on mousemove</p>
<p class="p3">                                $<span class="s1">(</span>ob<span class="s1">).</span>bind<span class="s1">(</span><span class="s6">"mousemove"</span><span class="s1">,</span>track<span class="s1">);</span></p>
<p class="p2"><span class="s2">                                </span>// start polling interval (self-calling timeout) to compare mouse coordinates over time</p>
<p class="p3">                                <span class="s3">if</span> <span class="s1">(</span>ob<span class="s1">.</span>hoverIntent_s <span class="s1">!=</span> <span class="s4">1</span><span class="s1">)</span> <span class="s1">{</span> ob<span class="s1">.</span>hoverIntent_t <span class="s1">=</span> setTimeout<span class="s1">(</span> <span class="s3">function</span><span class="s1">(){</span>compare<span class="s1">(</span>ev<span class="s1">,</span>ob<span class="s1">);}</span> <span class="s1">,</span> cfg<span class="s1">.</span>interval <span class="s1">);}</span></p>
<p class="p4"><br></p>
<p class="p2"><span class="s2">                        </span>// else e.type == "onmouseout"</p>
<p class="p3">                        <span class="s1">}</span> <span class="s3">else</span> <span class="s1">{</span></p>
<p class="p2"><span class="s2">                                </span>// unbind expensive mousemove event</p>
<p class="p3">                                $<span class="s1">(</span>ob<span class="s1">).</span>unbind<span class="s1">(</span><span class="s6">"mousemove"</span><span class="s1">,</span>track<span class="s1">);</span></p>
<p class="p2"><span class="s2">                                </span>// if hoverIntent state is true, then call the mouseOut function after the specified delay</p>
<p class="p3">                                <span class="s3">if</span> <span class="s1">(</span>ob<span class="s1">.</span>hoverIntent_s <span class="s1">==</span> <span class="s4">1</span><span class="s1">)</span> <span class="s1">{</span> ob<span class="s1">.</span>hoverIntent_t <span class="s1">=</span> setTimeout<span class="s1">(</span> <span class="s3">function</span><span class="s1">(){</span>delay<span class="s1">(</span>ev<span class="s1">,</span>ob<span class="s1">);}</span> <span class="s1">,</span> cfg<span class="s1">.</span>timeout <span class="s1">);}</span></p>
<p class="p3">                        <span class="s1">}</span></p>
<p class="p3">                <span class="s1">};</span></p>
<p class="p4"><br></p>
<p class="p2"><span class="s2">                </span>// bind the function to the two event listeners</p>
<p class="p3">                <span class="s3">return</span> <span class="s3">this</span><span class="s1">.</span>mouseover<span class="s1">(</span>handleHover<span class="s1">).</span>mouseout<span class="s1">(</span>handleHover<span class="s1">);</span></p>
<p class="p3">        <span class="s1">};</span></p>
<p class="p3">       <span class="Apple-converted-space"> </span></p>
<p class="p3"><span class="s1">})(</span>jQuery<span class="s1">);</span></p>
</body>
</html>

