// Drop Down menu
var _timer = new Array();

function hasClassName(objElement, strClass)
{
	if (objElement.className)
	{
		var arrList = objElement.className.split(' ');
		var strClassUpper = strClass.toUpperCase();
		for ( var i = 0; i < arrList.length; i++ )
		{
			if ( arrList[i].toUpperCase() == strClassUpper )
			{
            return true;
			}
		}
	}
	return false;
}

function addEvent( obj, type, fn )
{
	if ( obj.attachEvent ) 
	{
		obj['e'+type+fn] = fn;
		obj[type+fn] = function(){obj['e'+type+fn]( window.event );}
		obj.attachEvent( 'on'+type, obj[type+fn] );
	}
	else
	{
		obj.addEventListener( type, fn, false );
	}
}

function addClassName(objElement, strClass)
{
	if (objElement.className)
  	{
		var arrList = objElement.className.split(' ');

		var strClassUpper = strClass.toUpperCase();
		for ( var i = 0; i < arrList.length; i++ )
		{
			if ( arrList[i].toUpperCase() == strClassUpper )
			{
				arrList.splice(i, 1);
			   i--;
		   }
		}

		 arrList[arrList.length] = strClass;

		 objElement.className = arrList.join(' ');
	}
	else
	{
		objElement.className = strClass;
	}
}

function removeClassName(objId, strClass)
{
	var objElement = document.getElementById(objId);
	
	if (objElement.className)
	{
		var arrList = objElement.className.split(' ');
		var strClassUpper = strClass.toUpperCase();
		for ( var i = 0; i < arrList.length; i++ )
		{
			if ( arrList[i].toUpperCase() == strClassUpper )
			{
				arrList.splice(i, 1);
				i--;
			}
		}

		objElement.className = arrList.join(' ');
	}
}

function addClass(_obj)
{
  var _i = parseInt(_obj.id);
  if (_timer[_i])
  {
    clearTimeout(_timer[_i]);
  }
  addClassName(_obj, 'hover');
}

function removeClass(_obj)
{
  var _i = parseInt(_obj.id);
  _timer[_i] = window.setTimeout("removeClassName('"+_obj.id+"','hover')",90);
}

function addNavigation()
{
	var _div = document.getElementById('naviagtion');
	var _els = _div.getElementsByTagName('a');
	var _count = _els.length;

    for(var _i=0;_i<_count;_i++)
	{
		if(hasClassName(_els[_i],'naviagtion'))
		{
        _timer[_i] = 0;
			_els[_i].parentNode.id = _i+'_nav';

			var _i2 = _i;

			addEvent(_els[_i], 'mouseover', function(){addClass(this.parentNode)});
      	addEvent(_els[_i], 'mouseout', function(){removeClass(this.parentNode)});
		}

		if(_els[_i].className == 'subnavigation')
		{
			addEvent(_els[_i], 'mouseover', function(){addClassName(this.parentNode.parentNode.parentNode, 'open');});
			addEvent(_els[_i], 'mouseout', function(){removeClassName(this.parentNode.parentNode.parentNode.id, 'open');});
		}
	}
}

window.onload = addNavigation;