// JavaScript Document
$(document).ready(function() { 
	var selected = "select";
    var unselected = "unselect";
	var tab4 = "#content_upper_tab > table";
	var content4 = "#tab_upper_content > div";
	
	
	
	function changeTab(obj, stat) {
        $(obj).find("td").each(function() {
            var aTdClass = $(this).attr("class").split("_");
            var sClass = "";
            for (var i = 0; i < aTdClass.length - 1; i++) {
                sClass += aTdClass[i] + "_";
            }
            $(this).attr("class", sClass + stat);
        })
    }
	
	
$(tab4).click(function() {
		var sId = $(this).attr("id");
		var sClass = $(this).attr("class");

        changeTab(this, selected);
        changeContent(this);
		if ($(this).hasClass("tab_border")) {
			$(this).removeClass("tab_border");
		}
		
		$(tab4).each(function() {
            if ($(this).attr("id") != sId) {
                changeTab(this, unselected);
				if ($(this).parent().attr("class") == "content_tab") {
					$(this).attr("class", sClass + " tab_border");
				}
            }
        	
		})
	})
	
	function changeContent(obj) {
		var iTableNum = $(obj).attr("id").substring(7);
		$(content4).each(function() {
			if ($(this).attr("id") == "tabData"+iTableNum) {
				$(this).css("display", "block");
			} else {
				$(this).css("display", "none");
			}

		})
    }

	
	
/** set the same height of leftbar,content and right**/
	/*var sidebarHeight = $("#sidebar").height();
	var contentHeight = $("#content").height();
	if (sidebarHeight < contentHeight+20) {
		$("#sidebar").height(contentHeight+20)	;
	} else {
		$("#content").height(sidebarHeight)	;	
	}*/
});