how could i write this jquery code in proper oop way
<p>A month back i start writing my first serious front-end heavy website, the idea was to create a custom cms driven 1 page website which internally hold over 100 pages. </p>

<p>so the url will always be same but everytime user click any link based on navigation hierarchy it will animate, load data using ajax call and append a hash in url which can be used for sharing  link, i ended up using something like this :   </p>

<p>links:</p>

<pre><code>&lt;a data-alias="#treasurysales" rel="get_content.php?id=62" data-content="vert_21_63" data-target="vert_21_63_tar" href=""&gt;(Treasury Sales )
</code></pre>

<p>container :</p>

<pre><code>&lt;li id="vert_2_19_tar" class="hs-home-li" style="display: none;"&gt;
</code></pre>

<p>here is how my js looks like:</p>

<pre><code>$(document).ready(function(){

        //hash handling
        $("a[data-alias],li[data-alias]").live("click",hashHandler);
        $("a[rel *= php]:not('.apply,a[data-direction],.bod')").live("click",ajaxHandler);
        $(".static-link").live("click",static_link)

        //main navigation
        $(".horizontal-scroll &gt; li").not(":first-child").hide();
        $(".left-nav ul li a").live("click",vertNav);
        $(".tab-nav ul li a[data-target]").live("click",horzNav);   
        $(".small",".hs-home-li").hide();
        $(".small:first",".hs-home-li").show();
        $(".tab-sub-nav a").live("click",tabNav);
               // around 100 lines


})
</code></pre>

<p>here is how my function.js looks like </p>

<pre><code>var vTarget, 
lastvTarget = $("site-vertical-scroll&gt;li:first"), 
hTarget,
lasthTarget,
tabTarget, //around 15-20 var 
var hashHandler = function(){};
var hash_location = function(){};
var hash_location = function(){}; //around 100 function 
</code></pre>

<p>after reaching 1000+line js i realized this is not the way to do it properly. my code is very dependent on dom , tightly coupled, unmaintainable. </p>

<p>i read several books on oop js, pattern, testing and best practice but i am really lacking in architecting my js everything else comes after. </p>

<p>i will appreciate a lot if someone can tell me how to write above code in proper oop way      </p>
