// JavaScript Document
function changeClassOver(obj){
	tabs=obj.getElementsByTagName("div");
		for (i=0;i<tabs.length;i++){
			if(tabs[i].className=="tab_left_corner"){
				tabs[i].className="tab_left_corner_over";
			}
			if(tabs[i].className=="tab_label"){
				tabs[i].className="tab_label_over";
			}
			if(tabs[i].className=="tab_right_corner"){
				tabs[i].className="tab_right_corner_over";
			}
		}
}
function changeClassOut(obj){
	tabs=obj.getElementsByTagName("div");
		for (i=0;i<tabs.length;i++){
			if(tabs[i].className=="tab_left_corner_over"){
				tabs[i].className="tab_left_corner";
			}
			if(tabs[i].className=="tab_label_over"){
				tabs[i].className="tab_label";
			}
			if(tabs[i].className=="tab_right_corner_over"){
				tabs[i].className="tab_right_corner";
			}
		}
}

function changeClassClicked(obj){
	tabs=obj.getElementsByTagName("div");
	tabs[0].className="tab_left_corner_over";
	tabs[1].className="tab_label_over";
	tabs[2].className="tab_right_corner_over";
}

function Unclick(obj){
	tabs=obj.getElementsByTagName("div");
	tabs[0].className="tab_left_corner";
	tabs[1].className="tab_label";
	tabs[2].className="tab_right_corner";
}

function UnclickAll(){
	tabs=document.getElementById("menu_tabs").getElementsByTagName("div");
	for (i=0;i<tabs.length;i++){
		subtabs=tabs[i].getElementsByTagName("div");
		if(tabs[i].className=="tab_container_clicked"){
			tabs[i].className="tab_container";
			Unclick(tabs[i]);
		}
	
	}
}

function changeState(state,obj){
	if(state=='over'){
		if(obj.className!='tab_container_clicked'){
			obj.className="tab_container_over";
			changeClassOver(obj);
		}
	}else if(state=='out'){
		if(obj.className!='tab_container_clicked'){
			obj.className= 'tab_container';
			changeClassOut(obj);
		}
	}else{
		if(obj.className!='tab_container_clicked'){
			parent_tabs=window.document.getElementsByTagName("div");
			for (i=0;i<parent_tabs.length;i++){
				if(parent_tabs[i].className=="tab_container_clicked"){
					parent_tabs[i].className="tab_container";
					Unclick(parent_tabs[i]);
				}
				
			}
			obj.className= 'tab_container_clicked';
			changeClassClicked(obj);
		}
	}
}
