// JScript File
var imgtitle;
var tiptarget;
addLoadListener(initLinks);

function initLinks()
{
  var tips = getElementsByAttribute("class", "newsstyle1");

  for (var i = 0; i < tips.length; i++)
  {
    attachEventListener(tips[i], "mouseover", showTip, false);
    attachEventListener(tips[i], "mouseout", hideTip, false);
    attachEventListener(tips[i], "click", engage, false);
  }

  var tips = getElementsByAttribute("class", "arrowLink");

  for (var i = 0; i < tips.length; i++)
  {
    attachEventListener(tips[i], "click", engage, false);
  }

  return true;
}

function engage(event)
{
  if (typeof event == "undefined")
  {
    event = window.event;
  }

  //closeTip(tiptarget);
  var target = getEventTarget(event);

  while (target.className == null || (!/(^| )newsstyle1( |$)/.test(target.className) && !/(^| )arrowLink( |$)/.test(target.className)))
  {
    target = target.parentNode;
  }
  
  if (target.className == "arrowLink")
  {
    while (!/(^| )newsstyle1( |$)/.test(target.className))
    {
      target = target.nextSibling;
    }
  }
  var targetCell = target;
  while (targetCell.nodeName.toLowerCase() != "td")
  {
  targetCell = targetCell.parentNode;
  }
  
  //get the image
  var arrow = targetCell.childNodes[0].childNodes[0];

  //check if the row has the span tag
  if (targetCell.childNodes.length > 3 )
  {
    var j = targetCell.childNodes.length - 1;
    var del = targetCell;
    for (var i = j; i > 2; i--)
    {
        del = targetCell.childNodes[i];
        targetCell.removeChild(del);
    }
    targetCell.style.height = "8px";
    arrow.setAttribute("src","/images/red_arrow.gif");
  }
  else
  {  
      if (target.tooltip != null)
      {
        if (imgtitle != '') {
          var content = imgtitle;
        } else {
          var content = target.tooltip.innerHTML;
        }
      }
      else
      {
      var content = target.getAttribute("title");
      }
      var outLink = target.getAttribute("href");
      var outEle = document.createElement("a");
      outEle.className = "outboundLink";
      outEle.setAttribute("href",outLink);
      outEle.setAttribute("target","_blank");
      outEle.appendChild(document.createTextNode("more >>"));
      var text = document.createElement("span");
      var lbreak = document.createElement("br");
      targetCell.appendChild(lbreak);
      var hash = content.indexOf("####");
      if (content.indexOf("####")>0) {
        var pic = content.substring(0,hash);
        content = content.substring(hash + 4, content.length);
        var thumb = document.createElement("img");
        thumb.src = pic;
        thumb.className = "floatLeft";
        targetCell.appendChild(thumb);
      }
      text.appendChild(document.createTextNode(content));
      text.className = "newstext";
      targetCell.appendChild(text);
      targetCell.appendChild(document.createTextNode(" "));
      targetCell.appendChild(outEle);
      targetCell.style.height = "40px";
      arrow.setAttribute("src","/images/red_arrow_down.gif");
  }
  stopDefaultAction(event);

  return false;
}

function stopDefaultAction(event)
{
  event.returnValue = false;

  if (typeof event.preventDefault != "undefined")
  {
    event.preventDefault();
  }

  return true; 
}

function showTip(event)
{
  if (typeof event == "undefined")
  {
    event = window.event;
  }

  var target = getEventTarget(event);

  while (target.className == null || !/(^| )newsstyle1( |$)/.test(target.className))
  {
    target = target.parentNode;
  }

  tiptarget = target;
  var tip = document.createElement("div");
  var content = target.getAttribute("title");
  imgtitle = content;
  target.tooltip = tip;
  target.setAttribute("title", "");

  if (target.getAttribute("id") != "")
  {
    tip.setAttribute("id", target.getAttribute("id") + "tooltip");
  }

  tip.className = "tooltip";
  var hash = content.indexOf("####");
  if (content.indexOf("####")>0) {
    var pic = content.substring(0,hash);
    content = content.substring(hash + 4, content.length);
    var thumb = document.createElement("img");
    thumb.src = pic;
    thumb.className = "floatLeft";
    tip.appendChild(thumb);
  }
  tip.appendChild(document.createTextNode(content));

  var scrollingPosition = getScrollingPosition();
  var cursorPosition = [0, 0];

  if (typeof event.pageX != "undefined" && typeof event.x != "undefined")
  {
    cursorPosition[0] = event.pageX;
    cursorPosition[1] = event.pageY;
  }
  else
  {
    cursorPosition[0] = event.clientX + scrollingPosition[0];
    cursorPosition[1] = event.clientY + scrollingPosition[1];
  }

  tip.style.position = "absolute";
  tip.style.left = cursorPosition[0] + 10 + "px";
  tip.style.top = ((cursorPosition[1] - tip.offsetHeight) - 15) + "px";
  //tip.style.top = cursorPosition[1] + 10 + "px";
  tip.style.visibility = "hidden";

  document.getElementsByTagName("body")[0].appendChild(tip);

  var viewportSize = getViewportSize();

  if (cursorPosition[0] - scrollingPosition[0] + 10 + tip.offsetWidth > viewportSize[0] - 25)
  {
    tip.style.left = scrollingPosition[0] + viewportSize[0] - 25 - tip.offsetWidth + "px";
  }
  else
  {
    tip.style.left = cursorPosition[0] + 10 + "px";
  }

  if (cursorPosition[1] - scrollingPosition[1] + 10 + tip.offsetHeight > viewportSize[1] - 25)
  {
    if (event.clientX > (viewportSize[0] - 25 - tip.offsetWidth))
    {
      tip.style.top = cursorPosition[1] - tip.offsetHeight - 10 + "px";
    }
    else
    {
      tip.style.top = scrollingPosition[1] + viewportSize[1] - 25 - tip.offsetHeight + "px";
    }
  }
  else
  {
    tip.style.top = ((cursorPosition[1] - tip.offsetHeight) - 10) + "px";
    //tip.style.top = cursorPosition[1] + 10 + "px";
  }
  tip.style.visibility = "visible";

  return true;
}

function hideTip(event)
{
  if (typeof event == "undefined")
  {
    event = window.event;
  }

  var target = getEventTarget(event);

  while (target.className == null || !target.className.match(/(^| )newsstyle1( |$)/))
  {
    target = target.parentNode;
  }

  if (target.tooltip != null)
  {
    target.setAttribute("title", imgtitle);
    if (target.tooltip.parentNode != null) {
      target.tooltip.parentNode.removeChild(target.tooltip);
    }
  }

  return false;
}

function closeTip(target)
{
  while (target.className == null || !target.className.match(/(^| )newsstyle1( |$)/))
  {
    target = target.parentNode;
  }

  target.setAttribute("title", imgtitle);
  target.tooltip.parentNode.removeChild(target.tooltip);

  return false;
}

function addLoadListener(fn)
{
  if (typeof window.addEventListener != 'undefined')
  {
    window.addEventListener('load', fn, false);
  }
  else if (typeof document.addEventListener != 'undefined')
  {
    document.addEventListener('load', fn, false);
  }
  else if (typeof window.attachEvent != 'undefined')
  {
    window.attachEvent('onload', fn);
  }
  else
  {
    var oldfn = window.onload;
    if (typeof window.onload != 'function')
    {
      window.onload = fn;
    }
    else
    {
      window.onload = function()
      {
        oldfn();
        fn();
      };
    }
  }
}

function attachEventListener(target, eventType, functionRef, capture)
{
  if (typeof target.addEventListener != "undefined")
  {
    target.addEventListener(eventType, functionRef, capture);
  }
  else if (typeof target.attachEvent != "undefined")
  {
    target.attachEvent("on" + eventType, functionRef);
  }
  else
  {
    eventType = "on" + eventType;

    if (typeof target[eventType] == "function")
    {
      var oldListener = target[eventType];

      target[eventType] = function()
      {
        oldListener();

        return functionRef();
      }
    }
    else
    {
      target[eventType] = functionRef;
    }
  }

  return true;
}

function getEventTarget(event)
{
  var targetElement = null;

  if (typeof event.target != "undefined")
  {
    targetElement = event.target;
  }
  else
  {
    targetElement = event.srcElement;
  }

  while (targetElement.nodeType == 3 && targetElement.parentNode != null)
  {
    targetElement = targetElement.parentNode;
  }

  return targetElement;
}

function getViewportSize()
{
  var size = [0,0];

  if (typeof window.innerWidth != 'undefined')
  {
    size = [
        window.innerWidth,
        window.innerHeight
    ];
  }
  else if (typeof document.documentElement != 'undefined'
      && typeof document.documentElement.clientWidth != 'undefined'
      && document.documentElement.clientWidth != 0)
  {
    size = [
        document.documentElement.clientWidth,
        document.documentElement.clientHeight
    ];
  }
  else
  {
    size = [
        document.getElementsByTagName('body')[0].clientWidth,
        document.getElementsByTagName('body')[0].clientHeight
    ];
  }

  return size;
}

function getScrollingPosition()
{
  //array for X and Y scroll position
  var position = [0, 0];

  //if the window.pageYOffset property is supported
  if(typeof window.pageYOffset != 'undefined')
  {
    //store position values
    position = [
        window.pageXOffset,
        window.pageYOffset
    ];
  }

  //if the documentElement.scrollTop property is supported
  //and the value is greater than zero
  if(typeof document.documentElement.scrollTop != 'undefined'
    && document.documentElement.scrollTop > 0)
  {
    //store position values
    position = [
        document.documentElement.scrollLeft,
        document.documentElement.scrollTop
    ];
  }

  //if the body.scrollTop property is supported
  else if(typeof document.body.scrollTop != 'undefined')
  {
    //store position values
    position = [
        document.body.scrollLeft,
        document.body.scrollTop
    ];
  }

  //return the array
  return position;
}

function getElementsByAttribute(attribute, attributeValue)
{
  var elementArray = new Array();
  var matchedArray = new Array();

  if (document.all)
  {
    elementArray = document.all;
  }
  else
  {
    elementArray = document.getElementsByTagName("*");
  }

  for (var i = 0; i < elementArray.length; i++)
  {
    if (attribute == "class")
    {
      var pattern = new RegExp("(^| )" + attributeValue + "( |$)");

      if (elementArray[i].className.match(pattern))
      {
        matchedArray[matchedArray.length] = elementArray[i];
      }
    }
    else if (attribute == "for")
    {
      if (elementArray[i].getAttribute("htmlFor") || elementArray[i].getAttribute("for"))
      {
        if (elementArray[i].htmlFor == attributeValue)
        {
          matchedArray[matchedArray.length] = elementArray[i];
        }
      }
    }
    else if (elementArray[i].getAttribute(attribute) == attributeValue)
    {
      matchedArray[matchedArray.length] = elementArray[i];
    }
  }

  return matchedArray;
}