/* =================================================================================================
* NiceTitles
* 21st January 2004
* http://neo.dzygn.com/code/nicetitles
*
* NiceTitles turns your boring (X)HTML tags into a dynamic experience
*
* Copyright (c) 2003 - 2004 Stuart Langridge, Paul McLanahan, Peter Janes, Brad Choate, Dunstan Orchard, Ethan Marcotte, Mark Wubben
*
* Licensed under MIT - http://www.opensource.org/licenses/mit-license.php
==================================================================================================*/

function NiceTitles(sTemplate, nDelay, nStringMaxLength, nMarginX, nMarginY, sContainerID, sClassName){
	var oTimer;
	var isActive = false;
	var sNameSpaceURI = "http://www.w3.org/1999/xhtml";	
	if(!sTemplate){ sTemplate = "attr(nicetitle)";}
	if(!nDelay || nDelay <= 0){ nDelay = false;}
	if(!nStringMaxLength){ nStringMaxLength = 80; }
	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, 'focus', show);

				addEvent(currentNode, 'blur', 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;



		if(nDelay){	

			oTimer = setTimeout(function(){oContainer.style.display = "block";}, 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;

	}

	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; // One's 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.style.visiblity = "hidden"; // oContainer needs to be displayed before width and height can be retrieved
		oContainer.style.display =  "block";

		var containerWidth = oContainer.offsetWidth;

		var containerHeight = oContainer.offsetHeight;

		oContainer.style.display = "none"; // hide it again

		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;

	}

}

//=====================================================================

// Time Since

// by Mark Wubben - http://neo.dzygn.com

//=====================================================================

Date.prototype.toTimeSinceString = function(nLimit, sBetween, sLastBetween){

	if(!nLimit){ nLimit = 2; }

	if(!sBetween){ sBetween = ", "; }

	if(!sLastBetween){ sLastBetween = " and "; }

	if(!Date.prototype.toTimeSinceString._collStructs){

		Date.prototype.toTimeSinceString._collStructs = new Array(

			{seconds: 60 * 60 * 24 * 365, name: "year"},

			{seconds: 60 * 60 * 24 * 30, name: "month"},

			{seconds: 60 * 60 * 24 * 7, name: "week"},

			{seconds: 60 * 60 * 24, name: "day"},


			{seconds: 60 * 60, name: "hour"},

			{seconds: 60, name: "minute"}

		);

	}

	var collStructs = Date.prototype.toTimeSinceString._collStructs;

	var nSecondsRemain = ((new Date).valueOf() - this.valueOf()) / 1000;

	var sReturn = "";

	var nCount = 0;

	var nFloored;


	for(var i = 0; i < collStructs.length && nCount < nLimit; i++){

		nFloored = Math.floor(nSecondsRemain / collStructs[i].seconds);

		if(nFloored > 0){
			if(sReturn.length > 0){

				if(nCount == nLimit - 1 || i == collStructs.length - 1){
					sReturn += sLastBetween;

				} else if(nCount < nLimit && i < collStructs.length){

					sReturn += sBetween;

				}

			}

			sReturn += nFloored + " " + collStructs[i].name;

			if(nFloored > 1){

				sReturn += "s";
			}

			nSecondsRemain -= nFloored * collStructs[i].seconds;

			nCount++;
		}

	}

	return sReturn;
}

//=====================================================================
// Here the default nice titles are created

//=====================================================================
NiceTitles.autoCreation = function(){

	if(!document.getElementsByTagName){ return; }


	function rewriteDateTime(collNodes){

		var nMonth, nDay, nHours, nMinutes, nSeconds, sDateTime, oDate;

		for(var i = 0; i < collNodes.length; i++){

			sDateTime = collNodes[i].getAttribute("datetime");

			if(sDateTime != null || sDateTime != ""){

				nYear = Number(sDateTime.substring(0,4));

				nMonth = Number(sDateTime.substring(5,7)) - 1;

				nDay = Number(sDateTime.substring(8,10));

				nHours = Number(sDateTime.substring(11, 13));

				nMinutes = Number(sDateTime.substring(14,16));

				nSeconds = Number(sDateTime.substring(17,19));

				oDate = new Date(nYear, nMonth, nDay, nHours, nMinutes, nSeconds);

				collNodes[i].setAttribute("nicetime", oDate.toTimeSinceString());

				collNodes[i].setAttribute("gmttime", oDate.toGMTString());

			}

		}


		return collNodes;

	}


	NiceTitles.autoCreated = new Object();


	NiceTitles.autoCreated.anchors = new NiceTitles("<p class=\"titletext\">attr(nicetitle)? <span class=\"accesskey\">[attr(accesskey)]</span>?</p><p class=\"destination\">attr(href)</p>", 600);

	NiceTitles.autoCreated.inserts = new NiceTitles("<p class=\"titletext\">Added attr(nicetitle) ago</p><p class=\"destination\">Complete timestamp: attr(gmttime)</p>?<p class=\"destination\">Reason: attr(cite)</p>?", 600);

	NiceTitles.autoCreated.deletions = new NiceTitles("<p class=\"titletext\">Deleted attr(nicetitle) ago</p><p class=\"destination\">Complete timestamp: attr(gmttime)</p>?<p class=\"destination\">Reason: attr(cite)</p>?", 600);

	NiceTitles.autoCreated.acronyms = new NiceTitles("<p class=\"titletext\">content(): attr(nicetitle)</p>", 600);	

	NiceTitles.autoCreated.abbreviations = new NiceTitles("<p class=\"titletext\">content(): attr(nicetitle)</p>", 600);	

	

	NiceTitles.autoCreated.anchors.addElements(document.getElementsByTagName("a"), "title");

	NiceTitles.autoCreated.inserts.addElements(rewriteDateTime(document.getElementsByTagName("ins")), "nicetime");

	NiceTitles.autoCreated.deletions.addElements(rewriteDateTime(document.getElementsByTagName("del")), "nicetime");

	NiceTitles.autoCreated.acronyms.addElements(document.getElementsByTagName("acronym"), "title");

	NiceTitles.autoCreated.acronyms.addElements(document.getElementsByTagName("abbr"), "title");	

}

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