$(document).ready(function(){
$("#tabNav li:eq(0) ").addClass("tab11");
$("#nav li:not(:eq(0))").hide();
$("#tabNav li:eq(0)").mouseover(function(){
$("#nav li").hide();
$("."+$(this).attr("id")).fadeIn();
});

$("#tabNav li:eq(0)").mouseover(function(){
$("#tabNav li").removeClass("tab22");
$("#tabNav li").removeClass("tab33");
$(this).addClass("tab11");
$("#nav li").hide();
$("."+$(this).attr("id")).fadeIn();
});

$("#tabNav li:eq(1)").mouseover(function(){
$("#tabNav li").removeClass("tab11");
$("#tabNav li").removeClass("tab33");
$(this).addClass("tab22");
$("#nav li").hide();
$("."+$(this).attr("id")).fadeIn();
});

$("#tabNav li:eq(2)").mouseover(function(){
$("#tabNav li").removeClass("tab11");
$("#tabNav li").removeClass("tab22");
$(this).addClass("tab33");
$("#nav li").hide();
$("."+$(this).attr("id")).fadeIn();
});
});