// 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()
{
        //JACKSON
        var myArray = new Array();
        myArray[0] = new Object();
        myArray[0].letter="A";
        myArray[0].address="1225 Crater Lake Avenue, Suite 101, Medford, OR 97504";
        myArray[0].companyName="Medford Main Office";
        myArray[0].phone="Phone: (541)779-7250";
        myArray[0].fax="Fax: (866)839-7125";
        myArray[0].lat=42.341285;
        myArray[0].lng=-122.860573;
        myArray[1] = new Object();
        myArray[1].letter="B";
        myArray[1].address="211 Pine Street, Suite C, Rogue River, OR 97537";
        myArray[1].companyName="Rogue River Office";
        myArray[1].phone="Phone: (541)582-4707";
        myArray[1].fax="Fax: (866)637-0999";
        myArray[1].lat=42.435627;
        myArray[1].lng=-123.170076;
        myArray[2] = new Object();
        myArray[2].letter="C";
        myArray[2].address="370 Lithia Way, Ashland, OR 79520";
        myArray[2].companyName="Ashland Office";
        myArray[2].phone="Phone: (541)488-6840";
        myArray[2].fax="Fax: (866)391-8367";
        myArray[2].lat=42.1955713;
        myArray[2].lng=-122.7099699;


        displayOfficeArray = myArray;
        
        createMap(myArray, 42.341285, -122.860573, 10); // 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 += employeeArray[officeIndex][employeeIndex].email;
	           	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 = "";
    }
    
}