/*
	Copyright (c) 2004-2007, The Dojo Foundation
	All Rights Reserved.

	Licensed under the Academic Free License version 2.1 or above OR the
	modified BSD license. For more information on Dojo licensing, see:

		http://dojotoolkit.org/book/dojo-book-0-9/introduction/licensing
*/



if (!dojo._hasResource["dojox.image.Lightbox"]) {
	dojo._hasResource["dojox.image.Lightbox"] = true;
	dojo.provide("dojox.image.Lightbox");
	dojo.experimental("dojox.image.Lightbox");
	dojo.require("dijit.Dialog");
	dojo.require("dojox.fx");
	dojo.declare("dojox.image.Lightbox", dijit._Widget, {group:"", title:"", href:"", duration:500, _allowPassthru:false, _attachedDialog:null, startup:function () {
		this.inherited("startup", arguments);
		var tmp = dijit.byId("dojoxLightboxDialog");
		if (tmp) {
			this._attachedDialog = tmp;
		} else {
			this._attachedDialog = new dojox.image._LightboxDialog({id:"dojoxLightboxDialog"});
			this._attachedDialog.startup();
		}
		if (!this.store) {
			this._addSelf();
			this.connect(this.domNode, "onclick", "_handleClick");
		}
	}, _addSelf:function () {
		this._attachedDialog.addImage({href:this.href, title:this.title}, this.group || null);
	}, _handleClick:function (e) {
		if (!this._allowPassthru) {
			e.preventDefault();
		} else {
			return;
		}
		this.show();
	}, show:function () {
		this._attachedDialog.show(this);
	}, disable:function () {
		this._allowPassthru = true;
	}, enable:function () {
		this._allowPassthru = false;
	}});
	dojo.declare("dojox.image._LightboxDialog", dijit.Dialog, {title:"", inGroup:null, imgUrl:"", _groups:{XnoGroupX:[]}, _imageReady:false, templateString:"<div class=\"dojoxLightbox\" dojoAttachPoint=\"containerNode\">\r\n\t<div style=\"position:relative\">\r\n\t\t<div dojoAttachPoint=\"imageContainer\" class=\"dojoxLightboxContainer\">\r\n\t\t\t<img dojoAttachPoint=\"imgNode\" src=\"${imgUrl}\" class=\"dojoxLightboxImage\" alt=\"${title}\">\r\n\t\t\t<div class=\"dojoxLightboxFooter\" dojoAttachPoint=\"titleNode\">\r\n\t\t\t\t<div class=\"dijitInline LightboxClose\" dojoAttachPoint=\"closeNode\"></div>\r\n\t\t\t\t<div class=\"dijitInline LightboxNext\" dojoAttachPoint=\"nextNode\"></div>\t\r\n\t\t\t\t<div class=\"dijitInline LightboxPrev\" dojoAttachPoint=\"prevNode\"></div>\r\n\r\n\t\t\t\t<div class=\"dojoxLightboxText\"><span dojoAttachPoint=\"textNode\">${title}</span><span dojoAttachPoint=\"groupCount\" class=\"dojoxLightboxGroupText\"></span></div>\r\n\t\t\t</div>\r\n\t\t</div>\t\r\n\t\t\r\n\t</div>\r\n</div>\r\n", startup:function () {
		this.inherited("startup", arguments);
		dojo.connect(document.documentElement, "onkeypress", this, "_handleKey");
		this.connect(window, "onresize", "_position");
		this.connect(this.nextNode, "onclick", "_nextImage");
		this.connect(this.prevNode, "onclick", "_prevImage");
		this.connect(this.closeNode, "onclick", "hide");
	}, show:function (groupData) {
		dojo.style(this.imgNode, "opacity", "0");
		dojo.style(this.titleNode, "opacity", "0");
		if (!this.open) {
			this.inherited("show", arguments);
		}
		this._imageReady = false;
		this.imgNode.src = groupData.href;
		if ((groupData.group && !(groupData == "XnoGroupX")) || this.inGroup) {
			if (!this.inGroup) {
				this.inGroup = this._groups[(groupData.group)];
				var i = 0;
				dojo.forEach(this.inGroup, function (g) {
					if (g.href == groupData.href) {
						this._positionIndex = i;
					}
					i++;
				}, this);
			}
			if (!this._positionIndex) {
				this._positionIndex = 0;
				this.imgNode.src = this.inGroup[this._positionIndex].href;
			}
			this.groupCount.innerHTML = " (" + (this._positionIndex + 1) + " of " + this.inGroup.length + ")";
			this.prevNode.style.visibility = "visible";
			this.nextNode.style.visibility = "visible";
		} else {
			this.groupCount.innerHTML = "";
			this.prevNode.style.visibility = "hidden";
			this.nextNode.style.visibility = "hidden";
		}
		this.textNode.innerHTML = groupData.title;
		if (!this._imageReady || this.imgNode.complete === true) {
			this._imgConnect = dojo.connect(this.imgNode, "onload", this, function () {
				this._imageReady = true;
				this.resizeTo({w:this.imgNode.width, h:this.imgNode.height, duration:this.duration});
				dojo.disconnect(this._imgConnect);
			});
			if (dojo.isIE) {
				this.imgNode.src = this.imgNode.src;
			}
		} else {
			this.resizeTo({w:this.imgNode.width, h:this.imgNode.height, duration:1});
		}
	}, _nextImage:function () {
		if (this._positionIndex + 1 < this.inGroup.length) {
			this._positionIndex++;
		} else {
			this._positionIndex = 0;
		}
		this._loadImage();
	}, _prevImage:function () {
		if (this._positionIndex == 0) {
			this._positionIndex = this.inGroup.length - 1;
		} else {
			this._positionIndex--;
		}
		this._loadImage();
	}, _loadImage:function () {
		var _loading = dojo.fx.combine([dojo.fadeOut({node:this.imgNode, duration:(this.duration / 2)}), dojo.fadeOut({node:this.titleNode, duration:(this.duration / 2)})]);
		this.connect(_loading, "onEnd", "_prepNodes");
		_loading.play(10);
	}, _prepNodes:function () {
		this._imageReady = false;
		this.show({href:this.inGroup[this._positionIndex].href, title:this.inGroup[this._positionIndex].title});
	}, resizeTo:function (size) {
		var _sizeAnim = dojox.fx.sizeTo({node:this.containerNode, duration:size.duration || this.duration, width:size.w, height:size.h + 30});
		this.connect(_sizeAnim, "onEnd", "_showImage");
		_sizeAnim.play(this.duration);
	}, _showImage:function () {
		dojo.fadeIn({node:this.imgNode, duration:this.duration, onEnd:dojo.hitch(this, "_showNav")}).play(75);
	}, _showNav:function () {
		dojo.fadeIn({node:this.titleNode, duration:200}).play(25);
	}, hide:function () {
		dojo.fadeOut({node:this.titleNode, duration:200}).play(25);
		this.inherited("hide", arguments);
		this.inGroup = null;
		this._positionIndex = null;
	}, addImage:function (child, group) {
		var g = group;
		if (!child.href) {
			return;
		}
		if (g) {
			if (this._groups[(g)]) {
				this._groups[(g)].push(child);
			} else {
				this._groups[(g)] = [(child)];
			}
		} else {
			this._groups["XnoGroupX"].push(child);
		}
	}, _handleKey:function (e) {
		if (!this.open) {
			return;
		}
		var key = (e.charCode == dojo.keys.SPACE ? dojo.keys.SPACE : e.keyCode);
		switch (key) {
		  case dojo.keys.ESCAPE:
			this.hide();
			break;
		  case dojo.keys.DOWN_ARROW:
		  case dojo.keys.RIGHT_ARROW:
		  case 78:
			this._nextImage();
			break;
		  case dojo.keys.UP_ARROW:
		  case dojo.keys.LEFT_ARROW:
		  case 80:
			this._prevImage();
			break;
		}
	}});
}