$(document).ready(function() {
    $("header img, .header img").click(function() { location.href = '/'; });
    $("#liHome").click(function() { location.href = '/'; });
    $("#liHome").click(function() { location.href = '/'; });
    $("#liClient").click(function() { location.href = '/category/browser.aspx'; });
    $("#liTransport").click(function() { location.href = '/category/protocol.aspx'; });
    $("#liServer").click(function() { location.href = '/category/server.aspx'; });
    $("#liDatabase").click(function() { location.href = '/category/database.aspx'; });
    $("#liHome").hover(function() { $(this).css('background-position', '0px 0px'); $(this).css('width', '207px'); $(this).css('left', '-183px'); }, function() { $(this).css('background-position', '-207px 0px'); $(this).css('width', '24px'); $(this).css('left', '0px'); });
    $("#liClient").hover(function() { $(this).css('background-position', '0px -24px'); $(this).css('width', '207px'); $(this).css('left', '-183px'); }, function() { $(this).css('background-position', '-207px -24px'); $(this).css('width', '24px'); $(this).css('left', '0px'); });
    $("#liTransport").hover(function() { $(this).css('background-position', '0px -49px'); $(this).css('width', '207px'); $(this).css('left', '-183px'); }, function() { $(this).css('background-position', '-207px -49px'); $(this).css('width', '24px'); $(this).css('left', '0px'); });
    $("#liServer").hover(function() { $(this).css('background-position', '0px -73px'); $(this).css('width', '207px'); $(this).css('left', '-183px'); }, function() { $(this).css('background-position', '-207px -73px'); $(this).css('width', '24px'); $(this).css('left', '0px'); });
    $("#liDatabase").hover(function() { $(this).css('background-position', '0px -97px'); $(this).css('width', '207px'); $(this).css('left', '-183px'); }, function() { $(this).css('background-position', '-207px -97px'); $(this).css('width', '24px'); $(this).css('left', '0px'); });
});