var holdGroup;
function hiMenu(evt) {
	if (!evt)
		evt = window.event;
	if (evt.pageX)
		x = evt.target
	else
		x = evt.srcElement
	
	if (x) {
		while (x.tagName.toUpperCase() != 'A') x = x.parentNode;
		if (x) {
			holdGroup = x;
			x.className = 'menu-over';
		}
	}
}
function loMenu() {
	if (holdGroup) {
		holdGroup.className = ''
	}
}

var domainPopup;
var t;
function popDomain(evt) {
	if (!evt)
		evt = window.event;
	if (evt.pageX)
		x = evt.target
	else
		x = evt.srcElement
	
	if (x) {	
		clearTimeout(t);
		//document.pickDomain.domain.value = document.getElementById('pick-domain-value').innerHTML = x.innerHTML;
		domainPopupEdge = document.getElementById('main-domain-send-edge');
        var DomainTextBox = document.getElementById(DomainTextBoxId);
        var Label = document.getElementById('pick-domain-value');
        Label.innerHTML = x.innerHTML;
        DomainTextBox.value = x.innerHTML;
		
		domainPopup.style.left = 0;
		var myOffset = absPosition(x).x;
		var popupOffset = absPosition(domainPopupEdge).x
		
		while((myOffset + popupOffset) > document.documentElement.clientWidth) myOffset--;
		
		domainPopup.style.left = myOffset;
		domainPopup.style.top = absPosition(x).y;
		domainPopup.style.visibility = 'visible';
	}
}
function popDomainShift(evt) {
	domainPopup.className = 'shift domain-send';
	popDomain(evt)
}

function popDomainNewShift(evt) {
	domainPopup.className = 'shift domain-new-send';
	popDomain(evt)
}

function popDomainNoShift(evt) {
	domainPopup.className = 'domain-send';
	popDomain(evt)
}

function hideDomain() {
	t = setTimeout("domainPopup.style.visibility = 'hidden'", 300);
}
function keepDomain() {
	clearTimeout(t)
}

function swap(containerId, id, obj) {
	domainPopup.style.visibility = 'hidden';
	
	block = document.getElementById(id);
	container = document.getElementById(containerId);
	if (container.className == 'block-closed') {
		block.style.display = 'block';
		container.className = ''
	} 
	else {
		block.style.display = 'none';
		container.className = 'block-closed'
	}
	if (document.getElementById('main-character').className == 'block-closed' && document.getElementById('main-group').className == 'block-closed')
			document.getElementById('main-domain-by-group').style.display = 'none';
	else
			document.getElementById('main-domain-by-group').style.display = 'block';
	return false;
}

function absPosition(obj) {
      var x = y = 0;
      while(obj) {
            x += obj.offsetLeft;
            y += obj.offsetTop;
            obj = obj.offsetParent;
      }
      return {x:x, y:y};
} 

window.onload = function() {
	// groups menu

	var groupMenu = document.getElementById('main-group-menu');
	if (groupMenu) {
		var menuObj = groupMenu.getElementsByTagName('a');
		for (i=0; i<menuObj.length; i++) {
			if (menuObj[i].className != 'menu-active') {
				menuObj[i].onmouseover = hiMenu;
				menuObj[i].onmouseout = loMenu
			}
		}
	
		// preload background images
		try {
			// ie
			element = document.createElement('<div style="display: none" />');
			element2 = document.createElement('<div style="display: none" />');
		}
		catch (e) {
			//firefox & others
			element = document.createElement("div");
			element.setAttribute("style", "display: none");
			element2 = document.createElement("div");
			element2.setAttribute("style", "display: none");
		}
	
		element.innerHTML = '<a class="menu-over"><span><span>Preload</span></span></a>';
		document.getElementById('main-group-menu').appendChild(element);
		element2.innerHTML = '<div class="domain-send"><div class="box2"><div class="box3"><a>preload</a></div></div></div>';
		element2.innerHTML += '<div class="domain-new-send"><div class="box2"><div class="box3"><a>preload</a></div></div></div>';
		document.getElementsByTagName('body')[0].appendChild(element2);
	}
	// domains menu
	var domainMenu = document.getElementById('main-domain-item');
	if (domainMenu) {
		var menuObj = domainMenu.getElementsByTagName('a');
		for (i=0; i<menuObj.length; i++) {
			menuObj[i].onmouseover = popDomainShift;
		}
		domainMenu.onmouseover = keepDomain;
		domainMenu.onmouseout = hideDomain;
	}
	
  domainMenu = document.getElementById('main-domain-new-item');
     if (domainMenu) {
          var menuObj = domainMenu.getElementsByTagName('a');
          for (i=0; i<menuObj.length; i++) {
               menuObj[i].onmouseover = popDomainNewShift;
          }
          domainMenu.onmouseover = keepDomain;
          domainMenu.onmouseout = hideDomain;
     }

	domainMenu = document.getElementById('main-domain-by-group');
	if (domainMenu) {
		var menuObj = domainMenu.getElementsByTagName('a');
		for (i=0; i<menuObj.length; i++) {
			menuObj[i].onmouseover = popDomainNoShift;
		}
	}

	domainPopup = document.getElementById('main-domain-send');
	if (domainPopup != null)
	{
	    domainPopup.onmouseover = keepDomain;
	    domainPopup.onmouseout = hideDomain;
	}
}





function TogglePanel(containerId, id) {
	var block = document.getElementById(id);
	var container = document.getElementById(containerId);
	if ((container==null)||(block==null)) return false;
	if (container.className == 'block-closed') {
		block.style.display = 'block';
		container.className = ''
	} 
	else {
		block.style.display = 'none';
		container.className = 'block-closed'
	}
	return false;
}