var about;
var solutions;
var connect;
var t_about;
var t_solutions;
var t_connect;

function RemoveClassName(objElement, strClass)
   {
   // if there is a class
   if ( objElement.className )
      {
      // the classes are just a space separated list, so first get the list
      var arrList = objElement.className.split(' ');
      // get uppercase class for comparison purposes
      var strClassUpper = strClass.toUpperCase();
      // find all instances and remove them
      for ( var i = 0; i < arrList.length; i++ )
         {
         // if class found
         if ( arrList[i].toUpperCase() == strClassUpper )
            {
            // remove array item
            arrList.splice(i, 1);
            // decrement loop counter as we have adjusted the array's contents
            i--;
            }
         }
      // assign modified class name attribute
      objElement.className = arrList.join(' ');
      }
   // if there was no class
   // there is nothing to remove
   }

function AddEventListener(element, eventType, handler, capture) {
	if (element.addEventListener)
		element.addEventListener(eventType, handler, capture);
	else if (element.attachEvent)
		element.attachEvent("on" + eventType, handler);
}

function bagPopUp() {
	window.open( "brand_ambassadors_guide.html", "bag", "status = 1, height = 700, width = 550, scrollbars = yes, resizable = 0" );
	return false;
}

function rollNav(nav) {
	var otherNav = "t_" + nav;
	var otherClass = "t" + nav + "_over";
	var child = window[otherNav].getElementsByTagName("a");
	for(var x = 0; x < child.length; x++) {
		child[x].className += " " + otherClass;
	}
}

function rollNavOut(nav) {
	var otherNav = "t_" + nav;
	var otherClass = "t" + nav + "_over"; 
	var child = window[otherNav].getElementsByTagName("a");
	for(var x = 0; x < child.length; x++) {
		RemoveClassName(child[x], otherClass);
	}
}

function rollTout(nav) {
	var otherNav = nav;
	var otherClass = nav + "_over";
	var child = window[otherNav].getElementsByTagName("a");
	for(var x = 0; x < child.length; x++) {
		child[x].className += " " + otherClass;
	}
}

function rollToutOut(nav) {
	var otherNav = nav;
	var otherClass = nav + "_over";
	var child = window[otherNav].getElementsByTagName("a");
	for(var x = 0; x < child.length; x++) {
		RemoveClassName(child[x], otherClass);
	}
}

function aboutOver() {
	rollNav("about");
}

function aboutOut() {
	rollNavOut("about");
}

function solutionsOver() {
	rollNav("solutions");
}

function solutionsOut() {
	rollNavOut("solutions");
}

function connectOver() {
	rollNav("connect");
}

function connectOut() {
	rollNavOut("connect");
}

function tAboutOver() {
	rollTout("about");
}

function tAboutOut() {
	rollToutOut("about");
}

function tSolutionsOver() {
	rollTout("solutions");
}

function tSolutionsOut() {
	rollToutOut("solutions");
}

function tConnectOver() {
	rollTout("connect");
}

function tConnectOut() {
	rollToutOut("connect");
}

function setup() {
	if(document.getElementById("ba_link") != null) {
		var bagId = document.getElementById("ba_link");
	bagId.onclick = bagPopUp;
	}
	
	about = document.getElementById("nav_about");
	solutions = document.getElementById("nav_solutions");
	connect = document.getElementById("nav_connect");
	AddEventListener(about, "mouseover", aboutOver, false);
	AddEventListener(solutions, "mouseover", solutionsOver, false);
	AddEventListener(connect, "mouseover", connectOver, false);
	AddEventListener(about, "mouseout", aboutOut, false);
	AddEventListener(solutions, "mouseout", solutionsOut, false);
	AddEventListener(connect, "mouseout", connectOut, false);
	
	
	t_about = document.getElementById("tout_pixman");
	t_solutions = document.getElementById("tout_solution");
	t_connect = document.getElementById("tout_beloved");
	AddEventListener(t_about, "mouseover", tAboutOver, false);
	AddEventListener(t_solutions, "mouseover", tSolutionsOver, false);
	AddEventListener(t_connect, "mouseover", tConnectOver, false);
	AddEventListener(t_about, "mouseout", tAboutOut, false);
	AddEventListener(t_solutions, "mouseout", tSolutionsOut, false);
	AddEventListener(t_connect, "mouseout", tConnectOut, false);
}


if(window.attachEvent) {
	window.attachEvent("onload", setup);
}else if(window.addEventListener) {
	window.addEventListener("load", setup, false);
}