﻿/*
Sweet Titles (c) Creative Commons 2005
http://creativecommons.org/licenses/by-sa/2.5/
Author: Dustin Diaz | http://www.dustindiaz.com
*/
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'],	// @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 = 'toolTip';
		document.getElementsByTagName('body')[0].appendChild(this.tip);
	//	this.tip.style.top = '0';											// to have tips follow cursor, uncomment all the X Y top left lines
		this.tip.style.visibility = 'hidden';
		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++ ) {
				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';
	},
	checkNode : function() {
		var trueObj = this.obj;
		if ( this.tipElements.inArray(trueObj.nodeName.toLowerCase()) ) {
			return trueObj;
		} else {
			return trueObj.parentNode;
		}
	},
	tipOver : function(e) {
		sweetTitles.obj = this;
		tID = window.setTimeout("sweetTitles.tipShow()",500);
	//	sweetTitles.updateXY(e);
	},
	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 = '';
		if ( anch.nodeName.toLowerCase() == 'a' ) {
			addy = (anch.href.length > 25 ? anch.href.toString().substring(0,25)+"..." : anch.href);
			var access = ( anch.accessKey ? ' <span>['+anch.accessKey+']</span> ' : '' );
		} else {
			addy = anch.firstChild.nodeValue;
		}
		this.tip.innerHTML = "<p>"+anch.getAttribute('tip')+"</p>";     // add <em>"+access+addy+"</em> before </p> to show link address (clipped)
	//	if ( parseInt(document.documentElement.clientWidth+document.documentElement.scrollLeft) < parseInt(this.tip.offsetWidth+lt) ) {
	//		this.tip.style.left = parseInt(lt-(this.tip.offsetWidth+10))+'px';
	//	} 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';
	//	} else {
	//		this.tip.style.top = tp+'px';
	//	}															
		var albumsOnly = /^View album/;													// we only want toolyips for album thumbnails: "View album" is automatically added at beginning of album thumb titles
		var randomImagesOnly = /^Random picture/;										// -or- for the random image
		var tipContents = anch.getAttribute('tip');										// get the current title
		var contentMatchesAlbumsOnly = tipContents.search(albumsOnly);					// check if it starts with "View album"
		var contentMatchesRandomImagesOnly = tipContents.search(randomImagesOnly);
		if (contentMatchesAlbumsOnly != -1) {											// if yes
			this.tip.style.visibility = 'visible';
			this.tip.style.opacity = '.1';
			this.tipFade(5);
		} else if (contentMatchesRandomImagesOnly != -1) {								// if yes
			this.tip.style.visibility = 'visible';
			this.tip.style.opacity = '.1';
			this.tipFade(5);
		} else {																		// if no
			this.tip.style.visibilty = 'hidden';
		}																				// alternatively add "showToolTip" to beginning (or end) of titles we want shown, but strip this out before it is shown
//		}
	},
	tipFade: function(opac) {
		var passed = parseInt(opac);
		var newOpac = parseInt(passed+10);
		if ( newOpac < 70 ) {
			this.tip.style.opacity = '.'+newOpac;
			this.tip.style.filter = "alpha(opacity:"+newOpac+")";
			opacityID = window.setTimeout("sweetTitles.tipFade('"+newOpac+"')",20);
		}
		else { 
			this.tip.style.opacity = '1.0';
			this.tip.style.filter = "alpha(opacity:100)";
		}
	}
};
function pageLoader() {
	sweetTitles.init();
}
addEvent(window,'load',pageLoader);