var plusImg = new Image();
plusImg.src = "./images/folderopen.gif";
var minusImg = new Image();
minusImg.src = "./images/folder.gif";
// zoom
var kotak = 200;
var garis_datar = 45;
var garis_tegak = 42;
var nama = 9;
var foto_w = 10;
var foto_h = 12;
var pejabat = 8;

function showBranch(branch) {
  var objBranch = document.getElementById(branch).style;
  if(objBranch.display=="block")
	 objBranch.display="none";
  else
	 objBranch.display="block";
}

function showBranch2(branch) {
  var objBranch = document.getElementById(branch).style;
  if(objBranch.display=="none")
	 objBranch.display="block";
  else
	 objBranch.display="none";
}

function swapFolder(img) {
  objImg = document.getElementById(img);
  if(objImg.src.indexOf('folder.gif')>-1)
	 objImg.src = plusImg.src;
  else {
	 objImg.src = minusImg.src;
  }
}
	
function doZoom(p) {
	if (p == "grow") {
		kotak=kotak+60;
		garis_datar=garis_datar+10;
		garis_tegak=garis_tegak+5;
		nama=nama+0.5;
		foto_w=foto_w+5;
		foto_h=foto_h+5;
		pejabat=pejabat+0.5;
	}
	else {
		kotak=kotak-60;
		garis_datar=garis_datar-10;
		garis_tegak=garis_tegak-5;
		nama=nama-0.5;
		foto_w=foto_w-5;
		foto_h=foto_h-5;
		pejabat=pejabat-0.5;
	}
	document.getElementById('kotak0').style.width=kotak;
	document.getElementById('kotak1').style.width=kotak;
	document.getElementById('kotak2').style.width=kotak;
	document.getElementById('kotak3').style.width=kotak;
	document.getElementById('kotak4').style.width=kotak;
	document.getElementById('kotak5').style.width=kotak;
	document.getElementById('kotak6').style.width=kotak;
	document.getElementById('kotak7').style.width=kotak;
	document.getElementById('kotak8').style.width=kotak;
	document.getElementById('kotak9').style.width=kotak;
	document.getElementById('kotak10').style.width=kotak;
	document.getElementById('kotak11').style.width=kotak;
	document.getElementById('kotak12').style.width=kotak;
	document.getElementById('kotak13').style.width=kotak;
	// kepala bappebti
	document.getElementById('show1_name').style.fontSize=nama;
	document.getElementById('show1_foto').style.width=foto_w;
	document.getElementById('show1_foto').style.height=foto_h;
	document.getElementById('show1_pejabat').style.fontSize=pejabat;
	// sekretaris
	document.getElementById('show2_garis_datar').style.width=garis_datar;
	document.getElementById('show2_garis_tegak').style.height=garis_tegak;
	document.getElementById('show2_name').style.fontSize=nama;
	document.getElementById('show2_foto').style.width=foto_w;
	document.getElementById('show2_foto').style.height=foto_h;
	document.getElementById('show2_pejabat').style.fontSize=pejabat;
}

function showTupoksi(branch) {
  var objHierarki1 = document.getElementById('tup1').style; objHierarki1.display = "none";
  var objHierarki2 = document.getElementById('tup2').style; objHierarki2.display = "none";
  var objHierarki3 = document.getElementById('tup3').style; objHierarki3.display = "none";
  var objHierarki4 = document.getElementById('tup4').style; objHierarki4.display = "none";
  var objHierarki5 = document.getElementById('tup5').style; objHierarki5.display = "none";
  var objHierarki6 = document.getElementById('tup6').style; objHierarki6.display = "none";
  var objHierarki7 = document.getElementById('tup7').style; objHierarki7.display = "none";
  var objHierarki8 = document.getElementById('tup8').style; objHierarki8.display = "none";
  var objHierarki9 = document.getElementById('tup9').style; objHierarki9.display = "none";
  var objHierarki10 = document.getElementById('tup10').style; objHierarki10.display = "none";
  var objHierarki11 = document.getElementById('tup11').style; objHierarki11.display = "none";
  var objHierarki12 = document.getElementById('tup12').style; objHierarki12.display = "none";
  var objHierarki13 = document.getElementById('tup13').style; objHierarki13.display = "none";
  var objHierarki14 = document.getElementById('tup14').style; objHierarki14.display = "none";
  var objHierarki15 = document.getElementById('tup15').style; objHierarki15.display = "none";
  var objHierarki16 = document.getElementById('tup16').style; objHierarki16.display = "none";
  var objHierarki17 = document.getElementById('tup17').style; objHierarki17.display = "none";
  var objHierarki18 = document.getElementById('tup18').style; objHierarki18.display = "none";
  var objHierarki19 = document.getElementById('tup19').style; objHierarki19.display = "none";
  var objHierarki20 = document.getElementById('tup20').style; objHierarki20.display = "none";
  var objHierarki21 = document.getElementById('tup21').style; objHierarki21.display = "none";
  var objHierarki22 = document.getElementById('tup22').style; objHierarki22.display = "none";
  var objHierarki23 = document.getElementById('tup23').style; objHierarki23.display = "none";
  var objHierarki24 = document.getElementById('tup24').style; objHierarki24.display = "none";
  var objHierarki25 = document.getElementById('tup25').style; objHierarki25.display = "none";
  var objHierarki26 = document.getElementById('tup26').style; objHierarki26.display = "none";
  var objHierarki27 = document.getElementById('tup27').style; objHierarki27.display = "none";
  var objHierarki28 = document.getElementById('tup28').style; objHierarki28.display = "none";
  var objHierarki29 = document.getElementById('tup29').style; objHierarki29.display = "none";
  var objHierarki30 = document.getElementById('tup30').style; objHierarki30.display = "none";
  var objHierarki31 = document.getElementById('tup31').style; objHierarki31.display = "none";
  var objHierarki32 = document.getElementById('tup32').style; objHierarki32.display = "none";
  var objHierarki33 = document.getElementById('tup33').style; objHierarki33.display = "none";
  var objHierarki34 = document.getElementById('tup34').style; objHierarki34.display = "none";
  var objHierarki35 = document.getElementById('tup35').style; objHierarki35.display = "none";
  var objHierarki36 = document.getElementById('tup36').style; objHierarki36.display = "none";
  var objHierarki37 = document.getElementById('tup37').style; objHierarki37.display = "none";
  var objHierarki38 = document.getElementById('tup38').style; objHierarki38.display = "none";
  var objHierarki39 = document.getElementById('tup39').style; objHierarki39.display = "none";
  var objHierarki40 = document.getElementById('tup40').style; objHierarki40.display = "none";
  var objHierarki41 = document.getElementById('tup41').style; objHierarki41.display = "none";
  var objHierarki42 = document.getElementById('tup42').style; objHierarki42.display = "none";
  var objHierarki43 = document.getElementById('tup43').style; objHierarki43.display = "none";
  var objHierarki44 = document.getElementById('tup44').style; objHierarki44.display = "none";
  var objHierarki45 = document.getElementById('tup45').style; objHierarki45.display = "none";
  var objHierarki46 = document.getElementById('tup46').style; objHierarki46.display = "none";
  var objHierarki47 = document.getElementById('tup47').style; objHierarki47.display = "none";
  var objHierarki48 = document.getElementById('tup48').style; objHierarki48.display = "none";
  var objHierarki49 = document.getElementById('tup49').style; objHierarki49.display = "none";
  var objHierarki50 = document.getElementById('tup50').style; objHierarki50.display = "none";
  var objHierarki51 = document.getElementById('tup51').style; objHierarki51.display = "none";
  var objHierarki52 = document.getElementById('tup52').style; objHierarki52.display = "none";
  var objHierarki53 = document.getElementById('tup53').style; objHierarki53.display = "none";
  var objHierarki54 = document.getElementById('tup54').style; objHierarki54.display = "none";
  var objHierarki55 = document.getElementById('tup55').style; objHierarki55.display = "none";
  var objHierarki56 = document.getElementById('tup56').style; objHierarki56.display = "none";
  var objHierarki57 = document.getElementById('tup57').style; objHierarki57.display = "none";
  var objHierarki58 = document.getElementById('tup58').style; objHierarki58.display = "none";
  
  var objBranch = document.getElementById(branch).style;
	 objBranch.display="block";
}

function showHierarki(branch) {
  var objStruktur1 = document.getElementById('stru1').style; objStruktur1.display = "none";
  var objStruktur2 = document.getElementById('stru2').style; objStruktur2.display = "none";
  var objStruktur3 = document.getElementById('stru3').style; objStruktur3.display = "none";
  var objStruktur4 = document.getElementById('stru4').style; objStruktur4.display = "none";
  var objStruktur5 = document.getElementById('stru5').style; objStruktur5.display = "none";
  var objStruktur6 = document.getElementById('stru6').style; objStruktur6.display = "none";
  
  
  var objBranch = document.getElementById(branch).style;
	  objBranch.display="block";
}