<!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></title>
  <meta name="Generator" content="Cocoa HTML Writer">
  <meta name="CocoaVersion" content="824.41">
  <style type="text/css">
    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica}
    p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px}
  </style>
</head>
<body>
<p class="p1">var ScrollLinks = {</p>
<p class="p1"><span class="Apple-converted-space">        </span>currentHash: false,</p>
<p class="p1"><span class="Apple-converted-space">        </span>start: function(){</p>
<p class="p1"><span class="Apple-converted-space">        </span>this.scroll = new fx.Scroll({duration: 500, onComplete: function(){ScrollLinks.end();}});</p>
<p class="p1"><span class="Apple-converted-space">        </span>this.allinks = document.getElementsByTagName('a');</p>
<p class="p1"><span class="Apple-converted-space">        </span>for (i=0; i&lt;this.allinks.length; i++){</p>
<p class="p1"><span class="Apple-converted-space">            </span>var lnk = this.allinks[i];</p>
<p class="p1"><span class="Apple-converted-space">            </span>if ((lnk.href &amp;&amp; lnk.href.indexOf('#') != -1) &amp;&amp; ( (lnk.pathname == location.pathname) || ('/'+lnk.pathname == location.pathname) ) &amp;&amp; (lnk.search == location.search)) {</p>
<p class="p1"><span class="Apple-converted-space">                </span>lnk.onclick = function(){</p>
<p class="p1"><span class="Apple-converted-space">                    </span>ScrollLinks.scroll.clearTimer();</p>
<p class="p1"><span class="Apple-converted-space">                    </span>this.initialHref = this.href;</p>
<p class="p1"><span class="Apple-converted-space">                    </span>this.initialHash = this.hash;</p>
<p class="p1"><span class="Apple-converted-space">                    </span>this.href = "javascript:void(0)";</p>
<p class="p1"><span class="Apple-converted-space">                    </span>setTimeout(function(){this.href = this.initialHref;}.bind(this), 200);</p>
<p class="p1"><span class="Apple-converted-space">                            </span>ScrollLinks.click(this);</p>
<p class="p1"><span class="Apple-converted-space">                </span>}</p>
<p class="p1"><span class="Apple-converted-space">            </span>}</p>
<p class="p1"><span class="Apple-converted-space">        </span>}</p>
<p class="p1"><span class="Apple-converted-space">    </span>},</p>
<p class="p2"><br></p>
<p class="p1"><span class="Apple-converted-space">    </span>click: function(link){</p>
<p class="p1"><span class="Apple-converted-space">        </span>this.currentHash = link.initialHash.substr(1);</p>
<p class="p1"><span class="Apple-converted-space">        </span>if (this.currentHash) {</p>
<p class="p1"><span class="Apple-converted-space">            </span>for (j=0; j&lt;this.allinks.length; j++){</p>
<p class="p1"><span class="Apple-converted-space">                </span>if (this.allinks[j].id == this.currentHash){</p>
<p class="p1"><span class="Apple-converted-space">                    </span>if (!window.opera) this.scroll.scrollTo(this.allinks[j]);</p>
<p class="p1"><span class="Apple-converted-space">                    </span>else this.scroll.scrollTo(this.allinks[j].parentNode);</p>
<p class="p1"><span class="Apple-converted-space">                    </span>break;</p>
<p class="p1"><span class="Apple-converted-space">                </span>}</p>
<p class="p1"><span class="Apple-converted-space">            </span>}</p>
<p class="p1"><span class="Apple-converted-space">        </span>}</p>
<p class="p1"><span class="Apple-converted-space">    </span>},</p>
<p class="p2"><br></p>
<p class="p1"><span class="Apple-converted-space">    </span>end: function(){</p>
<p class="p1"><span class="Apple-converted-space">        </span>window.location.href = "#"+this.currentHash;</p>
<p class="p1"><span class="Apple-converted-space">        </span>this.currentHash = false;</p>
<p class="p1"><span class="Apple-converted-space">    </span>}</p>
<p class="p1">}</p>
<p class="p2"><br></p>
<p class="p1">function startScroll() { ScrollLinks.start(); }</p>
<p class="p2"><br></p>
<p class="p2"><br></p>
<p class="p1">function activateSearch() {</p>
<p class="p1">if ($('searchform')) {</p>
<p class="p1"><span class="Apple-converted-space"> </span>$('s').value = 'Search...';</p>
<p class="p1"><span class="Apple-converted-space"> </span>$('searchform').onsubmit = function() { doSearch();return false; };</p>
<p class="p1"><span class="Apple-converted-space"> </span>$('s').onfocus = focusS;</p>
<p class="p1"><span class="Apple-converted-space"> </span>$('s').onblur = blurS;</p>
<p class="p1"><span class="Apple-converted-space"> </span>var s = $('search-results');</p>
<p class="p1"><span class="Apple-converted-space"> </span>var f = $('searchform');</p>
<p class="p1"><span class="Apple-converted-space"> </span>is_searching = false;</p>
<p class="p1"><span class="Apple-converted-space"> </span>$('search-results').innerHTML = '';</p>
<p class="p1"><span class="Apple-converted-space"> </span>}</p>
<p class="p1">}</p>
<p class="p2"><br></p>
<p class="p1">function init(){</p>
<p class="p1">var myMenu = document.getElementsByClassName('menu');</p>
<p class="p1">var mySelector = document.getElementsByClassName('selector');</p>
<p class="p1">var menuEffect = new fx.Accordion(mySelector, myMenu, {opacity: true, duration: 300});</p>
<p class="p1">resultsHeight = new fx.Combo('search-results', {duration: 800});</p>
<p class="p1">menuEffect.showThisHideOpen = function(toShow){</p>
<p class="p1"><span class="Apple-converted-space"> </span>this.elements.each(function(el, i){</p>
<p class="p1"><span class="Apple-converted-space"> </span>if (el.offsetHeight &gt; 0 &amp;&amp; el != toShow) this.clearAndToggle(el);</p>
<p class="p1"><span class="Apple-converted-space"> </span>}.bind(this));</p>
<p class="p1"><span class="Apple-converted-space"> </span>setTimeout(function(){this.clearAndToggle(toShow)<span class="Apple-converted-space">  </span>;}.bind(this), this.options.delay);</p>
<p class="p1"><span class="Apple-converted-space"> </span>};</p>
<p class="p1">activateSearch();</p>
<p class="p1">resultsHeight.toggle();</p>
<p class="p1">}</p>
<p class="p2"><br></p>
<p class="p1">function doOpacity() {</p>
<p class="p1">resultsOpacity = new fx.Opacity('search-results', {duration: 800});</p>
<p class="p1">}</p>
<p class="p2"><br></p>
<p class="p1">function doSearch() {</p>
<p class="p1">if (is_searching) return false;</p>
<p class="p1">s = $F('s');</p>
<p class="p1">if (s == '' || s == 'Live Search...') return false;</p>
<p class="p1">$('loader').innerHTML = "&lt;img src=\"http://chrismagyar.com/jabootu/themes/Citrus/images/ajax-loader.gif\" alt=\"Loading...\" /&gt;";</p>
<p class="p1">is_searching = true;</p>
<p class="p1">pars = 's=' + escape(s) + '&amp;ajax';</p>
<p class="p2"><br></p>
<p class="p1">var myAjax = new Ajax.Request('http://chrismagyar.com/jabootu', {method: 'get', parameters: pars, onComplete:doSearchResponse});</p>
<p class="p1">}</p>
<p class="p2"><br></p>
<p class="p1">function doSearchResponse(response) {</p>
<p class="p1">$('search-results').innerHTML = response.responseText;</p>
<p class="p1">resetForm();</p>
<p class="p1">$('loader').innerHTML = "";</p>
<p class="p1">resultsHeight.toggle();</p>
<p class="p1">$('s').blur();</p>
<p class="p1">}</p>
<p class="p2"><br></p>
<p class="p1">function resetForm() { is_searching = false; }</p>
<p class="p2"><br></p>
<p class="p1">function clearResults() {</p>
<p class="p1">resultsHeight.toggle();</p>
<p class="p1">setTimeout("$('search-results').innerHTML = '';", 800);</p>
<p class="p1">$('s').value = 'Search...';</p>
<p class="p1">}</p>
<p class="p2"><br></p>
<p class="p1">function focusS() {</p>
<p class="p1">if ($F('s') == 'Search...') {</p>
<p class="p1"><span class="Apple-converted-space"> </span>$('s').value = '';</p>
<p class="p1"><span class="Apple-converted-space"> </span>}</p>
<p class="p1">else {</p>
<p class="p1"><span class="Apple-converted-space"> </span>$('s').value = '';</p>
<p class="p1"><span class="Apple-converted-space"> </span>resultsHeight.toggle();</p>
<p class="p1"><span class="Apple-converted-space"> </span>}</p>
<p class="p1">}</p>
<p class="p2"><br></p>
<p class="p1">function blurS() {</p>
<p class="p1">if ($F('s') == '') {</p>
<p class="p1"><span class="Apple-converted-space"> </span>$('s').value = 'Search...';</p>
<p class="p1"><span class="Apple-converted-space"> </span>}</p>
<p class="p1">}</p>
</body>
</html>
