$(document).ready(function() {
    $("div.tabbar>a").each(function() {
        $(this).click(function(event) {
            $("div.tabbar>a.tabitemselected").removeClass().addClass("tabitem");
            $("div.tabbox>div.tabdiv").hide(500);
            $(this).addClass("tabitemselected");
            var index = $("div.tabbar>a").index(this);
            $("div.tabbox>div:eq(" + index + ")").show(500);
        })
    })
})

    


//$(document).ready(function() {
//    $('#tab1').click(function(event) {
//        $(".tabitemselected").removeClass().addClass("tabitem");
//        $(".tabdiv").hide(500);
//        $(this).removeClass().addClass("tabitemselected");
//        $("#tabDiv1").show(500);
//    })
//    $('#tab2').click(function(event) {
//        $(".tabitemselected").removeClass().addClass("tabitem");
//        $(".tabdiv").hide(500);
//        $(this).removeClass().addClass("tabitemselected");
//        $("#tabDiv2").show(500);
//    })
//    $('#tab3').click(function(event) {
//        $(".tabitemselected").removeClass().addClass("tabitem");
//        $(".tabdiv").hide(500);
//        $(this).removeClass().addClass("tabitemselected");
//        $("#tabDiv3").show(500);
//    })
//});