// uniTip - written by Nathan Ford for Unit Interactive, modified by Kent Heberling for Hal Leonard
//
// uniTip is based on qTip:
// qTip - CSS Tool Tips - by Craig Erskine
// http://qrayg.com


//




// Stylesheet toggle variable
var displayOn = true
var cssRulePosition = 5;
var delayTime;
var fadeInTime;
if (BrowserDetect.browser == "Explorer"){
	delayTime = 750;
} else {
	delayTime = 500;
	fadeInTime = 250;
}

var uniTipTag = "a,img"; //Which tag do you want to uniTip-ize? Keep it lowercase. No spaces around commas.//
var uniTipClass = "tip"; //Which classes do you want to uniTip-ize? If you leave this blank, then all the tags designated above will get uniTip-ized. Match case. No spaces around commas.
var uniTipSmallClass = "tipSmall";

var uniTipX = 0; // X offset from cursor//
var uniTipY = 15; // Y offset from cursor//

//______________________________________________There's no need to edit anything below this line//

var offsetX = uniTipX, offsetY = uniTipY, elewidth = null, eleheight = null, tipid = null, tiptop = null, tipbot = null, tipcapin=null, tippointin=null, altText=false;

var x=0, y=0, WinWidth=0, WinHeight=0, TipWidth=0, TipHeight=0, CapHeight=0, PointHeight=0;

// first, find all the correct elements
init = function () {
	var elementList = uniTipTag.split(",");
	for(var j = 0; j < elementList.length; j++) {	
		var elements = document.getElementsByTagName(elementList[j]);
		
		if(elements) {
			// Regular Elements
			for (var i = 0; i < elements.length; i ++) {
				if (uniTipClass != '') {
				
					var elClass = elements[i].className;
					var elClassList = uniTipClass.split(",");
					
					for (var h=0; h < elClassList.length; h++) { if (elClass.match(elClassList[h])) unitipize(elements[i]); }
					
				} else unitipize(elements[i]);
			}
			// Small elements
			for (var x = 0; x < elements.length; x ++) {
				if (uniTipSmallClass != '') {
				
					var elSmallClass = elements[x].className;
					var elSmallClassList = uniTipSmallClass.split(",");
					
					for (var z=0; z < elSmallClassList.length; z++) { if (elSmallClass.match(elSmallClassList[z])) unitipizeSmall(elements[x]); }
					
				} else unitipize(elements[i]);
			}			
		}
	}
}

// next, add the tooltip function to those elements
unitipize = function (element) {
	var a = element;
	altText = (a.alt && a.getAttribute("alt") != '' ) ? true : false;
	var sTitle = (altText == true) ? a.getAttribute("alt") : a.getAttribute("title");				
	if(sTitle) {
		a.onmouseover = function() {build(a, sTitle);};
		a.onmouseout = function() {hide(a, sTitle);};
	}
}

// next, add the tooltip function to those elements
unitipizeSmall = function (element) {
	var a = element;
	altText = (a.alt && a.getAttribute("alt") != '' ) ? true : false;
	var sTitle = (altText == true) ? a.getAttribute("alt") : a.getAttribute("title");				
	if(sTitle) {
		a.onmouseover = function() {buildSmall(a, sTitle);};
		a.onmouseout = function() {hideSmall(a, sTitle);};
	}
}

// now, we build the tooltip
build = function (a, sTitle) {
	
	if (a.title) a.title = "";
	if (altText==true) a.alt = "";
	
	var tipContainer = document.createElement("div");
	tipContainer.setAttribute("id", "unitip");
	document.body.appendChild(tipContainer);
	
	var tipContainerTop = document.createElement("div");
	tipContainerTop.setAttribute("id", "unitippoint");
	tipContainer.appendChild(tipContainerTop);
	
	var tipContainerMid = document.createElement("div");
	tipContainerMid.setAttribute("id", "unitipmid");
	tipContainer.appendChild(tipContainerMid);
	
	var tipContainerBot = document.createElement("div");
	tipContainerBot.setAttribute("id", "unitipcap");
	tipContainer.appendChild(tipContainerBot);

	tipid = document.getElementById("unitip");
	tippoint = document.getElementById("unitippoint");
	tipmid = document.getElementById("unitipmid");
	tipcap = document.getElementById("unitipcap");
	
	document.getElementById("unitipmid").innerHTML = sTitle;
	tipid.style.display = "block";
	
	elewidth = document.getElementById("unitipmid").offsetWidth;
	eleheight = document.getElementById("unitip").offsetHeight;
	
	WinWidth = document.body.offsetWidth;
	WinHeight = (document.body.clientHeight < document.documentElement.clientHeight) ? document.body.clientHeight : document.documentElement.clientHeight;
	
	CapHeight = document.getElementById('unitipcap').offsetHeight;
	PointHeight = document.getElementById('unitippoint').offsetHeight;
	
	if (typeof pngfix=="function") { // if IE, rebuilds wraps unitippoint and unitipcap in outer div
		if (tippoint.currentStyle.backgroundImage.match(/\.png/gi)) {
			var tipP = tippoint.innerHTML;
			
			tippoint.id = 'unitipP'; // switch unitippoint to outer div
			
			tippoint.style.overflow = "hidden";
			tippoint.style.height = PointHeight + "px";
			tippoint.style.width = elewidth + "px";
			tippoint.style.position = "relative";
			tippoint.style.display = "block";
			
			tippoint.innerHTML = '<div id="unitippoint">' + tipP + '</div>'; // inject unitippoint
			
			tippointin = document.getElementById("unitippoint");  // redefine styles for unitippoint to fit filter image
			tippointin.style.width = (elewidth * 2) + "px";
			tippointin.style.height = (PointHeight * 2) + "px";
			tippointin.style.backgroundImage = tippoint.style.backgroundImage;
			tippointin.style.position = "absolute";
			
			tippoint.style.backgroundImage = "none";
		}
		if (tipcap.currentStyle.backgroundImage.match(/\.png/gi)) {
			var tipC = tipcap.innerHTML;
			
			tipcap.id = 'unitipC';
			
			tipcap.style.overflow = "hidden";
			tipcap.style.height = CapHeight + "px";
			tipcap.style.width = elewidth + "px";
			tipcap.style.position = "relative";
			tipcap.style.display = "block";
			
			tipcap.innerHTML = '<div id="unitipcap">' + tipP + '</div>';
			
			tipcapin = document.getElementById("unitipcap");
			tipcapin.style.height = (CapHeight * 2) + "px";
			tipcapin.style.backgroundImage = tipcap.style.backgroundImage;
			tipcapin.style.position = "absolute";
			
			tipcap.style.backgroundImage = "none";
		}
		
		pngfix(); // png fix
		
	}
	if (BrowserDetect.browser != "Explorer"){
		$("#unitippoint").css("opacity", 0);
		$("#unitipmid").css("opacity", 0);
		$("#unitipcap").css("opacity", 0);
	}		
	setTimeout("fadeIn()", delayTime);
	document.onmousemove = function (evt) {move (evt)};
}

buildSmall = function (a, sTitle) {
	
	if (a.title) a.title = "";
	if (altText==true) a.alt = "";
	
	var tipContainer = document.createElement("div");
	tipContainer.setAttribute("id", "smallunitip");
	document.body.appendChild(tipContainer);
	
	var tipContainerTop = document.createElement("div");
	tipContainerTop.setAttribute("id", "smallunitippoint");
	tipContainer.appendChild(tipContainerTop);
	
	var tipContainerMid = document.createElement("div");
	tipContainerMid.setAttribute("id", "smallunitipmid");
	tipContainer.appendChild(tipContainerMid);
	
	var tipContainerBot = document.createElement("div");
	tipContainerBot.setAttribute("id", "smallunitipcap");
	tipContainer.appendChild(tipContainerBot);

	tipid = document.getElementById("smallunitip");
	tippoint = document.getElementById("smallunitippoint");
	tipmid = document.getElementById("smallunitipmid");
	tipcap = document.getElementById("smallunitipcap");
	
	document.getElementById("smallunitipmid").innerHTML = sTitle;
	tipid.style.display = "block";
	
	elewidth = document.getElementById("smallunitipmid").offsetWidth;
	eleheight = document.getElementById("smallunitip").offsetHeight;
	
	WinWidth = document.body.offsetWidth;
	WinHeight = (document.body.clientHeight < document.documentElement.clientHeight) ? document.body.clientHeight : document.documentElement.clientHeight;
	
	CapHeight = document.getElementById('smallunitipcap').offsetHeight;
	PointHeight = document.getElementById('smallunitippoint').offsetHeight;
	
	if (typeof pngfix=="function") { // if IE, rebuilds wraps unitippoint and unitipcap in outer div
		if (tippoint.currentStyle.backgroundImage.match(/\.png/gi)) {
			var tipP = tippoint.innerHTML;
			
			tippoint.id = 'unitipP'; // switch unitippoint to outer div
			
			tippoint.style.overflow = "hidden";
			tippoint.style.height = PointHeight + "px";
			tippoint.style.width = elewidth + "px";
			tippoint.style.position = "relative";
			tippoint.style.display = "block";
			
			tippoint.innerHTML = '<div id="smallunitippoint">' + tipP + '</div>'; // inject unitippoint
			
			tippointin = document.getElementById("smallunitippoint");  // redefine styles for unitippoint to fit filter image
			tippointin.style.width = (elewidth * 2) + "px";
			tippointin.style.height = (PointHeight * 2) + "px";
			tippointin.style.backgroundImage = tippoint.style.backgroundImage;
			tippointin.style.position = "absolute";
			
			tippoint.style.backgroundImage = "none";
		}
		if (tipcap.currentStyle.backgroundImage.match(/\.png/gi)) {
			var tipC = tipcap.innerHTML;
			
			tipcap.id = 'unitipC';
			
			tipcap.style.overflow = "hidden";
			tipcap.style.height = CapHeight + "px";
			tipcap.style.width = elewidth + "px";
			tipcap.style.position = "relative";
			tipcap.style.display = "block";
			
			tipcap.innerHTML = '<div id="smallunitipcap">' + tipP + '</div>';
			
			tipcapin = document.getElementById("smallunitipcap");
			tipcapin.style.height = (CapHeight * 2) + "px";
			tipcapin.style.backgroundImage = tipcap.style.backgroundImage;
			tipcapin.style.position = "absolute";
			
			tipcap.style.backgroundImage = "none";
		}
		
		pngfix(); // png fix
		
	}
    if (BrowserDetect.browser != "Explorer"){
		$("#smallunitippoint").css("opacity", 0);
		$("#smallunitipmid").css("opacity", 0);
		$("#smallunitipcap").css("opacity", 0);
    }		
	setTimeout("smallFadeIn()", delayTime);
	document.onmousemove = function (evt) {move (evt)};
}

// now, we track the mouse and make the tooltip follow
move = function (evt) {
	
	if (window.event) {
		x = window.event.clientX;
		y = window.event.clientY;
		
		if (document.documentElement.scrollLeft) tipid.style.left = (TipWidth >= WinWidth ) ? ((x - offsetX - elewidth) + document.documentElement.scrollLeft) + "px" :  (x + offsetX + document.documentElement.scrollLeft) + "px";
		else tipid.style.left = (TipWidth >= WinWidth ) ? ((x - offsetX - elewidth) + document.body.scrollLeft) + "px" :  (x + offsetX + document.body.scrollLeft) + "px";
		
		if (document.documentElement.scrollTop) tipid.style.top = (TipHeight >= WinHeight) ? ((y - offsetY - eleheight) + document.documentElement.scrollTop) + "px" : (y + offsetY + document.documentElement.scrollTop) + "px";
		else tipid.style.top = (TipHeight >= WinHeight) ? ((y - offsetY - eleheight) + document.body.scrollTop) + "px" : (y + offsetY + document.body.scrollTop) + "px";
		
	} else {
		x = evt.clientX;
		y = evt.clientY;	
		
		tipid.style.left = (TipWidth >= WinWidth ) ? ((x - offsetX - elewidth) + window.scrollX) + "px" :  (x + offsetX + window.scrollX) + "px";
		tipid.style.top = (TipHeight >= WinHeight) ? ((y - offsetY - eleheight) + window.scrollY) + "px" : (y + offsetY + window.scrollY) + "px";
	}
	
	TipWidth = x + elewidth + 20;
	TipHeight = y + eleheight + 20;
	
	if (TipHeight >= WinHeight ) { // rearrange the inner divs [123 to 321]
		tipid.removeChild(tippoint);
		tipid.removeChild(tipmid);
		tipid.removeChild(tipcap);
		tipid.appendChild(tipcap);
		tipid.appendChild(tipmid);
		tipid.appendChild(tippoint);
	} else {  // rearrange the inner divs [321 to 123]
		tipid.removeChild(tippoint);
		tipid.removeChild(tipmid);
		tipid.removeChild(tipcap);
		tipid.appendChild(tippoint);
		tipid.appendChild(tipmid);
		tipid.appendChild(tipcap);
	}
	
	if (TipHeight >= WinHeight) {
		
		if (document.getElementById('uniTipP')) {
			tippointin.style.left = (TipWidth >= WinWidth ) ? "-" + elewidth + "px" : "0px";
			tippointin.style.top = "-" + PointHeight + "px";
		} else tippoint.style.backgroundPosition = (TipWidth >= WinWidth ) ? "right bottom" : "left bottom";
		
		if (document.getElementById('uniTipC')) tipcapin.style.top = "-" + CapHeight + "px";
		else tipcap.style.backgroundPosition = "0 -" + CapHeight + "px";
		
	} else {
		
		if (document.getElementById('uniTipP')) {
			tippointin.style.left = (TipWidth >= WinWidth ) ? "-" + elewidth + "px" : "0px";
			tippointin.style.top = "0px";
		} else tippoint.style.backgroundPosition = (TipWidth >= WinWidth ) ? "right top" : "left top";
		
		if (document.getElementById('uniTipC')) tipcapin.style.top = "0px";
		else tipcap.style.backgroundPosition = "0 0";
		
	}
}

// lastly, hide the tooltip
hide = function (a, sTitle) {
	if (document.getElementById("unitipmid")) {document.getElementById("unitipmid").innerHTML = "";}
	document.onmousemove = '';
	if (tipid){tipid.parentNode.removeChild(tipid);}	
	if (tipid){tipid.style.display = "none";}
	if (altText==false) a.setAttribute("title", sTitle);
	else a.setAttribute("alt", sTitle);
	altText=false;
}

hideSmall = function (a, sTitle) {
	document.getElementById("smallunitipmid").innerHTML = "";
	document.onmousemove = '';
	document.body.removeChild(tipid);
	tipid.style.display = "none";
	if (altText==false) a.setAttribute("title", sTitle);
	else a.setAttribute("alt", sTitle);
	altText=false;
}

// add the event to the page
if (window.addEventListener) window.addEventListener("load", init, false);
if (window.attachEvent) window.attachEvent("onload", init);


fadeIn = function(){
	// The drop shadow on the tip background appears solid black when fading in IE, so skip the fade in IE
	$("#unitippoint").css("visibility", "visible");
	$("#unitipmid").css("visibility", "visible");
	$("#unitipcap").css("visibility", "visible");
	if (BrowserDetect.browser != "Explorer"){
		$("#unitippoint").animate({opacity: 1.0}, fadeInTime);
		$("#unitipmid").animate({opacity: 1.0}, fadeInTime);	 
		$("#unitipcap").animate({opacity: 1.0}, fadeInTime);	 
	}
}

smallFadeIn = function(){
	// The drop shadow on the tip background appears solid black when fading in IE, so skip the fade in IE
	$("#smallunitippoint").css("visibility", "visible");
	$("#smallunitipmid").css("visibility", "visible");
	$("#smallunitipcap").css("visibility", "visible");	
	if (BrowserDetect.browser != "Explorer"){
		$("#smallunitippoint").animate({opacity: 1.0}, fadeInTime);
		$("#smallunitipmid").animate({opacity: 1.0}, fadeInTime);
		$("#smallunitipcap").animate({opacity: 1.0}, fadeInTime);
	}	   
}


// Disable/enable by hiding the stylesheet.
function hideDetailMouseOver(){
	var sheet = null;
	if (BrowserDetect.browser == "Explorer" && BrowserDetect.version < 7){
		sheet = document.styleSheets[4];
	} else {
		sheet = document.styleSheets[3];
	}

	if (document.getElementById("onOffTextTop") && document.getElementById("onOffTextBottom")){
		var textTop=document.getElementById("onOffTextTop");
		var textBottom=document.getElementById("onOffTextBottom");
		
		// Toggle stylesheet ON
		if (displayOn == false) {
			if (BrowserDetect.browser == "Explorer") {
				sheet.addRule("#unitippoint", "background: url(/images/TipPoint.png) no-repeat; height: 13px; overflow: hidden; display: block;", cssRulePosition)
				sheet.addRule("#unitipmid", "background: url(/images/TipMid.png) repeat; width: 220px;height: auto; padding-top: 0px;padding-left: 4px;padding-right: 25px;padding-bottom: 0px; display: block;", cssRulePosition + 1)
				sheet.addRule("#unitipcap", "background: url(/images/TipCap.png) no-repeat; height: 20px; overflow: hidden; display: block;", cssRulePosition + 2)
				cssRulePosition = cssRulePosition + 3;
				displayOn = true;
				textTop.innerHTML = "Turn off product detail mouse-over";
				textBottom.innerHTML = "Turn off product detail mouse-over";
			} else {
				// Code for all other browsers
				sheet.insertRule("#unitippoint {background: url(/images/TipPoint.png) no-repeat; height: 13px; overflow: hidden; display: block;}", cssRulePosition)
				sheet.insertRule("#unitipmid {background: url(/images/TipMid.png) repeat; width: 220px;height: auto; padding-top: 0px;padding-left: 4px;padding-right: 25px;padding-bottom: 0px; display: block;}", cssRulePosition + 1)
				sheet.insertRule("#unitipcap {background: url(/images/TipCap.png) no-repeat; height: 20px; overflow: hidden; display: block;}", cssRulePosition + 2)
				cssRulePosition = cssRulePosition + 3;
				displayOn = true;
				textTop.innerHTML = "Turn off product detail mouse-over";
				textBottom.innerHTML = "Turn off product detail mouse-over";
			}
			// Record the user's choice in a cookie
			$.cookie("mouseOverOption", 'visible', { expires: 365 });
		}
		// Toggle stylesheet OFF
		else {
			if (BrowserDetect.browser == "Explorer"){
				sheet.addRule("#unitippoint", "display: none;", cssRulePosition)
				sheet.addRule("#unitipmid", "display: none;", cssRulePosition + 1)
				sheet.addRule("#unitipcap", "display: none;", cssRulePosition + 2)
				cssRulePosition = cssRulePosition + 3;
				displayOn = false;
				textTop.innerHTML = "Turn on product detail mouse-over";
				textBottom.innerHTML = "Turn on product detail mouse-over";
			} else {
				// Code for all other browsers
				sheet.insertRule("#unitippoint {display: none;}", cssRulePosition)
				sheet.insertRule("#unitipmid {display: none;}", cssRulePosition + 1)
				sheet.insertRule("#unitipcap {display: none;}", cssRulePosition + 2)
				cssRulePosition = cssRulePosition + 3;
				displayOn = false;
				textTop.innerHTML = "Turn on product detail mouse-over";
				textBottom.innerHTML = "Turn on product detail mouse-over";
			}
			// Record the user's choice in a cookie
			$.cookie("mouseOverOption", 'hidden', { expires: 365 });
		}
	}
}

if ($.cookie("mouseOverOption") == "hidden"){
 $(document).ready(function(){
   hideDetailMouseOver();
 });
}