function NiceTitles(sTemplate, nDelay, nStringMaxLength, nMarginX, nMarginY, sContainerID, sClassName){
    var oTimer;
    var isActive = false;
    var showingAlready = false; //added var to start cursor tracking only AFTER delay occurs in show();
    var sNameSpaceURI = "http://www.w3.org/1999/xhtml";
    var nDelay = 30; // added
	
    if(!sTemplate){ sTemplate = "attr(nicetitle)";}
    if(!nDelay || nDelay <= 0){ nDelay = false;}
    if(!nStringMaxLength){ nStringMaxLength = 400; }
    if(!nMarginX){ nMarginX = 15; }
    if(!nMarginY){ nMarginY = 15; }
    if(!sContainerID){ sContainerID = "nicetitlecontainer";}
    if(!sClassName){ sClassName = "nicetitle";}

    var oContainer = document.getElementById(sContainerID);
    if(!oContainer){
        oContainer = document.createElementNS ? document.createElementNS(sNameSpaceURI, "div") : document.createElement("div");
        oContainer.setAttribute("id", sContainerID);
        oContainer.className = sClassName;
        oContainer.style.display = "none";
        document.getElementsByTagName("body").item(0).appendChild(oContainer);
    }
    
    //=====================================================================
    // Method addElements (Public)
    //=====================================================================
    this.addElements = function addElements(collNodes, sAttribute){
        var currentNode, sTitle;
        
        for(var i = 0; i < collNodes.length; i++){
            currentNode = collNodes[i];
        
            sTitle = currentNode.getAttribute(sAttribute);
            if(sTitle){
                currentNode.setAttribute("nicetitle", sTitle);
                currentNode.removeAttribute(sAttribute);
                addEvent(currentNode, 'mouseover', show);
                addEvent(currentNode, 'mouseout', hide);
                addEvent(currentNode, 'mousemove', reposition); //added to allow cursor tracking
                addEvent(currentNode, 'focus', show);
                addEvent(currentNode, 'blur', hide);
                addEvent(currentNode, 'keypress', hide);
            }
        }

    }
    
    //=====================================================================
    // Other Methods (All Private)
    //=====================================================================
    function show(e){
        if (isActive){ hide(); }
        
        var oNode = window.event ? window.event.srcElement : e.currentTarget;
        if(!oNode.getAttribute("nicetitle")){ 
            while(oNode.parentNode){
                oNode = oNode.parentNode; // immediately goes to the parent, thus we can only have element nodes
                if(oNode.getAttribute("nicetitle")){ break; }
            }
        }

        var sOutput = parseTemplate(oNode);
        setContainerContent(sOutput);
        var oPosition = getPosition(e, oNode);
        oContainer.style.left = oPosition.x;
        oContainer.style.top = oPosition.y;

        //added showingAlready. cursor tracks only after delay occurs
        if(nDelay){    
            oTimer = setTimeout(function(){oContainer.style.display = "block"; showingAlready = true;}, nDelay);
        } else {
            oContainer.style.display = "block";
        }

        isActive = true;        
        // Let's put this event to a halt before it starts messing things up
        window.event ? window.event.cancelBubble = true : e.stopPropagation();
    }
    
    function hide(){
        clearTimeout(oTimer);
        oContainer.style.display = "none";
        removeContainerContent();
        isActive = false;
        showingAlready = false;
    }
    
    //function added to allow cursor tracking by Kevin Hale
    function reposition(e){
        var oNode = window.event ? window.event.srcElement : e.currentTarget;

        var oPosition = getPosition(e, oNode);
        oContainer.style.left = oPosition.x;
        oContainer.style.top = oPosition.y;
        
        if(showingAlready){
        oContainer.style.display = "block";}
        else{
        oContainer.style.display = "none";}
        
        isActive = true;
        // Let's put this event to a halt before it starts messing things up
        window.event ? window.event.cancelBubble = true : e.stopPropagation();
    }

    function setContainerContent(sOutput){
        sOutput = sOutput.replace(/&/g, "&amp;");
        /*
        if(document.createElementNS && window.DOMParser){
            var oXMLDoc = (new DOMParser()).parseFromString("<root xmlns=\""+sNameSpaceURI+"\">"+sOutput+"</root>", "text/xml");
            var oOutputNode = document.importNode(oXMLDoc.documentElement, true);
            var oChild = oOutputNode.firstChild;
            var nextChild;
            while(oChild){
                nextChild = oChild.nextSibling; // Once the child is appended, the nextSibling reference is gone
                oContainer.appendChild(oChild);
                oChild = nextChild;
            }
        } else {
        */
            oContainer.innerHTML = sOutput;
        //}
    }
    
    function removeContainerContent(){
        var oChild = oContainer.firstChild;
        var nextChild;

        if(!oChild){ return; }
        while(oChild){
            nextChild = oChild.nextSibling;
            oContainer.removeChild(oChild);
            oChild =  nextChild;
        }
    }
    
    function getPosition(e, oNode){
        var oViewport = getViewport();
        var oCoords;
        var commonEventInterface = window.event ? window.event : e;

        if(commonEventInterface.type == "focus"){
            oCoords = getNodePosition(oNode);    
            oCoords.x += nMarginX;
            oCoords.y += nMarginY;            
        } else {
            oCoords = { x : commonEventInterface.clientX + oViewport.x + nMarginX, y : commonEventInterface.clientY + oViewport.y + nMarginY};
        }
        
        // oContainer needs to be displayed before width and height can be retrieved
        if(showingAlready == false) // if statement prevents flickering in os x firefox when tracking cursor
            {oContainer.style.visiblity = "hidden"; 
             oContainer.style.display =  "block";}
        var containerWidth = oContainer.offsetWidth;
        var containerHeight = oContainer.offsetHeight;
        if(showingAlready == false)
            {oContainer.style.display = "none"; 
             oContainer.style.visiblity = "visible";}

        if(oCoords.x + containerWidth + 10 >= oViewport.width + oViewport.x){
            oCoords.x = oViewport.width + oViewport.x - containerWidth - 10;
        }
        if(oCoords.y + containerHeight + 10 >= oViewport.height + oViewport.y){
            oCoords.y = oViewport.height + oViewport.y - containerHeight - oNode.offsetHeight - 10;
        }

        oCoords.x += "px";
        oCoords.y += "px";

        return oCoords;
    }

    function parseTemplate(oNode){
        var sAttribute, collOptionalAttributes;
        var oFound = {};
        var sResult = sTemplate;
        
        if(sResult.match(/content\(\)/)){
            sResult = sResult.replace(/content\(\)/g, getContentOfNode(oNode));
        }
        
        var collSearch = sResult.split(/attr\(/);
        for(var i = 1; i < collSearch.length; i++){
            sAttribute = collSearch[i].split(")")[0];
            oFound[sAttribute] = oNode.getAttribute(sAttribute);
            if(oFound[sAttribute] && oFound[sAttribute].length > nStringMaxLength){
                oFound[sAttribute] = oFound[sAttribute].substring(0, nStringMaxLength) + "...";
            }
        }
        
        var collOptional = sResult.split("?")
        for(var i = 1; i < collOptional.length; i += 2){
            collOptionalAttributes = collOptional[i].split("attr(");
            for(var j = 1; j < collOptionalAttributes.length; j++){
                sAttribute = collOptionalAttributes[j].split(")")[0];

                if(!oFound[sAttribute]){ sResult = sResult.replace(new RegExp("\\?[^\\?]*attr\\("+sAttribute+"\\)[^\\?]*\\?", "g"), "");    }
            }
        }
        sResult = sResult.replace(/\?/g, "");
        
        for(sAttribute in oFound){
            sResult = sResult.replace("attr\("+sAttribute+"\)", oFound[sAttribute]);
        }
        
        return sResult;
    }    
        
    function getContentOfNode(oNode){
        var sContent = "";
        var oSearch = oNode.firstChild;

        while(oSearch){
            if(oSearch.nodeType == 3){
                sContent += oSearch.nodeValue;
            } else if(oSearch.nodeType == 1 && oSearch.hasChildNodes){
                sContent += getContentOfNode(oSearch);
            }
            oSearch = oSearch.nextSibling
        }

        return sContent;
    }
    
    function getNodePosition(oNode){
        var x = 0;
        var y = 0;

        do {
            if(oNode.offsetLeft){ x += oNode.offsetLeft }
            if(oNode.offsetTop){ y += oNode.offsetTop }
        }    while((oNode = oNode.offsetParent) && !document.all) // IE gets the offset 'right' from the start

        return {x : x, y : y}
    }
    
    // Idea from 13thParallel: http://13thparallel.net/?issue=2002.06&title=viewport
    function getViewport(){
        var width = 0;
        var height = 0;
        var x = 0;
        var y = 0;
        
        if(document.documentElement && document.documentElement.clientWidth){
            width = document.documentElement.clientWidth;
            height = document.documentElement.clientHeight;
            x = document.documentElement.scrollLeft;
            y = document.documentElement.scrollTop;
        } else if(document.body && document.body.clientWidth){
            width = document.body.clientWidth;
            height = document.body.clientHeight;
            x = document.body.scrollLeft;
            y = document.body.scrollTop;
        }
        // we don't use an else if here, since Opera 7 tends to get the height on the documentElement wrong
        if(window.innerWidth){ 
            width = window.innerWidth - 18;
            height = window.innerHeight - 18;
        }
        
        if(window.pageXOffset){
            x = window.pageXOffset;
            y = window.pageYOffset;
        } else if(window.scrollX){
            x = window.scrollX;
            y = window.scrollY;
        }
        
        return {width : width, height : height, x : x, y : y };        
    }
}

//=====================================================================
// Event Listener
// by Scott Andrew - http://scottandrew.com
// edited by Mark Wubben, <useCapture> is now set to false
//=====================================================================
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;
    }
}

//=====================================================================
// Here the default nice titles are created
//=====================================================================
NiceTitles.autoCreation = function(){
    if(!document.getElementsByTagName){ return; }

    NiceTitles.autoCreated = new Object();

    //NiceTitles.autoCreated.anchors = new NiceTitles("<p class=\"titletext\">attr(nicetitle)</p><hr color=\"#FFFFFF\" size=\"1\"><span class=\"destination\">attr(href)</span>", 600);
	NiceTitles.autoCreated.anchors = new NiceTitles("<p class=\"titletext\">attr(nicetitle)</p>", 300);
	
    NiceTitles.autoCreated.acronyms = new NiceTitles("<p class=\"titletext\">content(): attr(nicetitle)</p>", 600);
    //for image nicetitles based off alt tags
    NiceTitles.autoCreated.images = new NiceTitles("<p class=\"destination\">attr(nicetitle)</p>", 100, 99999);
    //for form nicetitles. just add title to input and textarea tags
    NiceTitles.autoCreated.input = new NiceTitles("<p class=\"destination\">attr(nicetitle)</p>", 300);
    
    
    NiceTitles.autoCreated.anchors.addElements(document.getElementsByTagName("a"), "title");
    NiceTitles.autoCreated.images.addElements(document.getElementsByTagName("img"), "title"); //added
	// NiceTitles.autoCreated.images.addElements(document.getElementsByTagName("span"), "title"); //added
	NiceTitles.autoCreated.images.addElements(document.getElementsByTagName("dt"), "title"); //added
	//NiceTitles.autoCreated.images.addElements(document.getElementsByTagName("tr"), "title"); //added
	//NiceTitles.autoCreated.images.addElements(document.getElementsByTagName("td"), "title"); //added
    
    //NiceTitles.autoCreated.images.addElements(document.getElementsByTagName("li"), "title"); //added
    //NiceTitles.autoCreated.images.addElements(document.getElementsByTagName("span"), "title"); //added
    
    NiceTitles.autoCreated.acronyms.addElements(document.getElementsByTagName("acronym"), "title");
    //NiceTitles.autoCreated.acronyms.addElements(document.getElementsByTagName("abbr"), "title");
    // NiceTitles.autoCreated.input.addElements(document.getElementsByTagName("input"), "title"); //added
    //NiceTitles.autoCreated.input.addElements(document.getElementsByTagName("textarea"), "title"); //added
}

addEvent(window, "load", NiceTitles.autoCreation);
//addEvent(window, "load", sortables_init);