// JavaScript Document
$(document).ready(function() { 
	var selected = "select";
    var unselected = "unselect";
	var tab1 = "#content_tab > table";
	var content1 = "#tab_content > div";	
	var tab2 = "#vido_tab > li";
	var content2 = "#vido_content > div"
	var tab3 = "#mainWrap > table";
	var content3 = "#landing_text > div";
	
	$(tab1).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");
		}
		
		$(tab1).each(function() {
            if ($(this).attr("id") != sId) {
                changeTab(this, unselected);
				if ($(this).parent().attr("class") == "content_tab") {
					$(this).attr("class", sClass + " tab_border");
				}
            }
        	
		})
	})
	
	$(tab2).click(function() {
		var sId = $(this).attr("id");
		var sClass = $(this).attr("class");
		
		$(tab2).each(function() {
			$(this).find("a").attr("class", "vido_unselect");
		})
		$(this).find("a").attr("class", "vido_select");
		var num = $(this).find("a").attr("id").substring(3);
		$(content2).each(function() {
			if ($(this).attr("id").substring(4) == num) {
				$(this).css("display", "block");
			} else {
				$(this).css("display", "none");
			}
		})
		
	})
	
	$(tab3).click(function() {
		$(tab3).each(function() {
			if ($(this).attr("class").match("landing_tab_select")) {
				$(this).removeClass("landing_tab_select");	
			}
		})
		$(this).addClass("landing_tab_select");
		var num = $(this).attr("id").substring(7);
		$(content3).not($(".vido_button_wrap")[0]).each(function() {
			if (this.id.match("mainContent")) {
				if ($(this).attr("id").substring(11) == num) {
					$(this).css("display", "block");
				} else {
					$(this).css("display", "none");
				}
			}
		})
	})
	
	
	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);
        })
    }
	
	function changeContent(obj) {
		var iTableNum = $(obj).attr("id").substring(7);
		$(content1).each(function() {
			if ($(this).attr("id") == "menuData"+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)	;	
	}*/
});