$(function () {
    $(".main_left").height($(".main_right").height());
    $("dt", $(".main_left")).each(function (i) {  $(this).click(function () { shownext(this) }) });
    $("div", $("#home_title")).each(function (i) { $(this).click(function () { alter_main_content($(this).attr("id")); }) });
    alter_main_content("c_1");


})
function shownext(obj) {
    $(".hover", $(".main_left")).removeClass("hover");
    $("dd", $(".main_left")).hide();
    $(obj).next("dd").slideDown();
    $(obj).addClass("hover");
}
function alter_main_content(id) {
    switch (id) {
        case "c_1":
            $("#c_1").attr("class", "first_on");
            $("#c_2").attr("class", "center_off");
            $("#c_3").attr("class", "center_off");
            $("#c_4").attr("class", "center_off");
            $("#c_5").attr("class", "center_off");
            $("#c_6").attr("class", "last_off");
            break;
        case "c_2":
            $("#c_1").attr("class", "first_off");
            $("#c_2").attr("class", "center_on");
            $("#c_3").attr("class", "center_off");
            $("#c_4").attr("class", "center_off");
            $("#c_5").attr("class", "center_off");
            $("#c_6").attr("class", "last_off");
            break;
        case "c_3":
            $("#c_1").attr("class", "first_off2");
            $("#c_2").attr("class", "center_prev");
            $("#c_3").attr("class", "center_on");
            $("#c_4").attr("class", "center_off");
            $("#c_5").attr("class", "center_off");
            $("#c_6").attr("class", "last_off");
            break;
        case "c_4":
            $("#c_1").attr("class", "first_off2");
            $("#c_2").attr("class", "center_off");
            $("#c_3").attr("class", "center_prev");
            $("#c_4").attr("class", "center_on");
            $("#c_5").attr("class", "center_off");
            $("#c_6").attr("class", "last_off");
            break;
        case "c_5":
            $("#c_1").attr("class", "first_off2");
            $("#c_2").attr("class", "center_off");
            $("#c_3").attr("class", "center_off");
            $("#c_4").attr("class", "center_prev");
            $("#c_5").attr("class", "center_on");
            $("#c_6").attr("class", "last_off");
            break;
        case "c_6":
            $("#c_1").attr("class", "first_off3");
            $("#c_2").attr("class", "center_off");
            $("#c_3").attr("class", "center_off");
            $("#c_4").attr("class", "center_off");
            $("#c_5").attr("class", "center_prev");
            $("#c_6").attr("class", "last_on");
            break;
    }
    $("#content_box").html($("#" + id + "_content").html());


}