window.onload = init;

function init()
{
  Dropdowns.init();
}


Dropdowns = {
  init : function()
	{
    var dropdowns = document.getElementsByTagName('UL');
    for (var i = 0; i < dropdowns.length; i++)
    {
      if (dropdowns[i].className.indexOf('links-dropdown') > -1)
      {
        this.activate(dropdowns[i], (i * 100));	
      }
    }
  },

  activate : function(dropdown, idx)
	{
		var items = dropdown.getElementsByTagName('UL')[0];
		var child = dropdown.childNodes[0];
		if(!child.tagName)
			child = dropdown.childNodes[1];
			
		child.removeChild(dropdown.getElementsByTagName('UL')[0]);
		
		var firstElem = child;
		var firstCaption = firstElem.innerHTML;

		firstElem.innerHTML = '';
		var anchor = document.createElement('A');
		anchor.innerHTML = firstCaption;
		anchor.href = '#';
		anchor.onclick = function()
		{
			if (this.parentNode.className.indexOf('active') == -1)
			{
				this.parentNode.className += ' active';
			}
			else
			{
				this.parentNode.className = this.parentNode.className.replace('active','');
			}
			return false;
		}

		firstElem.appendChild(anchor);
		firstElem.appendChild(items);

		items.style.zIndex = (10000 - idx);
		dropdown.style.zIndex = (10000 - idx);
	}
}