// 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()
{
        var myArray = new Array();
        myArray[0] = new Object();
        myArray[0].letter="A";
        myArray[0].address="222 SW Columbia St., Suite 400, Portland, OR 97201";
        myArray[0].companyName="Downtown KOIN Tower Office";
        myArray[0].phone="Phone: 503-219-8700";
        myArray[0].fax="Fax: 503-219-8782";
        myArray[0].lat=45.513391;
        myArray[0].lng=-122.677306;

        myArray[1] = new Object();
        myArray[1].letter="B";
        myArray[1].address="1500 NE Division, Gresham, OR 97030";
        myArray[1].companyName="Gresham Branch Office";
        myArray[1].phone="Phone: 503-667-1333";
        myArray[1].fax="Fax: 866-734-1402 ";
        myArray[1].lat=45.504796;
        myArray[1].lng=-122.416491;

        myArray[2] = new Object();
        myArray[2].letter="C";
        myArray[2].address="9755 SW Barnes Rd #410, Portland, OR 97225";
        myArray[2].companyName="Beaverton at Peterkort Branch Office";
        myArray[2].phone="Phone: 503-641-7000";
        myArray[2].fax="Fax: 866-734-1381";
        myArray[2].lat=45.511793;
        myArray[2].lng=-122.777678;

        myArray[3] = new Object();
        myArray[3].letter="D";
        myArray[3].address="2112 NE 42nd Ave, Portland, OR 97213";
        myArray[3].companyName="Hollywood Branch Office";
        myArray[3].phone="Phone: 503-249-0656";
        myArray[3].fax="Fax: 866-734-1388";
        myArray[3].lat=45.537862;
        myArray[3].lng=-122.619925;

        myArray[4] = new Object();
        myArray[4].letter="E";
        myArray[4].address="10260 SW Greenburg Rd #170, Portland, OR 97223";
        myArray[4].companyName="Lincoln Tower Branch Office";
        myArray[4].phone="Phone: 503-244-8323";
        myArray[4].fax="Fax: 866-734-1403";
        myArray[4].lat=45.445887;
        myArray[4].lng=-122.776407;

        myArray[5] = new Object();
        myArray[5].letter="F";
        myArray[5].address="825 NE Multnomah #275, Portland, OR 97232";
        myArray[5].companyName="Lloyd Center Tower Branch Office";
        myArray[5].phone="Phone: 503-239-5650";
        myArray[5].fax="Fax: 866-734-1392";
        myArray[5].lat=45.531502;
        myArray[5].lng=-122.658116;

        myArray[6] = new Object();
        myArray[6].letter="G";
        myArray[6].address="9200 SE Sunnybrook Blvd., Suite 400, Clackamas, OR 97015";
        myArray[6].companyName="Sunnyside Branch Office";
        myArray[6].phone="Phone: 503-659-0069";
        myArray[6].fax="Fax: 866-902-9870";
        myArray[6].lat=45.429816;
        myArray[6].lng=-122.570015;

        myArray[7] = new Object();
        myArray[7].letter="H";
        myArray[7].address="6113 NE Cornell Rd., Hillsboro, OR 97124";
        myArray[7].companyName="Orenco Station Branch Office";
        myArray[7].phone="Phone: 503-693-7916";
        myArray[7].fax="Fax: 866-334-1469";
        myArray[7].lat=45.534009;
        myArray[7].lng=-122.917953;

        myArray[8] = new Object();
        myArray[8].letter="I";
        myArray[8].address="200 SW Market St, Suite 250, Portland OR 97201";
        myArray[8].companyName="Commercial Escrow Office";
        myArray[8].phone="Phone: 503-795-7600";
        myArray[8].fax="Fax: 866-334-1469";
        myArray[8].lat=45.511598;
        myArray[8].lng=-122.678607;


        displayOfficeArray = myArray;
        
        createMap(myArray, 45.513391, -122.677306, 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 = "";
    }
    
}