addEvent(window, "load", makeNiceTitles);

var XHTMLNS = "http://www.w3.org/1999/xhtml";
var CURRENT_NICE_TITLE="";
var cool_length = 0;
var browser = new Browser();

function makeNiceTitles() {
    if (!document.createElement || !document.getElementsByTagName) return;
    if(!document.createElementNS) {
        document.createElementNS = function(ns,elt) {
            return document.createElement(elt);
        }
    }

    if( !document.links )
    {
        document.links = document.getElementsByTagName("a");
    }
    for (var ti=0;ti < document.links.length;ti++) {
        var lnk = document.links[ti];
		var ct=lnk.getAttribute("name");
        if (ct == "cooltitle") {
            //lnk.setAttribute("cooltitle",lnk.title);
            //lnk.removeAttribute("title");
            addEvent(lnk,"mouseover",showcooltitle);
            addEvent(lnk,"mouseout",hidecooltitle);
            addEvent(lnk,"focus",showcooltitle);
            addEvent(lnk,"blur",hidecooltitle);
        }
    }
}

function findPosition( oLink ) {
  if( oLink.offsetParent ) {
    for( var posX = 0, posY = 0; oLink.offsetParent; oLink = oLink.offsetParent ) {
      posX += oLink.offsetLeft;
      posY += oLink.offsetTop;
    }
    return [ posX, posY ];
  } else {
    return [ oLink.x, oLink.y ];
  }
}

function showcooltitle(e) {
    if (CURRENT_NICE_TITLE) hidecooltitle(CURRENT_NICE_TITLE);
    if (!document.getElementsByTagName) return;
    if (window.event && window.event.srcElement) {
        lnk = window.event.srcElement
    } else if (e && e.target) {
        lnk = e.target
    }
    if (!lnk) return;
    if (lnk.nodeName.toUpperCase() != 'A') {
        // lnk is not actually the link -- ascend parents until we hit a link
        lnk = getParent(lnk,"A");
    }
    if (!lnk) return;
    //var cooltitle = lnk.getAttribute("rel");
	var cooltitle = $(lnk).next('p').text(); // a little bit of jQuery here	

    var d = document.createElementNS(XHTMLNS,"div");
    d.className = "cooltitle";
    var opt_length=cool_length;

	var cooltitle_arr=cooltitle.split("~");
	for(var i=0;i< cooltitle_arr.length;i++) {

		var spanelem=document.createElement("span");
		spanelem.innerHTML = cooltitle_arr[i];

		var clname = "content_item";
		pat = document.createElementNS(XHTMLNS,"p");
		pat.className = clname;
		pat.appendChild(spanelem);

		d.appendChild(pat);
	}

    STD_WIDTH = 250;
	cool_arr=cooltitle.split("~");
	h=0;
	for(var i =0; i<cool_arr.length;i++) {
		if(cool_arr[i].length > h) h=cool_arr[i].length;
	}


    if (cooltitle.length) {
      t = cooltitle.length;
    }
    h_pixels = h*6; t_pixels = t*10;

	if(opt_length>0) {
		w = opt_length;
	}
	else {
		w = STD_WIDTH;
	}
	w=parseInt(w,10);
//	if(parseInt(w,10)>300)
	w=460;
    d.style.width = w + 'px';
    mpos = findPosition(lnk);
    mx = mpos[0];
    my = mpos[1];

    d.style.left = (mx) + 'px';
    d.style.top = (my+35) + 'px';
    if (window.innerWidth && ((mx+w) > window.innerWidth)) {
        d.style.left = (window.innerWidth - w - 25) + "px";
    }
    if (document.body.scrollWidth && ((mx+w) > document.body.scrollWidth)) {
        d.style.left = (document.body.scrollWidth - w - 25) + "px";
    }

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

    CURRENT_NICE_TITLE = d;
}

function hidecooltitle(e) {
    if (!document.getElementsByTagName) return;
    if (CURRENT_NICE_TITLE) {
        document.getElementsByTagName("body")[0].removeChild(CURRENT_NICE_TITLE);
        CURRENT_NICE_TITLE = null;
    }
}

// Add an eventListener to browsers that can do it somehow.
// Originally by the amazing Scott Andrew.
function addEvent(obj, evType, fn){
  if (obj.addEventListener){
    obj.addEventListener(evType, fn, false);
    return true;
  } else if (obj.attachEvent){
	var r = obj.attachEvent("on"+evType, fn);
    return r;
  } else {
	return false;
  }
}

function getParent(el, pTagName) {
	if (el == null) return null;
	else if (el.nodeType == 1 && el.tagName.toLowerCase() == pTagName.toLowerCase())	// Gecko bug, supposed to be uppercase
		return el;
	else
		return getParent(el.parentNode, pTagName);
}

function getMousePosition(event) {
  if (browser.isIE) {
    x = window.event.clientX + document.documentElement.scrollLeft
      + document.body.scrollLeft;
    y = window.event.clientY + document.documentElement.scrollTop
      + document.body.scrollTop;
  }
  if (browser.isNS) {
    x = event.clientX + window.scrollX;
    y = event.clientY + window.scrollY;
  }
  return [x,y];
}

// Determine browser and version.

function Browser() {
// blah, browser detect, but mouse-position stuff doesn't work any other way
  var ua, s, i;

  this.isIE    = false;
  this.isNS    = false;
  this.version = null;

  ua = navigator.userAgent;

  s = "MSIE";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isIE = true;
    this.version = parseFloat(ua.substr(i + s.length));
    return;
  }

  s = "Netscape6/";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isNS = true;
    this.version = parseFloat(ua.substr(i + s.length));
    return;
  }

  // Treat any other "Gecko" browser as NS 6.1.

  s = "Gecko";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isNS = true;
    this.version = 6.1;
    return;
  }
}