var ThinBox = {
	modals: [],
	remove: function() {
		this.modals[0].remove();
		return false;
	},
	resize: function(width,height) {
		this.modals[0].resize(width,height);
		return false;
	}
};
(function($){
	$.ux.behavior("ThinBox", {
		onclick: function() {
			this.showModal(this.element);
			return false;
		},
		showModal: function(element) {
			var self = this;
			var href = $(element).attr("href")||$(element).attr("alt");
			if (href.substr(0, 1) == "#") {
				var thinboxContent = $($(element).attr("href")).html();
				var inIframe = false;
			}
			else {
				var thinboxContent = $("<iframe height='100%' width='100%' frameborder='0' style='border:0'></iframe>");
				thinboxContent.attr("src", href);
				var inIframe = true;
			}
			
			var thinboxBG = $('<div></div>').attr('id',this.options.thinboxModalBG);
			var thinboxModalContent = $('<div></div>').attr('id',this.options.thinboxModalContent).addClass(this.options.thinboxModalContent);
			var thinboxModalContentBG = $('<div></div>').attr('id',this.options.thinboxModalContentBG);
			
			$(thinboxBG).css({
				'height': $(window).height(),
				'width': $(window).width(),
				'position': 'fixed',
				'display': 'none',
				'top': '0',
				'left': '0'
			}).appendTo('body');
			
			$(thinboxModalContentBG).css({
				'height': $(window).height(),
				'width': $(window).width(),
				'position': 'absolute',
				'top': '0',
				'left': '0',
				'background': this.options.thinboxModalContentBGColor,
				'opacity': '.'+this.options.thinboxModalContentBGOpacity,
				'filter': 'alpha(opacity='+this.options.thinboxModalContentBGOpacity+')',
				'zIndex': '999999'
			}).appendTo(thinboxBG);
			
			$(thinboxModalContent).css({
				'height': this.options.height,
				'width': this.options.width,
				'margin': this.options.margin,
				'top': this.options.top,
				'position': 'relative',
				'zIndex': '9999999'
			}).html(thinboxContent).appendTo(thinboxBG);
			
			if(inIframe) {
				$(thinboxModalContent).css({
					'overflow': 'hidden'
				});
			}
			
			if(this.options.clickClose) {
				$(thinboxBG).bind('click',function(event){
					self.remove(); 
				 });
			
				$(thinboxModalContent).bind('click',function(event){  
					if( event.stopPropagation ) { event.stopPropagation(); }
					else { event.cancelBubble = true; }
				});
			}
			
			if(this.options.fullHeight) {
				this.resizeHeight();
			}
			
			$('.jsThinboxClose').bind('click', function() {
				self.remove();
				return false;
			});
			
			$(window).bind('resize',function(){
				self.resizeBG();
				self.resizeBG(); /* Dirty hack for scrollbars */
				if(self.options.fullHeight) {
					self.resizeHeight();
				}
			});
			$(thinboxBG).show();
			return false;
		},
		remove: function() {
			$('#'+this.options.thinboxModalBG).remove();
			return false;
		},
		resizeBG: function() {
			$('#'+this.options.thinboxModalBG).css({
				'height':$(window).height(),
				'width': $(window).width()
			});
			$('#'+this.options.thinboxModalContentBG).css({
				'height':$(window).height(),
				'width': $(window).width()
			});
		},
		resizeHeight: function() {
			var height = parseInt($(window).height())-(parseInt(this.options.fullHeightPadding)*2);
			$('#'+this.options.thinboxModalContent).css({
				'height': height,
				'top': this.options.fullHeightPadding+'px'
			})
		},
		resize: function(width,height) {
			var newSizes = {
				'height': height+'px',
				'width': width+'px'
			};
			if(this.options.animateResize) {
				$('#'+this.options.thinboxModalContent).animate(newSizes);
			} else {
				$('#'+this.options.thinboxModalContent).css(newSizes);
			}
		}
	});
	
	//init thinbox
	$(document).ready(function(){
		ThinBox.modals = $("a[rel*='thinbox'],input.thinbox").attachAndReturn("ThinBox", {
			/* Default Settings */
			width: '417px',
			height: '250px',
			margin: '0 auto',
			top: '10%',
			clickClose: true,
			fullHeight: false,
			animateResize: true,
			fullHeightPadding: '30',
			thinboxModalBG: 'thinboxModalBG',
			thinboxModalContent: 'thinboxModalContent',
			thinboxModalContentBG: 'thinboxModalContentBG',
			thinboxModalContentBGColor: '#000',
			thinboxModalContentBGOpacity: '40'
		});
	});
})(jQuery);