var numBoxes = 0;

function addEvent(el, evname, func) 
{
	if (el.attachEvent) { // IE
		el.attachEvent("on" + evname, func);
	} else if (el.addEventListener) { // Gecko / W3C
		el.addEventListener(evname, func, true);
		alert("added Gecko style Event.");
	} else {
		el["on" + evname] = func;
	}
}

function getElement(ev)
{
  
  var targ;
  if (!ev) var ev = window.event;
  if (ev.target) targ = ev.target;
  else if (ev.srcElement) targ = ev.srcElement;
  if (targ.nodeType == 3) // defeat Safari bug
     targ = targ.parentNode;
  return targ;  
}

function xBtnMouseOver(ev)
{
  //alert("mouseover");
   var el = getElement(ev);
//   el.className += " hilite";\
  el.style.background = "#ff6666";  
  //alert("You moused over a " + el.tagName + " element.");
}

function xBtnMouseDown(ev)
{
  var el = getElement(ev);
	if(cornerbox.style.MozOpacity) 
  { 
    fadeEl = el.parentNode;
    fadeAwayInt = setInterval("fadeAway(fadeEl)",50); 
  }
  else
  {
    el.parentNode.parentNode.removeChild(el.parentNode);
  }
}

function xBtnMouseOut(ev)
{
  var el = getElement(ev);
  //el.className = el.className.replace(" hilite","");
  el.style.background = "#ff0000";
}

function makeNewMsg(header,from,title)
{
  //document.getElementById('screeninfo').innerHTML = "Available view area: " + screen.availWidth + "*" + screen.availHeight + "<br />";
	cornerbox = null;
  type = "div";
  //parent = document.documentElement;
	if (document.createElementNS) 
  {
		cornerbox = document.createElementNS("http://www.w3.org/1999/xhtml", type);
		xBtn = document.createElementNS("http://www.w3.org/1999/xhtml", type);
	} 
  else 
  {
		cornerbox = document.createElement(type);
		xBtn = document.createElement(type);
	}
	document.body.appendChild(cornerbox);
	
	xBtn.className = "xbtn";
	xBtn.style.background = "red";
	xBtn.style.color = "white";
	xBtn.style.fontWeight = "bold";
	xBtn.style.fontSize = "10px";
	xBtn.style.width = "12px";
	xBtn.style.height = "12px";
	xBtn.style.textAlign = "center";
	xBtn.style.outline = "#000000 groove thin";
	xBtn.style.cursor = "default";
	xBtn.style.position = "absolute";
	xBtn.style.top = "6px";
	xBtn.setAttribute("name","xbtn");
	//xBtn.name = "xBtn";
	xBtn.innerHTML += "X";
	//xBtn = document.getElementsByTagName("div")[1];
	cornerbox.id = "cornerbox" + numBoxes;
	numBoxes++;
	cornerbox.className = "cornerbox";
	//cornerbox.style.background = "#bdf";
	if(cornerbox.style.MozOpacity != undefined) { cornerbox.style.MozOpacity = "1"; }
	cornerbox.style.width = "300px";
	cornerbox.style.height = "100px";
	cornerbox.style.position = "absolute";
	cornerbox.style.top = -100;
	cornerbox.style.left = screen.availWidth - 320;
	cornerbox.appendChild(xBtn);
	xBtn.style.left = (cornerbox.offsetWidth - 6 - xBtn.offsetWidth) + "px";
	cornerbox.innerHTML += "<table width='100%' height='100%' style='border: 2px ridge #888833;'><tr height='30%'><td><a href='mail.php'><span style='color:red;'>"+header+"</span></a></td></tr><tr height='70%'><td><b>From: </b>"+from+"<br /><b>Title: </b>"+title+"</td></tr></table>";
	xBtn = cornerbox.childNodes[0];
	xBtn.onmouseover = xBtnMouseOver;
	xBtn.onmousedown = xBtnMouseDown;
	xBtn.onmouseout = xBtnMouseOut;
	setTimeout("slideElem('" + cornerbox.id + "',screen.availWidth - 320,20,5,40)",1000);
}

function slideElem(elid,x,y,step,delay)
{
  //alert("elid = " + elid + ",x = " + x + ",y = " + y + ",step = " + step + ",delay = " + delay);
  var el = document.getElementById(elid);
  var elx = parseInt(el.style.left);
  var ely = parseInt(el.style.top);
  if(elx != x)
  {
    if(Math.abs(elx - x) < step)
      el.style.left = x;
    else if (elx < x)
      el.style.left = elx + step;
    else if (elx > x)
      el.style.left = elx - step;
  }
  if (ely != y)
  {
    if(Math.abs(ely - y) < step)
      ely = y;
    else if (ely < y)
      el.style.top = ely + step;
    else if (ely > y)
      el.style.top = ely - step;
  }
  //alert("elx = " + elx + ",ely = " + ely)
  if(!(elx == x && ely == y))
    setTimeout("slideElem('" + elid + "'," + x + "," + y + "," + step + "," + delay + ")",delay);
}



function fadeAway(el)
{
  if(parseFloat(el.style.MozOpacity < .01))
  {
    el.parentNode.removeChild(el);
    clearInterval(fadeAwayInt);
  }
  else
  {
    el.style.MozOpacity = parseFloat(el.style.MozOpacity)-.1;
  }
}