﻿
function createStructure() {

	myStruc = createDiv('absolute');
	myStruc.style.visibility = 'hidden';
	//myStruc.style.backgroundColor = "red";

	orgStrucTxt = createP('<b>ORGANIZATIONAL<br>STRUCTURE</b>');
	orgStrucTxt.style.textAlign = "center";
	orgStrucTxt.style.position = 'absolute';
	orgStrucTxt.style.visibility = "hidden";
//	orgStrucTxt.style.border = '1px solid black';
	myStruc.appendChild(orgStrucTxt);

	var txtContent = ['PRESIDENT', 
					'EXECUTIVE<br>SECRETARY', 
					'LEGAL & GENERAL<br>AFFAIRS DEPT.', 
					'CONSTRUCTION<br>CONSULTANT', 
					'PERSONNEL<br>ADMINSTRATION', 
					'ACCOUNTING<br>DEPARTMENT',
					'OPERATION<br>MANAGER',
					'ENGINEERING<br>DEPARTMENT', 
					'HEAVY EQUIPEMENTS<br>DEPARTMENT', 
					'WAREHOUSE<br>DEPARTMENT', 
					'PROJ. SUPERVISOR<br><span>CIVIL/STRUCTURAL</span>', 
					'PROJ. SUPERVISOR<br>ELECTRO-MECHANICAL', 
					'PROJ. SUPERVISOR<br>SPECIAL PROJECTS'];

	myStructTxt = new Array();
	for(i=0; i<txtContent.length; i++) {
		//myStructTxt[i] = createP("<br>&nbsp;" + txtContent[i] + "&nbsp;<br>&nbsp;");
		myStructTxt[i] = createP(txtContent[i]);
		myStructTxt[i].style.fontWeight = 'bolder';
		myStructTxt[i].style.position = 'absolute';
		myStructTxt[i].style.textAlign = "center";
		myStructTxt[i].style.visibility = "hidden";
		clearMargins(myStructTxt[i]);
		myStructTxt[i].style.border = '3px solid black';
		myStructTxt[i].style.color = "#333399";
		if(i==0) {
			myStructTxt[i].style.backgroundColor = "#FFE36D";
			myStructTxt[i].style.padding = '4px';
			myStructTxt[i].style.color = "000";
		}
		else if(i==1) myStructTxt[i].style.backgroundColor = "#CCFF33";
		else if(i==2) myStructTxt[i].style.backgroundColor = "#FFCCFF";
		else if(i==3) myStructTxt[i].style.backgroundColor = "#CC3300";
		else if(i==4) myStructTxt[i].style.backgroundColor = "#66FFFF";
		else if(i==5) myStructTxt[i].style.backgroundColor = "#F3C1AB";
		else if(i==6) myStructTxt[i].style.backgroundColor = "#FFFFCC";
		else if(i==7) myStructTxt[i].style.backgroundColor = "#FFFF00";
		else if(i==8) myStructTxt[i].style.backgroundColor = "#CCCC00";
		else if(i==9) myStructTxt[i].style.backgroundColor = "#FFCC66";
		else if(i==10) myStructTxt[i].style.backgroundColor = "#CCECFF";
		else if(i==11) myStructTxt[i].style.backgroundColor = "#FF9933";
		else if(i==12) myStructTxt[i].style.backgroundColor = "#CCFFCC";
		myStruc.appendChild(myStructTxt[i]);
	}

	lineDivs = new Array();

	for(i=0; i<14; i++) {
		//lineDivs[i] = createDiv("absolute");
		lineDivs[i] = new Image();
		lineDivs[i].style.position = "absolute";
		lineDivs[i].style.width = "3px";
		lineDivs[i].style.height = "3px";
		lineDivs[i].style.backgroundColor = '#000000';
		myStruc.appendChild(lineDivs[i]);
	}

	myStruc.aaa = "text";
	myStruc.resize = resizeStructure;
return myStruc;
}

function resizeStructure() {

	fontSize=Math.round(bodyDiv.offsetWidth/65) + "px";
	fontSize2=Math.round(bodyDiv.offsetWidth/55) + "px";
	fontSize1=Math.round(bodyDiv.offsetWidth/75) + "px";

	orgStrucTxt.style.fontSize = fontSize;
	orgStrucTxt.style.top = Math.round(siteHeader.offsetHeight*0.2) + "px";
	orgStrucTxt.style.left = Math.round((myStruc.offsetWidth-orgStrucTxt.offsetWidth)/2) + "px";
	orgStrucTxt.style.visibility = "visible";
	
	for(i=0; i<myStructTxt.length; i++) {
		myStructTxt[i].style.width = Math.round(this.offsetWidth*0.225) + "px";
		myStructTxt[i].style.fontSize = fontSize1;
		if(i==0) { //genaral manager
			myStructTxt[i].style.fontSize = fontSize2;
			myStructTxt[i].style.width = Math.round(this.offsetWidth*0.21) + "px";
			myStructTxt[i].style.top = Math.round(orgStrucTxt.offsetTop + orgStrucTxt.offsetHeight + siteHeader.offsetHeight*0.2) + "px";
			myStructTxt[i].style.left= Math.round((this.offsetWidth-myStructTxt[i].offsetWidth)/2) + "px";
		} else if(i==1) { //exec
			myStructTxt[i].style.top = Math.round(myStructTxt[i-1].offsetTop + myStructTxt[i-1].offsetHeight + siteHeader.offsetHeight*0.2) + "px";
			myStructTxt[i].style.left= Math.round(myStructTxt[i-1].offsetLeft + myStructTxt[i-1].offsetWidth + this.offsetWidth*0.05) + "px";
		} else if(i==2) { //legal
			myStructTxt[i].style.top = Math.round(myStructTxt[i-1].offsetTop + myStructTxt[i-1].offsetHeight) + "px";
			myStructTxt[i].style.left = Math.round(myStructTxt[0].offsetLeft - (myStructTxt[i].offsetWidth + this.offsetWidth*0.05)) + "px";
		} else if(i==3) { //cons
			myStructTxt[i].style.top = Math.round(myStructTxt[i-1].offsetTop + myStructTxt[i-1].offsetHeight) + "px";
			myStructTxt[i].style.left = Math.round(myStructTxt[1].offsetLeft) + "px";
		} else if(i==4) { //personnel
			myStructTxt[i].style.top = Math.round(myStructTxt[i-1].offsetTop + myStructTxt[i-1].offsetHeight*2.5) + "px";
			myStructTxt[i].style.left = Math.round(myStructTxt[2].offsetLeft) + "px";
		} else if(i==5) { //acct
			myStructTxt[i].style.top = Math.round(myStructTxt[i-1].offsetTop + myStructTxt[i-1].offsetHeight*2) + "px";
			myStructTxt[i].style.left = Math.round(myStructTxt[2].offsetLeft) + "px";
		} else if(i==6) { //operation
			myStructTxt[i].style.width = Math.round(this.offsetWidth*0.21) + "px";
			myStructTxt[i].style.top = Math.round(myStructTxt[i-3].offsetTop + myStructTxt[i-3].offsetHeight*2) + "px";
			myStructTxt[i].style.left = Math.round(myStructTxt[0].offsetLeft) + "px";
		} else if(i==7) { //eng
			myStructTxt[i].style.top = Math.round(myStructTxt[i-2].offsetTop) + "px";
			myStructTxt[i].style.left = Math.round(myStructTxt[1].offsetLeft) + "px";
		} else if(i==8) { //heavy
			myStructTxt[i].style.top = Math.round(myStructTxt[i-1].offsetTop + myStructTxt[i-1].offsetHeight*2) + "px";
			myStructTxt[i].style.left = Math.round(myStructTxt[2].offsetLeft) + "px";
		} else if(i==9) { //warehouse
			myStructTxt[i].style.top = Math.round(myStructTxt[i-1].offsetTop) + "px";
			myStructTxt[i].style.left = Math.round(myStructTxt[1].offsetLeft) + "px";
		} else if(i==10) { //civil str
			myStructTxt[i].style.top = Math.round(myStructTxt[i-1].offsetTop + myStructTxt[i-1].offsetHeight*3) + "px";
			myStructTxt[i].style.left = Math.round(myStructTxt[2].offsetLeft) + "px";
		} else if(i==11) { //electro
			myStructTxt[i].style.width = Math.round(this.offsetWidth*0.21) + "px";
			myStructTxt[i].style.top = Math.round(myStructTxt[i-1].offsetTop) + "px";
			myStructTxt[i].style.left = Math.round(myStructTxt[0].offsetLeft) + "px";
		} else if(i==12) { //special proj
			myStructTxt[i].style.top = Math.round(myStructTxt[i-1].offsetTop) + "px";
			myStructTxt[i].style.left = Math.round(myStructTxt[1].offsetLeft) + "px";
		}
		myStructTxt[i].style.visibility = "visible";
	}

	
	lineDivs[0].style.top = Math.round(myStructTxt[0].offsetTop + myStructTxt[0].offsetHeight) + "px";
	lineDivs[0].style.height = Math.round(myStructTxt[6].offsetTop-lineDivs[0].offsetTop) + "px";
	lineDivs[0].style.left = Math.round((this.offsetWidth-lineDivs[0].offsetWidth)/2) + "px";

	//center to exec
	lineDivs[1].style.top = Math.round(myStructTxt[1].offsetTop + (myStructTxt[1].offsetHeight/2)) + "px";
	lineDivs[1].style.width = Math.round(myStructTxt[1].offsetLeft-(lineDivs[0].offsetLeft+lineDivs[0].offsetWidth)) + "px";
	lineDivs[1].style.left = Math.round(lineDivs[0].offsetLeft+lineDivs[0].offsetWidth) + "px";

	//center to legal
	lineDivs[2].style.top = Math.round(myStructTxt[2].offsetTop + (myStructTxt[2].offsetHeight/2)) + "px";
	lineDivs[2].style.width = Math.round(lineDivs[1].offsetWidth) + "px";
	lineDivs[2].style.left = Math.round(myStructTxt[2].offsetLeft+myStructTxt[2].offsetWidth) + "px";

	//center to construction cons
	lineDivs[3].style.top = Math.round(myStructTxt[3].offsetTop + (myStructTxt[3].offsetHeight/2)) + "px";
	lineDivs[3].style.width = Math.round(lineDivs[1].offsetWidth) + "px";
	lineDivs[3].style.left = Math.round(lineDivs[1].offsetLeft) + "px";

	//center to personnel
	lineDivs[4].style.top = Math.round(lineDivs[3].offsetTop) + "px";
	lineDivs[4].style.width = Math.round(lineDivs[1].offsetWidth+myStructTxt[3].offsetWidth/2) + "px";
	lineDivs[4].style.right = Math.round(lineDivs[0].offsetLeft) + "px";
	lineDivs[5].style.top = Math.round(lineDivs[4].offsetTop) + "px";
	lineDivs[5].style.height = Math.round(myStructTxt[4].offsetTop-(lineDivs[4].offsetTop)) + "px";
	lineDivs[5].style.left = Math.round(lineDivs[4].offsetLeft) + "px";

	//personnel to acct
	lineDivs[6].style.top = Math.round(myStructTxt[4].offsetTop + myStructTxt[4].offsetHeight) + "px";
	lineDivs[6].style.height = Math.round(myStructTxt[5].offsetTop-(myStructTxt[4].offsetTop + myStructTxt[4].offsetHeight)) + "px";
	lineDivs[6].style.left = Math.round(lineDivs[5].offsetLeft) + "px";

	//operation to proj. supervisor
	lineDivs[7].style.top = Math.round(myStructTxt[6].offsetTop + myStructTxt[6].offsetHeight) + "px";
	lineDivs[7].style.height = Math.round(myStructTxt[11].offsetTop-(myStructTxt[6].offsetTop + myStructTxt[6].offsetHeight)) + "px";
	lineDivs[7].style.left = Math.round(lineDivs[0].offsetLeft) + "px";

	//operation to eng
	lineDivs[8].style.top = Math.round(myStructTxt[7].offsetTop + (myStructTxt[7].offsetHeight/2)) + "px";
	lineDivs[8].style.width = Math.round(lineDivs[1].offsetWidth) + "px";
	lineDivs[8].style.left = Math.round(lineDivs[1].offsetLeft) + "px";

	//center to heavy
	lineDivs[9].style.top = Math.round(myStructTxt[8].offsetTop + (myStructTxt[8].offsetHeight/2)) + "px";
	lineDivs[9].style.width = Math.round(lineDivs[1].offsetWidth) + "px";
	lineDivs[9].style.left = Math.round(lineDivs[2].offsetLeft) + "px";

	//center to warehouse
	lineDivs[10].style.top = Math.round(myStructTxt[9].offsetTop + (myStructTxt[9].offsetHeight/2)) + "px";
	lineDivs[10].style.width = Math.round(lineDivs[1].offsetWidth) + "px";
	lineDivs[10].style.left = Math.round(lineDivs[1].offsetLeft) + "px";

	lineDivs[11].style.top = Math.round((lineDivs[9].offsetTop + lineDivs[9].offsetHeight) + myStructTxt[9].offsetHeight*1.5) + "px";
	lineDivs[11].style.width = Math.round(lineDivs[4].offsetWidth*2 ) + "px";
	lineDivs[11].style.left = Math.round(lineDivs[4].offsetLeft) + "px";

	lineDivs[12].style.top = Math.round(lineDivs[11].offsetTop + lineDivs[11].offsetHeight) + "px";
	lineDivs[12].style.height = Math.round(myStructTxt[10].offsetTop-(lineDivs[11].offsetTop + lineDivs[11].offsetHeight)) + "px";
	lineDivs[12].style.left = Math.round(lineDivs[4].offsetLeft) + "px";

	lineDivs[13].style.top = Math.round(lineDivs[12].offsetTop) + "px";
	lineDivs[13].style.height = Math.round(lineDivs[12].offsetHeight) + "px";
	lineDivs[13].style.left = Math.round(lineDivs[11].offsetLeft + lineDivs[11].offsetWidth-1) + "px";	

	this.style.height = Math.round(myStructTxt[myStructTxt.length-1].offsetTop + myStructTxt[myStructTxt.length-1].offsetHeight + orgStrucTxt.offsetTop) + "px";

return true;
}
