(new Image()).src="../freestyler/modules/custom/images/header/background.jpg";
fsToolTipGlobalCount=1;

addFSToolTips=function() {
	var elements=$$('.fs_tooltip');
	for(var i=0;i<elements.length;i++) {
		var element=elements[i];
		var tipText=element.readAttribute('title');
		// Only create a tip if there is a title attribute
		if (tipText!="") {
			// Create a new tool tip container
			var newToolTip=document.createElement('div');
			newToolTip.setAttribute("id","fs_tooltip_"+fsToolTipGlobalCount);
			// Its styled body
			var newToolTipBody=document.createElement('div');
			newToolTipBody.setAttribute("id","fs_tooltip_"+fsToolTipGlobalCount+"_body");
			newToolTipBody.style.position="absolute";
			newToolTipBody.style.zIndex="1000";
			
			// Hide and style it
			Element.addClassName(newToolTipBody,'fs_tooltip_tip');
			// Copy the title attribute out and put it into the body
			var newToolTipText=document.createTextNode(tipText);
			newToolTipBody.appendChild(newToolTipText);

			if (!window.XMLHttpRequest) {
				// Create the IE6 iframe - should only do this if in IE6
				var newIframe=document.createElement('iframe');
				newIframe.setAttribute("id","fs_tooltip_"+fsToolTipGlobalCount+"_iframe");
				newIframe.style.top = '0pt';
				newIframe.style.left = '0pt';
				newIframe.style.width="202px";
				newIframe.style.borderWidth="0px";
				newIframe.style.zIndex="999";
				newIframe.style.position = "absolute";
				// Put the element together and append to the dom
   				newToolTip.appendChild(newIframe);
			}
   			newToolTip.appendChild(newToolTipBody);
      		document.body.appendChild(newToolTip);
      		
      		// Work out the height of the iframe
      		if (!window.XMLHttpRequest) {
      		    // Only IE 6 needs this...
	      		var bodyHeight=Element.getHeight("fs_tooltip_"+fsToolTipGlobalCount+"_body");
				$("fs_tooltip_"+fsToolTipGlobalCount+"_iframe").setStyle({'height':bodyHeight+"px"});
			}
			
			// Create a new tooltip instance, passing in our new dom element
			tooltip = new Tooltip(element,$("fs_tooltip_"+fsToolTipGlobalCount));
			element.removeAttribute("title");

			// Need to pull out any images that might have alt attributes and remove
			elementImages=element.getElementsByTagName("img");
			for(var j=0;j<elementImages.length;j++) {
			    var elementImage=elementImages[j];
				var altTag=elementImage.readAttribute('alt');
				if (altTag!="") {
				    elementImage.removeAttribute("alt");
				}
			}
			// Incase we call the addFSToolTips function again (say after an
			// ajax update, remove the class from the tooltip... i.e don't make
			// it again
			element.removeClassName("fs_tooltip");
			fsToolTipGlobalCount++;
		}
	}
}

// This script brokers execution of javascript after the Dom is loaded, BUT
// before images and other larger page elements have loaded... Using this script
// should allow for faster start-up times for javascript related user
// interactive interfaces

var DomLoaded =
{
	onload: [],
	loaded: function()
	{
		if (arguments.callee.done) return;
		arguments.callee.done = true;
		for (i = 0;i < DomLoaded.onload.length;i++) DomLoaded.onload[i];
	},
	load: function(fireThis)
	{
		this.onload.push(fireThis);
		if (document.addEventListener)
			document.addEventListener("DOMContentLoaded", DomLoaded.loaded, null);
		if (/KHTML|WebKit/i.test(navigator.userAgent))
		{
			var _timer = setInterval(function()
			{
				if (/loaded|complete/.test(document.readyState))
				{
					clearInterval(_timer);
					delete _timer;
					DomLoaded.loaded();
				}
			}, 10);
		}
		/*@cc_on @*/
		/*@if (@_win32)
		var proto = "javascript:void(0)";
		if (location.protocol == "https:") proto = "src=//0";
		document.write("<scr"+"ipt id=__ie_onload defer src=" + proto + "><\/scr"+"ipt>");
		var script = document.getElementById("__ie_onload");
		script.onreadystatechange = function() {
		    if (this.readyState == "complete") {
		        DomLoaded.loaded();
		    }
		};
		/*@end @*/
	   window.onload = DomLoaded.loaded;
	}
};