dom.event.addEventListener(window, "load", tabInit);

var oldTab;
var oldSrc;
var oldSection;

var section1;
var section2;
var section3;
var section4;

var tab1;
var tab2;
var tab3;
var tab4;

var sup1;
var sup2;

var str;

function tabInit() {
	var tab = document.getElementById("product_tab");
	var tabList = tab.getElementsByTagName("P");
	
	if(document.getElementById("t1")) section1 = document.getElementById("t1");
	if(document.getElementById("t2")) section2 = document.getElementById("t2");
	
	if(document.getElementById("support1")) sup1 = document.getElementById("support1");
	if(document.getElementById("support2")) sup2 = document.getElementById("support2");
	
	
	if(document.getElementById("week6")) tab1 = document.getElementById("week6");
	if(document.getElementById("day30")) tab2 = document.getElementById("day30");
	
	if(document.getElementById("t1")) oldSection = document.getElementById("t1");
	oldTab = document.getElementById("week6");
	oldSrc = document.getElementById("week6").src;
	
	for(var i = 1; i <= tabList.length; i++) {
		dom.event.addEventListener(tabList.item(i-1), "click", tabClick);
	}
	
	
}

function tabClick(evt) {
	
	var target = evt.target||evt.srcElement;
	var ID = document.getElementById(target.id);
	if(String(ID.id) == "week6") {
		oldSection.style.display = "none";
		section1.style.display = "block";
		oldSection = document.getElementById("t1");
		
		sup1.style.display = "block";
		sup2.style.display = "none";
		
		str = oldSrc.substring(oldSrc.length-7,0);
		oldTab.src = str + ".jpg";
		tab1.src = "img/home/btn_product_6week_on.jpg";
		oldTab = document.getElementById("week6");
		oldSrc = oldTab.src;
		
	}
	else if(String(ID.id) == "day30") {
		oldSection.style.display = "none";
		section2.style.display = "block";
		oldSection = document.getElementById("t2");
		
		str = oldSrc.substring(oldSrc.length-7,0);
		oldTab.src = str + ".jpg";
		
		sup1.style.display = "none";
		sup2.style.display = "block";
		
			tab2.src = "img/home/btn_product_30day_on.jpg";
			oldTab = document.getElementById("day30");
			oldSrc = oldTab.src;
		
	}
}