$(function () {
    $('.umenu li')
	.css({ backgroundPosition: "0 0" })
	.mouseover(function () {
	    $(this).stop().animate(
			{ backgroundPosition: "(0 -100px)" },
			{ duration: 500 })
	})
	.mouseout(function () {
	    $(this).stop().animate(
			{ backgroundPosition: "(0 0)" },
			{ duration: 500 })
	})

});

function tabSwitch(new_tab, new_content) {
    return;
    document.getElementById('content_1').style.display = 'none';
    document.getElementById('content_2').style.display = 'none';
    document.getElementById('content_3').style.display = 'none';
    document.getElementById(new_content).style.display = 'block';

    document.getElementById('tab_1').className = '';
    document.getElementById('tab_2').className = '';
    document.getElementById('tab_3').className = '';
    document.getElementById(new_tab).className = 'active';

}

//FOR MENU AT LEFT
$(document).ready(function () {
    
    // When a link is clicked
    $("a.tab").click(function () {

        // switch all tabs off
        $(".active").removeClass("active");

        // switch this tab on
        $(this).addClass("active");

        // slide all elements with the class 'content' up
        $(".content").slideUp();

        // Now figure out what the 'title' attribute value is and find the element with that id.  Then slide that down.
        var content_show = $(this).attr("title");
        $("#" + content_show).slideDown();

    });

});
//$(function () {
//    $(".umenu li").hover(function () {
//        $(this).stop();
//        $(this).animate({ "opacity": 1 }, "slow");
//    },
//   function () {
//       $(this).stop();
//       $(this).animate({
//           "opacity": 0
//       }, "slow");
//   }); 
// });