/*
Sweet Titles (c) Creative Commons 2005
http://creativecommons.org/licenses/by-sa/2.5/
Author: Dustin Diaz | http://www.dustindiaz.com
*/

Array.prototype.inArray = function (value) {
  var i;
  for (i=0; i < this.length; i++) {
    if (this[i] === value) {
      return true;
    }
  }
  return false;
};

function addEvent( obj, type, fn ) {
  if (obj.addEventListener) {
    obj.addEventListener( type, fn, false );
    EventCache.add(obj, type, fn);
  }
  else if (obj.attachEvent) {
    obj["e"+type+fn] = fn;
    obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
    obj.attachEvent( "on"+type, obj[type+fn] );
    EventCache.add(obj, type, fn);
  }
  else {
    obj["on"+type] = obj["e"+type+fn];
  }
}
  
var EventCache = function(){
  var listEvents = [];
  return {
    listEvents : listEvents,
    add : function(node, sEventName, fHandler){
      listEvents.push(arguments);
    },
    flush : function(){
      var i, item;
      for(i = listEvents.length - 1; i >= 0; i = i - 1){
        item = listEvents[i];
        if(item[0].removeEventListener){
          item[0].removeEventListener(item[1], item[2], item[3]);
        };
        if(item[1].substring(0, 2) != "on"){
          item[1] = "on" + item[1];
        };
        if(item[0].detachEvent){
          item[0].detachEvent(item[1], item[2]);
        };
        item[0][item[1]] = null;
      };
    }
  };
}();
addEvent(window,'unload',EventCache.flush);

var sweetTitles = { 
  xCord : 0,        // @Number: x pixel value of current cursor position
  yCord : 0,        // @Number: y pixel value of current cursor position
  tipElements : ['a','abbr','acronym','img'], // @Array: Allowable elements that can have the toolTip
  obj : Object,     // @Element: That of which you're hovering over
  tip : Object,     // @Element: The actual toolTip itself
  active : 0,       // @Number: 0: Not Active || 1: Active
  init : function() {
    if ( !document.getElementById ||
      !document.createElement ||
      !document.getElementsByTagName ) {
      return;
    }
    var i,j;
    this.tip = document.createElement('div');
    this.tip.id = 'TipLayer';
    document.getElementsByTagName('body')[0].appendChild(this.tip);
    this.tip.style.top = '0';
    this.tip.style.visibility = 'hidden';
    addEvent(document,'mousemove',this.updateXY);
    if ( document.captureEvents ) {
        document.captureEvents(Event.MOUSEMOVE);
    }
    var tipLen = this.tipElements.length;
    for ( i=0; i<tipLen; i++ ) {
      var current = document.getElementsByTagName(this.tipElements[i]);
      var curLen = current.length;
      for ( j=0; j<curLen; j++ ) {
        if(current[j].getAttribute('title') != null && current[j].getAttribute('title') != "" && current[j].className.indexOf('tooltip') > -1){
          addEvent(current[j],'mouseover',this.tipOver);
          addEvent(current[j],'mouseout',this.tipOut);
          current[j].setAttribute('tip',current[j].title);
          current[j].removeAttribute('title');
        }
      }
    }
  },
  updateXY : function(e) {
    if ( document.captureEvents ) {
      sweetTitles.xCord = e.pageX;
      sweetTitles.yCord = e.pageY;
    } else if ( window.event.clientX ) {
      sweetTitles.xCord = window.event.clientX+document.documentElement.scrollLeft;
      sweetTitles.yCord = window.event.clientY+document.documentElement.scrollTop;
    }
  },
  tipOut: function() {
    if ( window.tID ) {
      clearTimeout(tID);
    }
    if ( window.opacityID ) {
      clearTimeout(opacityID);
    }
    sweetTitles.tip.style.visibility = 'hidden';
    
    hideIframe('TipLayer');
  },
  checkNode : function() {
    var trueObj = this.obj;
    if ( this.tipElements.inArray(trueObj.nodeName.toLowerCase()) ) {
      return trueObj;
    } else {
      return trueObj.parentNode;
    }
  },
  tipOver : function() {
    sweetTitles.obj = this;
    tID = sweetTitles.tipShow();
  },
  tipShow : function() {    
    var scrX = Number(this.xCord);
    var scrY = Number(this.yCord);
    var tp = parseInt(scrY+15);
    var lt = parseInt(scrX+10);
    var anch = this.checkNode();
    var addy = '';
    var access = '';
        
    this.tip.innerHTML = "<p>"+anch.getAttribute('tip')+"</p>";
    if ( parseInt(document.documentElement.clientWidth+document.documentElement.scrollLeft) < parseInt(this.tip.offsetWidth+lt) ) {
      this.tip.style.left = parseInt(lt-(this.tip.offsetWidth+10))+'px';
      lt = parseInt(lt-(this.tip.offsetWidth+10));
    } else {
      this.tip.style.left = lt+'px';
    }
    if ( parseInt(document.documentElement.clientHeight+document.documentElement.scrollTop) < parseInt(this.tip.offsetHeight+tp) ) {
      this.tip.style.top = parseInt(tp-(this.tip.offsetHeight+10))+'px';
      tp = parseInt(tp-(this.tip.offsetHeight+10));
    } else {
      this.tip.style.top = tp+'px';
    }
    this.tip.style.visibility = 'visible';
    this.tip.style.opacity = '.4';
    this.tipFade(10);
    
    moveIframe('TipLayer',lt,tp);
  },
  tipFade: function(opac) {
    var passed = parseInt(opac);
    var newOpac = parseInt(passed+10);
    if ( newOpac < 80 ) {
      this.tip.style.opacity = '.'+newOpac;
      this.tip.filter = "alpha(opacity:"+newOpac+")";
      opacityID = window.setTimeout("sweetTitles.tipFade('"+newOpac+"')",20);
    }
    else { 
      this.tip.style.opacity = '.80';
      this.tip.style.filter = "alpha(opacity:80)";
    }
  }
};
function pageLoader() {
  sweetTitles.init();
  if (document.all) {
    document.all.tags("div")[0].insertAdjacentHTML('BeforeBegin','<iframe id="iMask" src="about:blank" style="position:absolute; left:-300px; top:-300px; z-index:0;" frameborder="0" border="0" scrolling="no"></iframe>');
  }
}

function moveIframe(id,x,y) {
  theMask = document.getElementById("iMask");
  theMenu = document.getElementById((id));
  theMask.style.top = y+"px";
  theMask.style.left = x+"px";
  theMask.style.width = (document.getElementById(id).offsetWidth);
  theMask.style.height = (document.getElementById(id).offsetHeight);
}

function hideIframe() {
  theMask = document.getElementById("iMask");
  theMask.style.top = -300+'px';
  theMask.style.left = -300+'px';
}

addEvent(window,'load',pageLoader);