var cashGE = new Array();
function $(elem, upd)
{
  var fel = cashGE[elem];
  if (!fel || upd)
  {
    fel = document.getElementById(elem);
    cashGE[elem] = fel;
  }
  return fel;
}

var dom=
{
  ClientWidth: function()
  {
    return document.body.clientWidth;
  },
  ClientHeight: function()
  {
    return document.body.clientHeight;
  },
  ScrollLeft: function()
  {
    return document.body.scrollLeft;
  },
  ScrollTop: function()
  {
    return document.body.scrollTop;
  }
};

function onPageX(e)
{
  var x = 0;
  do
  {
    if (e.offsetLeft) x += e.offsetLeft;
  } while (e = e.offsetParent);
  return x;
}

function onPageY(e)
{
  var x = 0;
  do
  {
    if (e.offsetTop) x += e.offsetTop;
  } while (e = e.offsetParent);
  return x;
}

function Event(e)
{
  if (!e) e = window.event;
  this.target = e.target || e.srcElement;
  if (e.pageX) { this.pageX = e.pageX; this.pageY = e.pageY; }
  else if (e.clientX) { this.pageX = e.clientX + dom.ScrollLeft(); this.pageY = e.clientY + dom.ScrollTop(); }

  if (e.offsetX) { this.offsetX = e.offsetX; this.offsetY = e.offsetY; }
  else if (e.layerX) { this.offsetX = e.layerX; this.offsetY = e.layerY; }
  else { this.offsetX = this.pageX - onPageX(this.target); this.offsetY = this.pageY - onPageY(this.target); }

  this.e = e;
}
Event.prototype.PreventDefault = function()
{
  var e = this.e;
  if (e.preventDefault) e.preventDefault();
  else e.returnValue = false;
}
Event.prototype.StopPropagation = function()
{
  var e = this.e;
  if (e.stopPropagation) e.stopPropagation();
  else e.cancelBubble = true;
}

var ttContent = '';
function ToolTipShow(cont, ev, selName, icon)
{
  var e = new Event(ev);
  var el = $("ToolTip");
  if (cont!='' && cont!=ttContent)
  {
		s = "<table cellspacing=0 cellpadding=0 border=0>";
		s += "<tr>";

		s += "<td width=4 height=4 bgcolor=342E29><img src=/images/borders/b1c0.gif width=4 height=4></td>";
				
		if(icon)
		{
			s += "<td height=2 background=/images/borders/b1t.gif bgcolor=342E29></td>";
		}

		s += "<td height=4 background=/images/borders/b1t.gif bgcolor=342E29></td>";
		s += "<td width=4 height=4 bgcolor=342E29><img src=/images/borders/b1c1.gif width=4 height=4></td>";

		s += "</tr>";
		s += "<tr>";

		s += "<td width=4 background=/images/borders/b1l.gif bgcolor=342E29></td>";
		
		if(icon)
		{
			s += "<td align=center valign=middle align=center bgcolor=#181B21 STYLE='filter:alpha(Opacity=80);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);-moz-opacity: 0.80;-khtml-opacity: 0.80;opacity: 0.80;'>";
			s += "<img src=/images/clans/"+icon+" width=15 height=15 border=0>";
			s += "</td>";
		}

		s += "<td align=left valign=middle bgcolor=181B21 STYLE='filter:alpha(Opacity=80);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);-moz-opacity: 0.80;-khtml-opacity: 0.80;opacity: 0.80;'>";
		s += "<div style='padding:2px; font-size:xx-small; color:FFFFFF'>"+cont+"</div>";
		s += "</td>";
		s += "<td width=4 background=/images/borders/b1r.gif bgcolor=342E29></td>";

		s += "</tr>";

		s += "<tr>";

		s += "<td width=4 height=4 bgcolor=342E29><img src=/images/borders/b1c2.gif width=4 height=4></td>";
		
	
		if(icon)
		{
			s += "<td height=2 background=/images/borders/b1b.gif bgcolor=342E29></td>";
		}

		s += "<td height=4 background=/images/borders/b1b.gif bgcolor=342E29></td>";
		s += "<td width=4 height=4 bgcolor=342E29><img src=/images/borders/b1c3.gif width=4 height=4></td>";
			
		s += "</tr>";
		s += "</table>";



		el.innerHTML = s;
    ttContent = cont;
  }
  el.style.display = "block";

  var x = e.pageX + 10;
  var y = e.pageY + 20;

  if ( (x + el.offsetWidth - dom.ScrollLeft() > dom.ClientWidth()) && (y + el.offsetHeight - dom.ScrollTop() > dom.ClientHeight()) )
  {
    y = e.pageY - el.offsetHeight - 3;
  }

  if (x + el.offsetWidth - dom.ScrollLeft() > dom.ClientWidth())
  {
    x = dom.ClientWidth() - el.offsetWidth + dom.ScrollLeft();
  }

  if (y + el.offsetHeight - dom.ScrollTop() > dom.ClientHeight())
  {
    y = dom.ClientHeight() - el.offsetHeight + dom.ScrollTop();
  }

	el.style.left = x + "px";
	el.style.top  = y + "px";

  if (selName && selName != '')
  {
    var sel = $(selName);

    var LocTable = $("LocTable");
    var LocTd = $("LocTd");

    if (LocTd)
    {
      sel.style.left = selectArray[selName][0] + LocTable.offsetLeft + LocTd.offsetLeft;
      sel.style.top = selectArray[selName][1] + LocTable.offsetTop + LocTd.offsetTop;
    }
    else
    {
      sel.style.left = selectArray[selName][0] + LocTable.offsetLeft;
      sel.style.top = selectArray[selName][1] + LocTable.offsetTop;
    }

    sel.style.display = 'block';
  }
}
function ToolTipHide(selName)
{
  var tt = $("ToolTip");
	tt.style.display = 'none';
  tt.style.left = '0px';
  tt.style.top = '0px';
  ttContent = '';

  if (selName && selName != '')
  {
    $(selName).style.display = 'none';
  }
}

document.write('<DIV id=ToolTip style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT-SIZE: 10pt; Z-INDEX: 100; display: none; OVERFLOW: visible; BORDER-LEFT: 0px; COLOR: black; BORDER-BOTTOM: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; WHITE-SPACE: nowrap; POSITION: absolute; padding:0px;"></DIV>');
/*
<DIV id=ToolTip style="BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10pt; Z-INDEX: 100; VISIBILITY: hidden; PADDING-BOTTOM: 0px; OVERFLOW: visible; BORDER-LEFT: 0px; COLOR: black; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; WHITE-SPACE: nowrap; POSITION: absolute"></DIV>
*/

function ReposMap()
{
  var LocTable = $("LocTable");
  var LocTd = $("LocTd");
  var mapPlace = $("mapPlace");

  if (LocTd)
  {
    mapPlace.style.left = LocTable.offsetLeft + LocTd.offsetLeft;
    mapPlace.style.top = LocTable.offsetTop + LocTd.offsetTop;
  }
  else
  {
    mapPlace.style.left = LocTable.offsetLeft;
    mapPlace.style.top = LocTable.offsetTop;
  }
}

function PlaceSels(selectArray)
{
  for (var name in selectArray)
  {
    var sel = selectArray[name];
    var filename = sel[2];
    var w = sel[3];
    var h = sel[4];

    if (pngAlpha)
    {
      document.writeln('<DIV CONTENTEDITABLE ID="' + name + '" STYLE="position:absolute; width:' + w + 'px; height:' + h + 'px; left: 0; top: 0; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'../images/selection/' + filename + '\',sizingMethod=\'scale\'); z-index:1; display:none"></DIV>');
    }
    else if (pngNormal)
    {
      document.writeln('<div id = "' + name + '" style="position:absolute; z-index:1; display:none; left: 0; top: 0"><img src="../images/selection/'+ filename + '" width="' + w + '" height="' + h + '" border="0" alt=""></div>');
    }
    else
    {
       document.writeln('<div id = "' + name + '" style="position:absolute; z-index:1; display:none; left: 0; top: 0"></div>)');
    }
  }
}