﻿var tabid=2;
var navauto=0;
function tabit(btn){
	var idname = new String(btn.id);
	var s = idname.indexOf("_");
	var e = idname.lastIndexOf("_")+1;
	var tabName = idname.substr(0, s);
	var id = parseInt(idname.substr(e, 3));
	var tabNumber = btn.parentNode.childNodes.length;
	for(i=-1;i<tabNumber-1;i++){
			if(i==id)
			document.getElementById(tabName+"_btn_"+i).className = "curr";
			else
			document.getElementById(tabName+"_btn_"+i).className = "";
	};
};
function tabit1(btn){
	var idname = new String(btn.id);
	var s = idname.indexOf("_");
	var e = idname.lastIndexOf("_")+1;
	var tabName = idname.substr(0, s);
	var id = parseInt(idname.substr(e, 3));
	var tabNumber = btn.parentNode.childNodes.length;
	for(i=0;i<tabNumber;i++){
			if(i==id)
			document.getElementById(tabName+"_btn_"+i).className = "curr";
			else
			document.getElementById(tabName+"_btn_"+i).className = "";
	};
	if(id<1){
	    for(i=1;i<tabNumber;i++){
		    document.getElementById("submenu_"+i).style.display = "none";
		};
	}
	else{
	    for(i=1;i<tabNumber;i++){
			if(i==id)
			{document.getElementById("submenu_"+i).style.display = "";}
			else
			{document.getElementById("submenu_"+i).style.display = "none";}
		};
	}
	
};

function etabit(btn){
	var idname = new String(btn.id);
	var s = idname.indexOf("_");
	var e = idname.lastIndexOf("_")+1;
	var tabName = idname.substr(0, s);
	var id = parseInt(idname.substr(e, 1));
	var tabNumber = btn.parentNode.childNodes.length;
	for(i=0;i<tabNumber;i++){
			document.getElementById(tabName+"_div_"+i).style.display = "none";
			document.getElementById(tabName+"_btn_"+i).className = "";
		};
		document.getElementById(tabName+"_div_"+id).style.display = "block";
		btn.className = "curr";
};

function navtab(btn){
	stoptab();  
	var idname = new String(btn.id);
	var s = idname.indexOf("_");
	var e = idname.lastIndexOf("_")+1;
	var tabName = idname.substr(0, s);
	var id = parseInt(idname.substr(e, 3));
	for(i=1;i<=4;i++){
			if(i==id){
			document.getElementById(tabName+"_connect_"+i).className = "curr_connect";
			document.getElementById(tabName+"_content_"+i).style.display = "";
			}
			else
			{
			document.getElementById(tabName+"_connect_"+i).className = "";
			document.getElementById(tabName+"_content_"+i).style.display = "none";
			}
	};
};

function navautotab(){
	for(i=1;i<=4;i++){
			if(i==tabid){
			document.getElementById("park_connect_"+i).className = "curr_connect";
			document.getElementById("park_content_"+i).style.display = "";
			}
			else
			{
			document.getElementById("park_connect_"+i).className = "";
			document.getElementById("park_content_"+i).style.display = "none";
			}
	};
	tabid++;
	if(tabid>4){
	tabid=1;
	}
};

function starttab(){
	navauto=window.setInterval("navautotab()",5000);
};
function stoptab(){
	window.clearInterval(navauto);
};

function fontZoom(size)
{
 document.getElementById('text').style.fontSize=size+'px'
};