// These utils require Yahoo UI Library v2.5.0 (yahoo-dom-event-animation)

function $(id) {return document.getElementById(id)}

var mUtils = {};


// Static methods

mUtils.ui = {

	watermark : function(el, strMessage, color)
	{
		if(!color) color = "#d5d5d5";
		YAHOO.util.Event.removeListener(el, "blur");
		YAHOO.util.Event.removeListener(el, "focus");
		YAHOO.util.Event.on(el, "blur", function() {
			mUtils.ui.watermark(el, strMessage, color);
		});
		YAHOO.util.Event.on(el, "focus", function() {
			if (el.value == strMessage) {
				el.value = "";
				el.style.color = "#444";
			}	
		});
		if (el.value == "" || el.value == strMessage) {
			el.style.color = color;
			el.value = strMessage;
		}
	},
	
	isIE : function()
	{
		if (navigator.userAgent.indexOf("MSIE") != -1) return true;
		else return false;
	},
	
	isIE6 : function()
	{
		if (navigator.userAgent.indexOf('MSIE 6.') != -1) return true;
		else return false;
	},
	
	highlighter : function(elFormContainer, color, focus)
	{
		if (elFormContainer == null) return;
		var textInputs = this.getTextInputs(elFormContainer);
		if (textInputs.length != 0) {
			for (var i = 0; i < textInputs.length; i++)
			{
				YAHOO.util.Event.on(textInputs[i], "focus" ,function() {
					this.style.backgroundColor = color;
				});
				YAHOO.util.Event.on(textInputs[i], "blur" ,function() {
					this.style.backgroundColor = "";
				});
			}
		}
		if (focus) textInputs[0].focus();
	},
	
	getTextInputs : function(elFormContainer)
	{
		var textInputs = new Array();
		var inputs = elFormContainer.getElementsByTagName("input");
		var textareas = elFormContainer.getElementsByTagName("textarea");
		for (var i = 0; i < inputs.length; i++)
		{
			if ((inputs[i].type == "text" || inputs[i].type == "file" || inputs[i].type == "password") && !(inputs[i].disabled)) {
				textInputs.push(inputs[i]);
			}
		}
		for (i = 0; i < textareas.length; i++) {
			textInputs.push(textareas[i]);
		}
		return textInputs;
	},
	
	hovermenu : function(elNavList)
	{
		var navItems = elNavList.getElementsByTagName("li");
		for (var i = 0; i < navItems.length; i++)
		{
			YAHOO.util.Event.on(navItems[i], "mouseover", function() {
				this.className = this.className + " hover"
			});
			YAHOO.util.Event.on(navItems[i], "mouseout", function() {
				this.className = this.className.replace(/hover/,"")
			});
		}
	}
}


//Hoverlist

mUtils.hoverlist = function(elList) {
	this.list = elList;
}

mUtils.hoverlist.prototype = {

	init : function()
	{
		this.listItems = YAHOO.util.Dom.getElementsByClassName("hoverItem", "li", this.list);
		this.listContent = this.list.getElementsByTagName("div");
		
		for(var i = 0; i < this.listItems.length; i++)
		{
			YAHOO.util.Event.on(this.listItems[i], "mouseover", this.reveal, new Array(this, i));
			
			if (mUtils.ui.isIE())
			{
				YAHOO.util.Event.on(this.listItems[i], "mouseleave", this.hide, new Array(this, i));
			}
			else
			{
				YAHOO.util.Event.on(this.listItems[i], "mouseout", this.hide, new Array(this, i));
			}
		}
	},

	reveal : function(ev, args)
	{
		var obj = args[0];
		var i = args[1];

		var currentDiv = obj.listContent[i];

		YAHOO.util.Event.on(this, "mousemove", function(ev) {

			var mousePos = obj.getMousePosition(ev);
			var mouseX = mousePos[0];
			var mouseY = mousePos[1];

			var vWidth = YAHOO.util.Dom.getViewportWidth();
			var vHeight = YAHOO.util.Dom.getViewportHeight();

			//Make sure the popup doesn't slide off
			//right edge by fixing its position
			if (mouseX > (vWidth - 396)) currentDiv.style.left = (vWidth - 376) + "px";
			else currentDiv.style.left = mouseX + 20 + "px";

			//...or off bottom edge, this time by
			//moving it above the mouse for last two items
			if ((obj.listItems.length > 4) && (i > (obj.listItems.length - 3)))
				currentDiv.style.bottom = (vHeight - mouseY) + 5 + "px";
			else currentDiv.style.top = mouseY + 20 + "px";

			obj.listItems[i].className = "contentVisible";

		});
	},

	hide : function(ev, args)
	{
		var obj = args[0];
		var i = args[1];
		
		obj.listItems[i].className = "";
		
		YAHOO.util.Event.removeListener(this, "mousemove");
	},
	
	getMousePosition : function(ev)
	{
		var mouseX = ev.pageX;
		var mouseY = ev.pageY;
		
		if (mUtils.ui.isIE())
		{
			mouseX = ev.clientX + YAHOO.util.Dom.getDocumentScrollLeft();
			mouseY = ev.clientY + YAHOO.util.Dom.getDocumentScrollTop();
		}
		return new Array(mouseX, mouseY);
	}
}


//Lightbox

mUtils.lightbox = function(elContainer, getTagsByClass) {
	if (getTagsByClass)
	{
		this.items = new Array();
		var links = YAHOO.util.Dom.getElementsByClassName("galleryItem", "a", elContainer);
		for (var i=0; i<links.length; i++)
		{
			if (links[i].href.indexOf("blank.gif") == -1)
			{
				this.items.push(links[i]);
			}
			else
			{
				links[i].href = "javascript:void(0);";
				links[i].style.cursor = "default";
			}
		}
	}
	else this.items = elContainer.getElementsByTagName("a");
}

mUtils.lightbox.prototype = {

	init : function()
	{
		for (i=0; i<this.items.length; i++)
		{
			YAHOO.util.Event.on(this.items[i], "click", this.initImage, new Array(this, i));
		}
	},
	
	initImage : function(ev, args)
	{
		this.blur();
		YAHOO.util.Event.preventDefault(ev);
		
		var obj = args[0];
		obj.createLightbox();
		obj.loadImage(args[1], false);
	},
	
	loadImage : function(intItemNumber, imageLoaded)
	{
		if(imageLoaded)
		{
			this.clearImage(intItemNumber, this);
			return;
		}
		
		this.infobar.style.display = "none";
		YAHOO.util.Event.on(this.image, "load", this.animStart, this, true);
		this.image.src = this.items[intItemNumber].href;

		this.viewer.className = "gallery-viewer gallery-loading";
		this.currentItem = intItemNumber;
		
		var nextItemNumber = this.currentItem + 1;
		if (nextItemNumber == this.items.length) nextItemNumber = 0;
		this.imagePreload.src = this.items[nextItemNumber].href;
	},
	
	clearImage : function(intItemNumber, obj)
	{
		var animImageFadeOut = new YAHOO.util.Anim(this.image, {opacity:{to:0}}, 0.4, YAHOO.util.Easing.easeOut);
		animImageFadeOut.onComplete.subscribe(function() {
			obj.handleClearedImage(intItemNumber);
		});
		
		this.order.innerHTML = "";
		this.caption.innerHTML = "&nbsp;";
		var infobarSlideOut = new YAHOO.util.Anim(this.infobar, {top:{to:this.totalImageHeight - 60}}, 0.5, YAHOO.util.Easing.easeOut);
		
		infobarSlideOut.animate();
		animImageFadeOut.animate();
	},

	handleClearedImage : function(intItemNumber)
	{
		this.loadImage(intItemNumber, false);
	},

	animStart : function()
	{
		this.viewer.className = "gallery-viewer";

		this.totalImageWidth = this.image.width
				+ parseInt(YAHOO.util.Dom.getStyle(this.image, "border-left-width"))
				+ parseInt(YAHOO.util.Dom.getStyle(this.image, "border-right-width"));
		
		this.totalImageHeight = this.image.height
				+ parseInt(YAHOO.util.Dom.getStyle(this.image, "border-top-width"))
				+ parseInt(YAHOO.util.Dom.getStyle(this.image, "border-bottom-width"));
						
		var animWidth = new YAHOO.util.Anim(this.viewer, {width:{to: this.totalImageWidth}}, 0.7, YAHOO.util.Easing.easeBothStrong);
		var animHeight = new YAHOO.util.Anim(this.viewer, {height:{to: this.totalImageHeight}}, 0.7, YAHOO.util.Easing.easeBothStrong);
		animHeight.onComplete.subscribe(this.handleContainerReady, this, true);

		animWidth.animate();
		animHeight.animate();
	},

	handleContainerReady : function()
	{
		YAHOO.util.Event.removeListener(this.image, "load");
		
		var animImageFadeIn = new YAHOO.util.Anim(this.image, {opacity:{to:1}}, 0.4, YAHOO.util.Easing.easeOut);
		animImageFadeIn.onComplete.subscribe(this.showInfoBar, this, true);
		animImageFadeIn.animate();
	},

	showInfoBar : function()
	{	
		this.order.innerHTML = "Image " + (this.currentItem + 1) + " of " + this.items.length;
		
		if (this.items[this.currentItem].title) {
			this.caption.innerHTML = this.items[this.currentItem].title;
		} else {
			this.caption.innerHTML = "&nbsp;";
		}
		
		this.infobar.style.display = "block";
		this.infobar.style.top = this.totalImageHeight - 60 + "px";
		this.infobar.style.width = this.totalImageWidth
				- parseInt(YAHOO.util.Dom.getStyle(this.infobar, "padding-left"))
				- parseInt(YAHOO.util.Dom.getStyle(this.infobar, "padding-right"))
				+ "px";
		
		var infobarSlideIn = new YAHOO.util.Anim(this.infobar, {top:{to:this.totalImageHeight}}, 0.5, YAHOO.util.Easing.easeOut);
		infobarSlideIn.animate();
	},
	
	loadPrevImage : function()
	{
		var newItemNumber = this.currentItem - 1;
		if (newItemNumber == -1) newItemNumber = this.items.length - 1;
		this.loadImage(newItemNumber, true);
	},

	loadNextImage : function()
	{
		var newItemNumber = this.currentItem + 1;
		if (newItemNumber == this.items.length) newItemNumber = 0;
		this.loadImage(newItemNumber, true);
	},

	createLightbox : function()
	{
		this.mask = document.createElement("div");
		this.mask.className = "gallery-mask";
		
		if (document.body.offsetHeight >= YAHOO.util.Dom.getViewportHeight()) {
    		this.mask.style.height = document.body.offsetHeight + 20 + "px";
		} else {
			this.mask.style.height = YAHOO.util.Dom.getViewportHeight() + "px";
		}

		this.order = document.createElement("span");
		this.caption = document.createElement("strong");
		this.caption.className = "gallery-caption";
		
		this.infobar = document.createElement("div");
		this.infobar.className = "gallery-infobar";

		this.imagePreload = document.createElement("img");
		this.imagePreload.className = "gallery-image-preload";
		
		this.image = document.createElement("img");
		this.image.className = "gallery-image";
		
		this.btnClose = document.createElement("button");
		this.btnClose.innerHTML = "Close";
		
		this.btnCloseWrapper = document.createElement("div");
		this.btnCloseWrapper.className = "gallery-close-wrapper";
		this.btnCloseWrapper.style.top = YAHOO.util.Dom.getDocumentScrollTop() + 20 + "px";
		this.btnCloseWrapper.appendChild(this.btnClose);
		
		this.viewer = document.createElement("div");
		this.viewer.className = "gallery-viewer";
		this.viewer.appendChild(this.imagePreload);
		this.viewer.appendChild(this.image);
		this.viewer.appendChild(this.infobar);
		
		this.spaceBar = new YAHOO.util.KeyListener(document, {keys:32}, {fn:this.destroyLightbox, scope:this, correctScope:true});
		this.spaceBar.enable();
		
		if (this.items.length > 1)
		{
			this.infobar.appendChild(this.order);
			
			this.btnPrev = document.createElement("a");
			this.btnPrev.className = "gallery-prev";
			YAHOO.util.Event.on(this.btnPrev, "click", this.loadPrevImage, this, true);
			
			this.btnNext = document.createElement("a");
			this.btnNext.className = "gallery-next";
			YAHOO.util.Event.on(this.btnNext, "click", this.loadNextImage, this, true);
			
			this.viewer.appendChild(this.btnPrev);
			this.viewer.appendChild(this.btnNext);
			
			this.spaceBar.disable();
			this.spaceBar = new YAHOO.util.KeyListener(document, {keys:32}, {fn:this.loadNextImage, scope:this, correctScope:true});
			this.spaceBar.enable();
			
			this.fwArrow = new YAHOO.util.KeyListener(document, {keys:39}, {fn:this.loadNextImage, scope:this, correctScope:true});
			this.fwArrow.enable();
			
			this.bkArrow = new YAHOO.util.KeyListener(document, {keys:37}, {fn:this.loadPrevImage, scope:this, correctScope:true});
			this.bkArrow.enable();
		}
		
		this.infobar.appendChild(this.caption);
		this.overlay = document.createElement("div");
		this.overlay.className = "gallery-overlay";
		this.overlay.appendChild(this.viewer);
		this.overlay.style.top = YAHOO.util.Dom.getDocumentScrollTop() + 60 + "px";

		YAHOO.util.Event.on(this.btnClose, "click", this.destroyLightbox, this, true);
		YAHOO.util.Event.on(this.mask, "click", this.destroyLightbox, this, true);
		YAHOO.util.Event.on(this.overlay, "click", this.handleOverlayClick, this, true);
		
		this.escKeyClose = new YAHOO.util.KeyListener(document, {keys:27}, {fn:this.destroyLightbox, scope:this, correctScope:true});
		this.escKeyClose.enable();

		document.body.appendChild(this.mask);
		document.body.appendChild(this.overlay);
		document.body.appendChild(this.btnCloseWrapper);
		return;
	},

	handleOverlayClick : function(ev)
	{
		var origin = YAHOO.util.Event.getTarget(ev, false);
		if (origin == this.overlay)
		{
			this.destroyLightbox();
		}
	},

	destroyLightbox : function()
	{
		YAHOO.util.Event.removeListener(this.btnClose, "click");
		YAHOO.util.Event.removeListener(this.mask, "click");
		YAHOO.util.Event.removeListener(this.overlay, "click");
		
		this.escKeyClose.disable();
		this.spaceBar.disable();
		if (this.fwArrow) this.fwArrow.disable();
		if (this.bkArrow) this.bkArrow.disable();
		
		document.body.removeChild(this.btnCloseWrapper);
		
		var overlayFadeOut = new YAHOO.util.Anim(this.overlay, {opacity:{to:0}}, 0.4, YAHOO.util.Easing.easeOut);
		overlayFadeOut.onComplete.subscribe(this.maskFadeOut, this, true);
		overlayFadeOut.animate();
	},

	maskFadeOut : function()
	{	
		var maskFadeOut = new YAHOO.util.Anim(this.mask, {opacity:{to:0}}, 0.4, YAHOO.util.Easing.easeOut);
		maskFadeOut.onComplete.subscribe(this.removeElementsFromDOM, this, true);
		maskFadeOut.animate();
	},

	removeElementsFromDOM : function()
	{
		document.body.removeChild(this.mask);
		document.body.removeChild(this.overlay);
	}
}