/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

$(function() {
    
    // MAIN MENU MAGIC
   var $activeSubNav = null;
   var $subnav = $('#navbox ul.menu > li > ul'); // $('ul.submenu') doesn't work
   $('#navbox ul.menu > li > a').mouseover(function() {
        if ($activeSubNav)
             $activeSubNav.hide();
            
        $activeSubNav = $(this).next();
        $activeSubNav.show();
    }).mouseout(function(ev) { 
        var nn = ev.relatedTarget.nodeName.toLowerCase();
        if (nn == 'a')
            var todo = 'noop';
        else
            $(this).next().hide();
    })
    
    $subnav.mouseover(function() {
        var todo = 'noop';
    }).mouseout(function(ev) { 
        var nn = ev.relatedTarget.nodeName.toLowerCase();
        if (nn == 'ul' || nn == 'a')
            var todo = 'noop';
        else
            $(this).hide();
    });
    
    // PERSIST "ON" STATES
    var path = window.location.pathname;
    var arrRoutes = path.split('/');
    var selectedMainNavSlug = arrRoutes[1];
    var selectedSubNavSlug = arrRoutes[2];
    // alert('selectedMainNavSlug = ' + selectedMainNavSlug + '\r\nselectedSubNavSlug = ' + selectedSubNavSlug);
    
    if (selectedMainNavSlug != '') {
        $('.menu-item-' + selectedMainNavSlug + ' > a').addClass('on')
    }
    
    // pipe separator
    if ( $.browser.msie )
        var todo = 'noop';
    else
        $("#navbox ul.menu li ul li:not(:last-child) a").append(' <a class="pipe">|</a> '); 
    
});

getTwitters('tweet', { 
    id: 'HopeForSouthD', 
    clearContents: true, 
    count: 1, 
    withFriends: true,
    ignoreReplies: true,
    template: '<span id="tweetheader"><a href="http://twitter.com/%user_screen_name%" target="_blank">@HopeForSouthD</a></span> &nbsp; <span id="tweettime"><a href="http://twitter.com/%user_screen_name%/statuses/%id_str%">%time%</a></span><br />"%text%"'
});