//Begin drop-down menu code

//This finds the X coordinate of a given element
function findPosX(obj) {
    var curleft = 0;
    if(obj.offsetParent)
        while(1) {
          curleft += obj.offsetLeft;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.x)
        curleft += obj.x;
    return curleft;
}

//This finds the Y coordinate of a given element
function findPosY(obj) {
    var curtop = 0;
    if(obj.offsetParent)
        while(1) {
          curtop += obj.offsetTop;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.y)
        curtop += obj.y;
    return curtop;
}

function showList(listId,navelem) {
	list = document.getElementById(listId);
	
	if(navigator.appName == "Microsoft Internet Explorer") {
		new_x = findPosX(navelem) + 5;
		new_y = findPosY(navelem) + 44;
	} else {
		new_x = findPosX(navelem);
		new_y = findPosY(navelem) + 39;
	}
	
	list.style.visibility = "visible";
	list.style.left = new_x + "px";
	list.style.top = new_y + "px";
}

function hideList(listId) {
	list = document.getElementById(listId);
	
	list.style.visibility = "hidden";
}
	
function sustainList(listId) {
	list = document.getElementById(listId);
	
	list.style.visibility = "visible";	
}

function showSubList(subListId,listElem) {
	subList = document.getElementById(subListId);
	
	offset = listElem.offsetWidth;
	
	new_x = findPosX(listElem) + offset;
	new_y = findPosY(listElem);
	
	subList.style.visibility = "visible";
	subList.style.left = new_x + "px";
	subList.style.top = new_y + "px";
	
	if (findPosY(listElem) != findPosY(subList)) {
		subList.style.top = findPosY(listElem) - 31 + "px";
	}
}

function hideSubList(subListId) {
	subList = document.getElementById(subListId);
	
	subList.style.visibility = "hidden";
}

function sustainSubList(subListId) {
	subList = document.getElementById(subListId);
	
	subList.style.visibility = "visible";
}

function sustainColor(buttonId) {
	button = document.getElementById(buttonId);
	
	button.style.backgroundColor = '#b4ccda';
}

function removeColor(buttonId) {
	button = document.getElementById(buttonId);
	
	button.style.backgroundColor = '';
}

//end drop down menu code


var menuCode = "";

menuCode += '<div id="company" class="navbutton" onmouseover="sustainColor(\'company\'); this.style.cursor=\'pointer\'; showList(\'company_list\',this);" onclick="window.location.href=\'company-welcome.aspx\'" onmouseout="removeColor(\'company\'); hideList(\'company_list\');">Company</div>';

menuCode += '<div id="services" class="navbutton" onmouseover="sustainColor(\'services\'); this.style.cursor=\'pointer\'; showList(\'services_list\',this);" onclick="window.location.href=\'services-overview.aspx\'" onmouseout="removeColor(\'services\'); hideList(\'services_list\');">Services</div>';

menuCode += '<div id="people" class="navbutton" onmouseover="sustainColor(\'people\'); this.style.cursor=\'pointer\'; showList(\'people_list\',this);" onclick="window.location.href=\'people-overview.aspx\'" onmouseout="removeColor(\'people\'); hideList(\'people_list\');">People</div>';

menuCode += '<div id="standards" class="navbutton" onmouseover="sustainColor(\'standards\'); this.style.cursor=\'pointer\'; showList(\'standards_list\',this);" onclick="window.location.href=\'standards-values.aspx\'" onmouseout="removeColor(\'standards\'); hideList(\'standards_list\');">Standards</div>';

menuCode += '<div id="tech" class="navbutton" onmouseover="sustainColor(\'tech\'); this.style.cursor=\'pointer\'; showList(\'tech_list\',this);" onclick="window.location.href=\'technology-overview.aspx\'" onmouseout="removeColor(\'tech\'); hideList(\'tech_list\');">Technology</div>';

menuCode += '<div id="contact" class="navbutton" onmouseover="sustainColor(\'contact\'); this.style.cursor=\'pointer\'; showList(\'contact_list\',this);" onclick="window.location.href=\'contact-location.aspx\'" onmouseout="removeColor(\'contact\'); hideList(\'contact_list\');">Contact</div>';

menuCode += '<div id="worldwide" class="navbutton" onmouseover="sustainColor(\'worldwide\'); this.style.cursor=\'pointer\';" onclick="window.location.href=\'http://www.tts-worldwide.com\'" onmouseout="removeColor(\'worldwide\');">Worldwide</div>';

menuCode += '<div id="home" class="navbutton" onmouseover="sustainColor(\'home\'); this.style.cursor=\'pointer\';" onclick="window.location.href=\'main.aspx\'" onmouseout="removeColor(\'home\');">Home</div>';

//menuCode += '<div class="navbuttonalt4" onmouseover="this.style.backgroundColor=\'#b4ccda\'; this.style.cursor=\'pointer\';" onclick="window.location.href=\'https://tacs.progressivetran.com/Citrix/MetaFrame/auth/login.aspx\'" onmouseout="this.style.backgroundColor=\'\'">Progressive Associates</div>';

menuCode += '<div class="navbuttonalt" onmouseover="this.style.backgroundColor=\'#b4ccda\'; this.style.cursor=\'pointer\';" onclick="window.location.href=\'associates.aspx\'" onmouseout="this.style.backgroundColor=\'\'">TTS Associates</div>';


//This is where the lists go

menuCode += '<div id="company_list" class="list" style="width: 175px;" onMouseOver="sustainList(\'company_list\'); sustainColor(\'company\');" onMouseOut="hideList(\'company_list\'); removeColor(\'company\')">';
	menuCode += '<a href="company-welcome.aspx" style="width: 175px;"><div class="listItem">Welcome</div></a>';
	menuCode += '<a href="company-mission.aspx"><div class="listItem">Our Mission</div></a>';
	menuCode += '<a href="company-management.aspx"><div class="listItem">Management</div></a>';
	menuCode += '<a href="company-ourcustomers.aspx"><div class="listItem">Our Customers</div></a>';
	menuCode += '<a href="company-news.aspx"><div class="listItem">Company News</div></a>';
	menuCode += '<a href="industry-news.aspx"><div class="listItem">Industry News</div></a>';
	menuCode += '<a href="company-careers.aspx"><div class="listItem">Careers</div></a>';
	menuCode += '<a href="company-community.aspx"><div class="listItem">Community Involvement</div></a>';
	menuCode += '<a href="company-alliances.aspx"><div class="listItem">Industry Alliances</div></a>';
	menuCode += '<a href="official.aspx"><div class="listItem">Request TTS Documents</div></a>';	
menuCode += '</div>';

menuCode += '<div id="services_list" class="list" style="width: 215px;" onMouseOver="sustainList(\'services_list\'); sustainColor(\'services\');" onMouseOut="hideList(\'services_list\'); removeColor(\'services\')">';
	menuCode += '<a href="services-overview.aspx" style="width: 215px;"><div class="listItem">Overview</div></a>';
	menuCode += '<a href="services-transportation.aspx"><div class="listItem">Transportation Management</div></a>';
	menuCode += '<a href="services-supplymanagement.aspx"><div class="listItem">Supply Chain Management</div></a>';
	menuCode += '<a href="services-supplyengineering.aspx"><div class="listItem">Supply Chain Engineering</div></a>';
menuCode += '</div>';

menuCode += '<div id="people_list" class="list" style="width: 150px;" onMouseOver="sustainList(\'people_list\'); sustainColor(\'people\');" onMouseOut="hideList(\'people_list\'); removeColor(\'people\')">';
	menuCode += '<a href="people-overview.aspx" style="width: 150px;"><div class="listItem">Our People</div></a>';
	menuCode += '<a href="people-whywork.aspx"><div class="listItem">Why Work with Us</div></a>';
menuCode += '</div>';

menuCode += '<div id="standards_list" class="list" style="width: 150px;" onMouseOver="sustainList(\'standards_list\'); sustainColor(\'standards\');" onMouseOut="hideList(\'standards_list\'); removeColor(\'standards\')">';
	menuCode += '<a href="standards-principles.aspx" style="width: 150px;"><div class="listItem">Core Principles</div></a>';
//	menuCode += '<a href="standards-values.aspx" style="width: 150px;"><div class="listItem">Our Values</div></a>';
	menuCode += '<a href="standards-commitment.aspx"><div class="listItem">Our Commitment</div></a>';
	menuCode += '<a href="standards-promise.aspx"><div class="listItem">TTS Service Promise</div></a>';
menuCode += '</div>';

menuCode += '<div id="tech_list" class="list" style="width: 215px;" onMouseOver="sustainList(\'tech_list\'); sustainColor(\'tech\');" onMouseOut="hideList(\'tech_list\'); removeColor(\'tech\')">';
	menuCode += '<a href="technology-overview.aspx" style="width: 215px;"><div class="listItem">TTS Technology</div></a>';
	menuCode += '<a href="technology-platform.aspx"><div class="listItem">Advanced Technology Platform</div></a>';
menuCode += '</div>';

menuCode += '<div id="contact_list" class="list" style="width: 150px;" onMouseOver="sustainList(\'contact_list\'); sustainColor(\'contact\');" onMouseOut="hideList(\'contact_list\'); removeColor(\'contact\')">';
	menuCode += '<a href="contact-location.aspx" style="width: 150px;"><div class="listItem">Location Map</div></a>';
	menuCode += '<a href="contact-agentlisting.aspx?state=all"><div class="listItem">TTS Agent Listing</div></a>';
	menuCode += '<a href="contact-corporate.aspx"><div class="listItem">Corporate Contact</div></a>';
menuCode += '</div>';


document.write(menuCode);