$(document).ready(function() {

	// zebra stripping
	$('.mtable tbody tr').each(function(i) {						
		if ((i % 2) != 0) {
			$(this).addClass("alt");
		}
	});
	
	
    function navMouseout() {
        // Hide current nav
        var li = $(this).parent().parent();
        var link = $(this).attr("href");
        var title = $(this).html();
        
        /* change to:
        <li>
            <a title="News" href="/articles/">News</a>
        </li>
        */
        if ($(li).hasClass('currentl')) {
            $(li).removeClass('currentl');
            var a = document.createElement("a");
            $(a).html(title);
            $(a).mouseover(navMouseOver);
            a.href = link;
            $(li).children().remove();
            $(li).append(a);   
        }
    }
    
    // Show current nav
    function navMouseOver() {
        var li = $(this).parent();
        var link = $(this).attr("href");
        var title = $(this).html();
        
        /* change to:
        <li class="currentl">
            <span class="currentr">
            <a class="currentc" title="News" href="/articles/">News</a>
            </span>
        </li>
        */
        if (!$(li).hasClass('currentr')) {
            $(li).addClass('currentl');
            var span = document.createElement("span");
            span.className = 'currentr';
            var a = document.createElement("a");
            a.className = 'currentc';
            a.href = link;
            $(a).html(title);
            $(a).mouseout(navMouseout);
            span.appendChild(a);
            $(li).children().remove();
            $(li).append(span);
        }
    }
    
    // Bind
    $('#nav ul li a').mouseover(navMouseOver);
    
   
});