/*
 * jQuery UI Window @VERSION
 * Depends:
 *	ui.core.js
 *	ui.draggable.js
 *	ui.resizable.js
 
 	autoOpen: true,
		autoResize: true, 自动打开
		bgiframe: false,是否是背景可用，
		closeOnEscape: true,是否用ESC键关闭窗口
		draggable: true,　　是否可拖动
		height: 200,　高，
		modal: false,
		overlay: {}, 
		position: 'center',  初始化位置,center ,left, bottom,
		resizable: true,  可自动resize,
		minable: true,最小化可用
		maxable: true,　最大化可用
		title: '',　标题
		icon: 'css/icon/titleBar/icon_msn.gif',　　标题栏图标
		stack: true,
		width: 300,　　　宽
		zIndex: 1000,　　
		html: ""　　　插入的内容，可以用iframe显示调用其它页面
 */
(function($) {
var setDataSwitch = {
	dragStart: "start.draggable",
	drag: "drag.draggable",
	dragStop: "stop.draggable",
	maxHeight: "maxHeight.resizable",
	minHeight: "minHeight.resizable",
	maxWidth: "maxWidth.resizable",
	minWidth: "minWidth.resizable",
	resizeStart: "start.resizable",
	resize: "drag.resizable",
	resizeStop: "stop.resizable"
};
$.widget("ui.win", {
	_init: function() {
		var self = this,
		options = this.options,
		inithtml= this.element,
		//var thisid =Math.floor(Math.random()*10000,
											
		uiWin = (this.uiWin = $('<div/>'))
			//.attr('id', "win-ostaskbar")
			.addClass('ui-win')
			.css({
				position: 'absolute',
				width: options.width,
				height: options.height,
				overflow: 'hidden',
				zIndex: options.zIndex
			})
			.hide()
			.mousedown(function() {
					self._moveToTop();
			})
			.attr('tabIndex', -1).css('outline', 0).keydown(function(ev) {
				(options.closeOnEscape && ev.keyCode
					&& ev.keyCode == $.keyCode.ESCAPE && self.close());
			})
			.appendTo(document.body),
		//uiWinContent =(this.uiWinContent =(options.getType=='self'? this.element:$('<div/>')) )
		uiWinContent =(this.uiWinContent = $('<div/>'))
			.addClass('ui-win-content')
			//.append(options.html)
			.append(options.getType=='self'? inithtml[0].innerHTML:options.html)
			//.wrap('<div/>')
		 
			.prependTo(uiWin),
 		uiWinTitlebar = (this.uiWinTitlebar = $('<div/>'))
			.addClass('ui-win-titlebar')
			.dblclick(function(){
				if(options.maxable){
					self.maximize(); 
				}
				return false;
			})//,
			.append(self.actionBtn())/**/
			.prependTo(uiWin),
		uiWinTitlePane = (this.uiWinTitlePane = $('<div/>'))
				.addClass('icon')
				.css({background: 'url('+options.icon+') no-repeat'})
				.append(options.title!=''?options.title:'&nbsp;')
			.appendTo(uiWinTitlebar);/*,
		uiWinTaskBar =(this.uiWinTaskBar = $.ui.taskbar.creatBtn({title:options.title}))
			.click(function(){
				var uiWin =this.uiWin;
				var uiWinW = $(uiWin).width();
				var uiWinH = $(uiWin).height();
				var uiWinL = $(uiWin).offset.left;
				var uiWinT = $(uiWin).offset.top;
				if(!this._isOpen){
					self.open();
					self._size();
					self._moveToTop(true);
					$(uiWin).css({				
							width: uiWinH,
							height:uiWinW,
							top:uiWinT,
							left:uiWinL
					}); 
					this.minimzed=false
				}else{
					this.minimzed=true;
				}
			})
			.appendTo($('#ux-taskbuttons-panel'));
		
	*/
		//build button
		// alert(uiWin.html())
		if(options.minable){
			//$('.max', uiWinTitlebar).css(display:'none;')
		};
 		//bind the event
		this.uiWinTitlebarClose = $('.close', uiWinTitlebar)
			.click(function() {
				self.close();
				return false;
			});
		this.uiWinTitlebarMax = $('.max', uiWinTitlebar)
 			.click(function() {
				self.maximize(); 
				return false;
			});
		this.uiWinTitlebarMin = $('.min', uiWinTitlebar)
			.click(function() {
				self.minimize(); 
				return false;
			});
		uiWinTitlebar.find("*").add(uiWinTitlebar).each(function() {
			$.ui.disableSelection(this);
		});
		// setting tabIndex makes the div focusable
		// setting outline to 0 prevents a border on focus in Mozilla
		 
		(options.draggable && $.fn.draggable && this._makeDraggable());
		(options.resizable && $.fn.resizable && this._makeResizable());
		
		this._isOpen = false;
		(options.bgiframe && $.fn.bgiframe && uiDialog.bgiframe());
		(options.autoOpen && this.open());
	},
	
	close:function(){
		if (false === this._trigger('beforeclose', null, { options: this.options })) {
			return;
		}
		
		(this.overlay && this.overlay.destroy());
		this.uiWin
			.hide(this.options.hide)
			.unbind('keypress.ui-win');
		
		this._trigger('close', null, { options: this.options });
		$.ui.win.overlay.resize();
		this.uiWin.remove();
		//this.uiWinTaskBar.remove();
		this._isOpen = false;
	 
	},
	minimize:function(){
		var uiWin =this.uiWin;
		options = this.options;
		var f =this;
		var uiWinW = $(uiWin).width();
		var uiWinH = $(uiWin).height();
		var uiWinL = $(uiWin).offset.left;
		var uiWinT = $(uiWin).offset.top;
		//alert(uiWinW+":"+uiWinH);
 		uiWin
			.hide('slow')
			 
		$.ui.win.overlay.resize();
		this.minimzed =true;
		this._isOpen = false;
	},
	maximize:function(){
		var uiWin =this.uiWin;
		var f =this;
		if(this.maximized){
			$(uiWin).css({				
				width: this.sessionW,
				height:this.sessionH,
				top:this.sessionT,
				left:this.sessionL
			});
			this.maximized=false;
			 
			return;
		}
		var uiWinW = this.sessionW = $(uiWin).width();	
		var uiWinH = this.sessionH = $(uiWin).height();
		var uiWinL = this.sessionL = $(uiWin).offset.left;
		var uiWinT = this.sessionT = $(uiWin).offset.top;

		var uiPW = $.ui.win.overlay.width();
		var uiPH = $.ui.win.overlay.height();
		$(uiWin).css({				
				width: uiPW,
				height:uiPH,
				top:0,
				left:0
		});
		this._moveToTop(true);
		$.ui.win.overlay.resize();
		// alert('maximize'+uiWinL);
		this.maximized=true;
	},
	isOpen: function() {
		return this._isOpen;
	},
	actionBtn : function(){
		options =this.options;
		html="<ul class=\"navlist\">";
		if(options.minable){
			html += "<li class=\"min\"><a href=\"javascript:void(0)\">&nbsp;</a></li>";
		}
		if(options.maxable){
			html += "<li class=\"max\"><a href=\"javascript:void(0)\">&nbsp;</a></li>";
		}
		html += "<li class=\"close\"><a href=\"javascript:void(0)\">&nbsp;</a></li></ul>";
			//this.append(html)
		return html;
	},
	open: function() {
		if (this._isOpen) { return; }
		
		this.overlay = this.options.modal ? new $.ui.win.overlay(this) : null;
		(this.uiWin.next().length && this.uiWin.appendTo('body'));
		this._position(this.options.position);
		this.uiWin.show(this.options.show);
		(this.options.autoResize && this._size());
		this._moveToTop(true);
		
		// prevent tabbing out of modal dialogs
		(this.options.modal && this.uiWin.bind('keypress.ui-win', function(e) {
			if (e.keyCode != $.keyCode.TAB) {
				return;
			}
			
			var tabbables = $(':tabbable', this),
				first = tabbables.filter(':first')[0],
				last  = tabbables.filter(':last')[0];
			
			if (e.target == last && !e.shiftKey) {
				setTimeout(function() {
					first.focus();
				}, 1);
			} else if (e.target == first && e.shiftKey) {
				setTimeout(function() {
					last.focus();
				}, 1);
			}
		}));
		
		this.uiWin.find(':tabbable:first').focus();
		this._trigger('open', null, { options: this.options });
		this._isOpen = true;
	},
	_makeDraggable: function() {
		var self = this,
			options = this.options;
		
		this.uiWin.draggable({
			cancel: '.ui-win-content',
			helper: options.dragHelper,
			handle: '.ui-win-titlebar',
			start: function() {
				self._moveToTop();
				(options.dragStart && options.dragStart.apply(self.element[0], arguments));
			},
			drag: function() {
				(options.drag && options.drag.apply(self.element[0], arguments));
			},
			stop: function() {
				(options.dragStop && options.dragStop.apply(self.element[0], arguments));
				$.ui.win.overlay.resize();
			}
		});
	},
	_makeResizable: function(handles) {
		handles = (handles === undefined ? this.options.resizable : handles);
		var self = this,
			options = this.options,
			resizeHandles = typeof handles == 'string'
				? handles
				: 'n,e,s,w,se,sw,ne,nw';
		
		this.uiWin.resizable({
			cancel: '.ui-win-content',
			helper: options.resizeHelper,
			maxWidth: options.maxWidth,
			maxHeight: options.maxHeight,
			minWidth: options.minWidth,
			minHeight: options.minHeight,
			start: function() {
				(options.resizeStart && options.resizeStart.apply(self.element[0], arguments));
			},
			resize: function() {
				(options.autoResize && self._size.apply(self));
				(options.resize && options.resize.apply(self.element[0], arguments));
			},
			handles: resizeHandles,
			stop: function() {
				(options.autoResize && self._size.apply(self));
				(options.resizeStop && options.resizeStop.apply(self.element[0], arguments));
			 	$.ui.win.overlay.resize();
			}
		});
	},
	_moveToTop: function(force) {
		
		if ((this.options.modal && !force)
			|| (!this.options.stack && !this.options.modal)) {
			return this._trigger('focus', null, { options: this.options });
		}
		
		var maxZ = this.options.zIndex, options = this.options;
		$('.ui-win:visible').each(function() {
			maxZ = Math.max(maxZ, parseInt($(this).css('z-index'), 10) || options.zIndex);
		});
		(this.overlay && this.overlay.$el.css('z-index', ++maxZ));
		this.uiWin.css('z-index', ++maxZ);
		
		this._trigger('focus', null, { options: this.options });
	},
	_position: function(pos) {
		var wnd = $(window), doc = $(document),
			pTop = doc.scrollTop(), pLeft = doc.scrollLeft(),
			minTop = pTop;
		
		if ($.inArray(pos, ['center','top','right','bottom','left']) >= 0) {
			pos = [
				pos == 'right' || pos == 'left' ? pos : 'center',
				pos == 'top' || pos == 'bottom' ? pos : 'middle'
			];
		}
		if (pos.constructor != Array) {
			pos = ['center', 'middle'];
		}
		if (pos[0].constructor == Number) {
			pLeft += pos[0];
		} else {
			switch (pos[0]) {
				case 'left':
					pLeft += 0;
					break;
				case 'right':
					pLeft += wnd.width() - this.uiWin.width();
					break;
				default:
				case 'center':
					pLeft += (wnd.width() - this.uiWin.width()) / 2;
			}
		}
		if (pos[1].constructor == Number) {
			pTop += pos[1];
		} else {
			switch (pos[1]) {
				case 'top':
					pTop += 0;
					break;
				case 'bottom':
					pTop += wnd.height() - this.uiWin.height();
					break;
				default:
				case 'middle':
					pTop += (wnd.height() - this.uiWin.height()) / 2;
			}
		}
		
		// prevent the dialog from being too high (make sure the titlebar
		// is accessible)
		pTop = Math.max(pTop, minTop);
		this.uiWin.css({top: pTop, left: pLeft});
	},
	_setData: function(key, value){
		(setDataSwitch[key] && this.uiWin.data(setDataSwitch[key], value));
		switch (key) {
			case "buttons":
				this._createButtons(value);
				break;
			case "draggable":
				(value
					? this._makeDraggable()
					: this.uiWin.draggable('destroy'));
				break;
			case "height":
				this.uiWin.height(value);
				break;
			case "position":
				this._position(value);
				break;
			case "resizable":
				var uiWin = this.uiWin,
					isResizable = this.uiWin.is(':data(resizable)');
				
				// currently resizable, becoming non-resizable
				(isResizable && !value && uiWin.resizable('destroy'));
				
				// currently resizable, changing handles
				(isResizable && typeof value == 'string' &&
					uiWin.resizable('option', 'handles', value));
				
				// currently non-resizable, becoming resizable
				(isResizable || this._makeResizable(value));
				
				break;
			case "title":
				$(".ui-win-title", this.uiWinTitlebar).html(value || '&nbsp;');
				break;
			case "width":
				this.uiWin.width(value);
				break;
		}
		
		$.widget.prototype._setData.apply(this, arguments);
	},
	_size: function() {
		var container = this.uiWin,
			titlebar = this.uiWinTitlebar,
			content = this.element,
			tbMargin = (parseInt(content.css('margin-top'), 10) || 0)
				+ (parseInt(content.css('margin-bottom'), 10) || 0),
			lrMargin = (parseInt(content.css('margin-left'), 10) || 0)
				+ (parseInt(content.css('margin-right'), 10) || 0);
		content.height(container.height() - titlebar.outerHeight() - tbMargin);
		content.width(container.width() - lrMargin);
	},

	sethtml:function(html){
		var self = this;
		alert("sethtml")
		if(!html){
			self.uiWinContent.append(html);
		}
	}
});//end of ui.win
$.extend($.ui.win, {
	defaults: {
		autoOpen: true,
		autoResize: true,
		bgiframe: false,
		closeOnEscape: true,
		draggable: true,
		height: 200,
		minHeight: 100,
		minWidth: 150,
		modal: false,
		overlay: {},
		position: 'center',
		resizable: true,
		minable: true,
		maxable: true,
		title: '',
		icon: 'css/icon/titleBar/icon_msn.gif',
		stack: true,
		width: 300,
		zIndex: 1000,
		html: "",
		getType:'self'
	},
	overlay: function(dialog) {
		this.$el = $.ui.win.overlay.create(dialog);
	}
});
$.extend($.ui.win.overlay, {
	instances: [],
	events: $.map('focus,mousedown,mouseup,keydown,keypress,click'.split(','),
		function(e) { return e + '.win-overlay'; }).join(' '),
	create: function(win) {
		if (this.instances.length === 0) {
			// prevent use of anchors and inputs
			// we use a setTimeout in case the overlay is created from an
			// event that we're going to be cancelling (see #2804)
			setTimeout(function() {
				$('a, :input').bind($.ui.win.overlay.events, function() {
					// allow use of the element if inside a dialog and
					// - there are no modal wins
					// - there are modal wins, but we are in front of the topmost modal
					var allow = false;
					var $win = $(this).parents('.ui-win');
					if ($win.length) {
						var $overlays = $('.ui-win-overlay');
						if ($overlays.length) {
							var maxZ = parseInt($overlays.css('z-index'), 10);
							$overlays.each(function() {
								maxZ = Math.max(maxZ, parseInt($(this).css('z-index'), 10));
							});
							allow = parseInt($win.css('z-index'), 10) > maxZ;
						} else {
							allow = true;
						}
					}
					return allow;
				});
			}, 1);
			
			// allow closing by pressing the escape key
			$(document).bind('keydown.win-overlay', function(e) {
				(win.options.closeOnEscape && e.keyCode
						&& e.keyCode == $.keyCode.ESCAPE && win.close());
			});
			
			// handle window resize
			$(window).bind('resize.win-overlay', $.ui.win.overlay.resize);
		}
		
		var $el = $('<div/>').appendTo(document.body)
			.addClass('ui-win-overlay').css($.extend({
				borderWidth: 0, margin: 0, padding: 0,
				position: 'absolute', top: 0, left: 0,
				width: this.width(),
				height: this.height()
			}, win.options.overlay));
		
		(win.options.bgiframe && $.fn.bgiframe && $el.bgiframe());
		
		this.instances.push($el);
		return $el;
	},
	
	destroy: function($el) {
		this.instances.splice($.inArray(this.instances, $el), 1);
		
		if (this.instances.length === 0) {
			$('a, :input').add([document, window]).unbind('.win-overlay');
		}
		
		$el.remove();
	},
	
	height: function() {
		// handle IE 6
		if ($.browser.msie && $.browser.version < 7) {
			var scrollHeight = Math.max(
				document.documentElement.scrollHeight,
				document.body.scrollHeight
			);
			var offsetHeight = Math.max(
				document.documentElement.offsetHeight,
				document.body.offsetHeight
			);
			
			if (scrollHeight < offsetHeight) {
				return $(window).height() + 'px';
			} else {
				return scrollHeight + 'px';
			}
		// handle Opera
		} else if ($.browser.opera) {
			return Math.max(
				window.innerHeight,
				$(document).height()
			) + 'px';
		// handle "good" browsers
		} else {
			return $(document).height() + 'px';
		}
	},
	
	width: function() {
		// handle IE 6
		if ($.browser.msie && $.browser.version < 7) {
			var scrollWidth = Math.max(
				document.documentElement.scrollWidth,
				document.body.scrollWidth
			);
			var offsetWidth = Math.max(
				document.documentElement.offsetWidth,
				document.body.offsetWidth
			);
			
			if (scrollWidth < offsetWidth) {
				return $(window).width() + 'px';
			} else {
				return scrollWidth + 'px';
			}
		// handle Opera
		} else if ($.browser.opera) {
			return Math.max(
				window.innerWidth,
				$(document).width()
			) + 'px';
		// handle "good" browsers
		} else {
			return $(document).width() + 'px';
		}
	},
	
	resize: function() {
		/* If the win is draggable and the user drags it past the
		 * right edge of the window, the document becomes wider so we
		 * need to stretch the overlay. If the user then drags the
		 * win back to the left, the document will become narrower,
		 * so we need to shrink the overlay to the appropriate size.
		 * This is handled by shrinking the overlay before setting it
		 * to the full document size.
		 */
		var $overlays = $([]);
		$.each($.ui.win.overlay.instances, function() {
			$overlays = $overlays.add(this);
		});
		
		$overlays.css({
			width: 0,
			height: 0
		}).css({
			width: $.ui.win.overlay.width(),
			height: $.ui.win.overlay.height()
		});
	}
});

$.extend($.ui.win.overlay.prototype, {
	destroy: function() {
		$.ui.win.overlay.destroy(this.$el);
	}
});
})(jQuery);