// JScript File
//********************OFFICE DIRECTORY JS************************
//    THIS JS FILE CONTAINS ALL THE FUNCTIONS SPECIFIC TO
//    THE OFFICE DIRECTORY PAGE.
//***************************************************************

var displayOfficeArray = new Array();

// FUNCTION CREATES THE ARRAY FOR THE MAP'S MARKERS
function displayMapInfo()
{
        //KING
        var myArray = new Array();
        myArray[0] = new Object();
        myArray[0].letter="A";
        myArray[0].address="280 Liberty St. S.E. Suite 100, Salem, OR 97301";
        myArray[0].companyName="Salem Main Office";
        myArray[0].phone="Phone: (503)581-0555";
        myArray[0].fax="Fax: (503)362-5871";
        myArray[0].lat=44.938191;
        myArray[0].lng=-123.039723
        myArray[1] = new Object();
        myArray[1].letter="B";
        myArray[1].address="5605 Inland Shores Way N. Suite 108, Keizer, OR 97303";
        myArray[1].companyName="Keizer Escrow Office";
        myArray[1].phone="Phone: (503)304-4001";
        myArray[1].fax="Fax: (503)304-4004";
        myArray[1].lat=45.005898;
        myArray[1].lng=-123.025989;
        myArray[2] = new Object();
        myArray[2].letter="C";
        myArray[2].address="4625 Commercial St. S.E., Salem, OR 97306";
        myArray[2].companyName="South Salem Escrow Office";
        myArray[2].phone="Phone: (503)346-4480";
        myArray[2].fax="Fax: (503)585-1887";
        myArray[2].lat=44.887844;
        myArray[2].lng=-123.033382;
        myArray[3] = new Object();
        myArray[3].letter="D";
        myArray[3].address="1161 North First Ave, Stayton, OR 97383";
        myArray[3].companyName="Stayton Escrow Office";
        myArray[3].phone="Phone: (503)769-3431";
        myArray[3].fax="Fax: (503)769-4494";
        myArray[3].lat=44.803332;
        myArray[3].lng=-122.794391;
        myArray[4] = new Object();
        myArray[4].letter="E";
        myArray[4].address="119 N. Water St., Silverton, OR 9738";
        myArray[4].companyName="Silverton Escrow Office";
        myArray[4].phone="Phone: (503)873-9343";
        myArray[4].fax="Fax: (503)873-9353";
        myArray[4].lat=45.005262;
        myArray[4].lng=-122.783197;
        myArray[5] = new Object();
        myArray[5].letter="F";
        myArray[5].address="681 Glatt Circle, Woodburn, OR 97071";
        myArray[5].companyName="Woodburn Escrow Office";
        myArray[5].phone="Phone: (503)981-0016";
        myArray[5].fax="Fax: (503)981-0009";
        myArray[5].lat=45.151324;
        myArray[5].lng=-122.855802;
        myArray[6] = new Object();
        myArray[6].letter="G";
        myArray[6].address="807 Main Street, Dallas, OR 97338";
        myArray[6].companyName="Dallas Escrow Office";
        myArray[6].phone="Phone: (503)623-5513";
        myArray[6].fax="Fax: (503)623-6926";
        myArray[6].lat=44.921445;
        myArray[6].lng=-123.316645;
        myArray[7] = new Object();
        myArray[7].letter="H";
        myArray[7].address="405 NW 5th St. Suite A, Corvallis, OR 97339";
        myArray[7].companyName="Corvallis Escrow Office";
        myArray[7].phone="Phone: (541)757-1344";
        myArray[7].fax="Fax: (541)753-6414";
        myArray[7].lat=44.567878;
        myArray[7].lng=-123.261452;
        myArray[8] = new Object();
        myArray[8].letter="I";
        myArray[8].address="2405 14th Ave. SE Suite B, Albany, OR 97322";
        myArray[8].companyName="Albany Escrow Office";
        myArray[8].phone="Phone: (541)926-8808";
        myArray[8].fax="Fax: (541)967-6563";
        myArray[8].lat=44.628641;
        myArray[8].lng=-123.075422;
        myArray[9] = new Object();
        myArray[9].letter="J";
        myArray[9].address="1124 Cornucopia Street NW, Suite 202, Salem, OR 97304";
        myArray[9].companyName="West Salem Office";
        myArray[9].phone="Phone: (503)375-8380";
        myArray[9].fax="Fax: (866)807-4150";
        myArray[9].lat=44.950599;
        myArray[9].lng=-123.048983;

        displayOfficeArray = myArray;
        
        createMap(myArray, 44.921445, -123.075422, 9); // Creating the physical map   
}

// setup array for each offices employee directory
var employeeArray;

// FUNCTION ADDS THE SECOND ARRAY TO THE FIRST
function addOffice()
{
	employeeArray[employeeArray.length] = new Array();
}

// FUNCTION TEMPLATE ASSIGNS THE NAMES, IMAGES, PHONES, ETC. TO THE ARRAY OBJECTS
function addEmployee(officeID, image, name, title, phone, email)
{
	employeeIndex = Number(employeeArray[officeID].length);
	employeeArray[officeID][employeeIndex] = new Object();
	employeeArray[officeID][employeeIndex].image = image;
	employeeArray[officeID][employeeIndex].name = name;
	employeeArray[officeID][employeeIndex].title = title;
	employeeArray[officeID][employeeIndex].phone = phone;
	employeeArray[officeID][employeeIndex].email = email;
}       

// FUNCTION CALLED BY THE SELECTOFFICE SELECT BOX VIA INDEX VALUE    
function selectOffice(officeIndex)
{
     employeeArray = new Array();
     fillEmployeeArray();
     
    
    if (officeIndex !="" && employeeArray.length>0)
    {
        // Build up the employee list to write to the screen
        var toWrite = String(""); // Make the toWrite variable an empty string
        var loopIndex = Number(0);
        toWrite += "<table cellspacing='3' cellpadding='3' width='320'>";
                for(employeeIndex = 0; employeeIndex < employeeArray[officeIndex].length; employeeIndex++)
        {
	        if(employeeArray[officeIndex][employeeIndex].name != '')
	        {      
	            	if(loopIndex == 0)
	            	toWrite += "<tr>";
	            	// check if image, phone, etc have values and show if they do on a case by case basis
		if(employeeArray[officeIndex][employeeIndex].image != "")
	            		toWrite += "<td valign=top><img src='../images/" + employeeArray[officeIndex][employeeIndex].image + "' valign='top' align='left' height='90' width='70'></td>";	
		if(employeeArray[officeIndex][employeeIndex].image == "")
			toWrite += "<td valign=top><img src='../images/blank.gif' valign='top' align='left' height='90' width='70'></td>";
	            	toWrite += "<td valign=top align=left style='font-size:11px; font-weight:bold; color:#0A1C6F;' nowrap width='100%'>" + employeeArray[officeIndex][employeeIndex].name + "<br />";
	            	if(employeeArray[officeIndex][employeeIndex].title != "")
			toWrite += employeeArray[officeIndex][employeeIndex].title + "<br />";
	                	if(employeeArray[officeIndex][employeeIndex].phone != "")
		                	toWrite += employeeArray[officeIndex][employeeIndex].phone + "<br />";
	                	if(employeeArray[officeIndex][employeeIndex].email != "")
		              	toWrite += "<a href='mailto:" + employeeArray[officeIndex][employeeIndex].email + "'>" + employeeArray[officeIndex][employeeIndex].email + "</a>";
	           	toWrite += "</td>";
                	            if(loopIndex == 1)
                    	toWrite += "</tr>";
                	            if(loopIndex == 0)
                	            {
                    	toWrite += "<td width=10></td>";
                    	loopIndex++;
                              }
                             else
                    	loopIndex = 0;	        
	       }
        }
        toWrite += "</table>";
        // Write the employee list for the selected office to the screen
        document.getElementById("officeEmployees").innerHTML = toWrite;         
        click_sidebar(officeIndex);

        // Update the office info on the screen for the selected office
        toWrite = String("");
        toWrite += "<b>" + displayOfficeArray[officeIndex].companyName + "</b><br>";
        toWrite += displayOfficeArray[officeIndex].address + "<br>";

        if(displayOfficeArray[officeIndex].phone != "")
        {
	toWrite += displayOfficeArray[officeIndex].phone + "<br>";	
        }

        if(displayOfficeArray[officeIndex].fax != "")
        {
	toWrite += displayOfficeArray[officeIndex].fax + "<br>";	
        }

        toWrite += "<a href='javascript:click_sidebar(" + officeIndex + ");'>Locate on map</a>";
        document.getElementById("officeInfo").innerHTML = toWrite;
    }
    else 
    { 
        document.getElementById("officeEmployees").innerHTML = ""; 
        document.getElementById("officeInfo").innerHTML = "";
    }
    
}