function getElement(id) {
	return document.getElementById(id);
}
function createElement(type) {

	return document.createElement(type);
}
function removeElement(element) {
	try {
		if (element) {
			element.parentNode.removeChild(element);
		}
	}
	catch (e) {
	alert(e);
	}
}
function hideElement(element) {
	if (element) {
		element.style.display = "none";
	}
}

function hideElementV(element) {
	if (element) {
		element.style.visibility = "hidden";
		element.style.display = "";
	}
}

function showElement(element) {
	if (element) {
		element.style.display = "";
		element.style.visibility = "";
	}
}
function clearElement(element) {
	for (var i in element) {
		try {			
			element[i] = null;
		}
		catch (e) {
			continue;
		}
	}
}

function convertHTML(value) {
	if (!value) {
		return "";
	}
	return value.toString().split("&lt;").join("<").split("&gt;").join(">").split("&nbsp;").join(" ").split("&").join("&amp;").split("<").join("&lt;").split(">").join("&gt;").split(" ").join("&nbsp;");
}

function GetOffsetPos(element) {
	var flag = element.tagName.toUpperCase() == "INPUT" ? true : false;
	var posTop = 0, posLeft = 0;
	do {
		posTop += element.offsetTop || 0;
		posLeft += element.offsetLeft || 0;
		element = element.offsetParent;
	} while (element);
	if (navigator.appVersion.indexOf("MSIE 6.0") != -1 && flag) {
		posLeft++;
	}
	return [posLeft, posTop];
}

function getWindowSize() {
	var myWidth = 0, myHeight = 0;
	if( typeof( window.innerWidth ) == 'number' ) {
		//Non-IE
		myWidth = window.innerWidth;
		myHeight = window.innerHeight;
	} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		//IE 6+ in 'standards compliant mode'
		myWidth = document.documentElement.clientWidth;
		myHeight = document.documentElement.clientHeight;
	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		//IE 4 compatible
		myWidth = document.body.clientWidth;
		myHeight = document.body.clientHeight;
	}
	return([myWidth,myHeight]);
}   

function hideSelects(zIndexNow) {
	if (navigator.appVersion.indexOf("MSIE 6.0") != -1) {
		var selects = document.getElementsByTagName("select");
		var length = selects.length;
		for (var i = 0; i < length; i++) {
			if (selects[i].zIndexNow != zIndexNow && selects[i].style.visibility != "hidden") {
				selects[i].style.visibility = "hidden";
				selects[i].zIndexNow = zIndexNow;
			}
		}
	}
}

function showSelects(zIndexNow) {
	if (navigator.appVersion.indexOf("MSIE 6.0") != -1) {
		var selects = document.getElementsByTagName("select");
		var length = selects.length;
		for (var i = 0; i < length; i++) {
			if (selects[i].zIndexNow == zIndexNow) {
				selects[i].style.visibility = "";
				selects[i].zIndexNow = -1;
			}
		}
	}
}
var Mask = function () {
	this.zIndexNow = 100;
	this.maskDiv = null;
	this.indexArr = [];
	this.show = function () {
		this.zIndexNow += 10;
		if (this.indexArr.length == 0){
			var maskHeight = document.documentElement.scrollHeight > getWindowSize()[1] ? document.documentElement.scrollHeight : getWindowSize()[1];
			this.maskDiv = createElement("div");
			this.maskDiv.onclick = function () {
				var event = arguments[0] || window.event;
				event.cancelBubble = true;
			};
			this.maskDiv.className = "Dialogmask";
			this.maskDiv.style.width = "100%";			
			this.maskDiv.style.height = maskHeight + "px";
			document.body.appendChild(this.maskDiv);
		}
		this.maskDiv.style.zIndex = this.zIndexNow - 1;
		this.indexArr.push(this.zIndexNow - 1);
		hideSelects(this.zIndexNow);
	};
	this.clean = function () {
		showSelects(this.zIndexNow);
		this.indexArr.pop();
		if (this.indexArr.length > 0){
			this.maskDiv.style.zIndex = this.indexArr[this.indexArr.length - 1];
			this.zIndexNow = this.indexArr[this.indexArr.length - 1] + 1;
		}
		else {
			document.body.removeChild(this.maskDiv);
			this.zIndexNow = 100;
		}
	};
};

var DragAble = function (dragable,handler) {
	this.iDiffX = 0;
	this.iDiffY = 0;
	this.oDragable = dragable;
	this.oHandler = handler;
	
	this.mouseDown = function(){
		document.body.onselectstart = function () {return false;};
		document.body.style.userSelect = "none";
		document.body.style.MozUserSelect = "none";
		var object = arguments.callee.object;
		var event = arguments[0] || window.event;
		object.iDiffX = event.clientX - object.oDragable.offsetLeft;
		object.iDiffY = event.clientY - object.oDragable.offsetTop;
		document.body.onmousemove = object.mouseMove;
		document.body.onmouseup = object.mouseUp;
		object.oHandler.style.cursor = "move";
	};
	this.mouseDown.object = this;
	
	this.oHandler.onmousedown = this.mouseDown;
	
	this.mouseMove = function() {
		var object = arguments.callee.object;
		var event = arguments[0] || window.event;
		var wWidth = getWindowSize()[0];
		if ((event.clientX - object.iDiffX) >= 0 && (event.clientX - object.iDiffX + object.oDragable.clientWidth) <= wWidth - 20){
			object.oDragable.style.left = event.clientX - object.iDiffX + "px";
		}
		else {
			if ((event.clientX - object.iDiffX) < 0){
				object.oDragable.style.left = 0 + "px";
			}
			else {
				object.oDragable.style.left = wWidth - object.oDragable.clientWidth - 20 + "px";
			}
		}
		//obj.style.left = tempLeft + "px";
		if ((event.clientY - object.iDiffY) >= 0){
			object.oDragable.style.top = event.clientY - object.iDiffY + "px";
		}
		else {
			object.oDragable.style.top = 0 + "px";
		}
		
	};
	this.mouseMove.object = this;
	
	this.mouseUp = function() {
		var object = arguments.callee.object;
		document.body.onselectstart = "";
		document.body.style.userSelect = "";
		document.body.style.MozUserSelect = "";
		document.body.onmousemove = "";
		document.body.onmouseup = "";
		object.oHandler.style.cursor = "";
	};
	this.mouseUp.object = this;
};

var Popups = function (stringContainerId) {
	this.containerElement = getElement(stringContainerId);
	this.okText = "";
    this.celText = "";
	if(!getElement(stringContainerId))
	{
	    var obj = document.createElement("div"); 
		obj.id = stringContainerId;		
		document.body.appendChild(obj);	
		this.containerElement = obj;
	}
	this.containerElement.onclick = function (){
		var event = arguments[0] || window.event;
		event.cancelBubble = true;
	};
	this.bindElement = function (stringTagName, stringClassName, objectContainerElement, objectContainer) {
		var element = createElement(stringTagName);
		element.className = "Dialog" + stringClassName;
		if (objectContainerElement) {
			objectContainerElement.appendChild(element);
		}
		if (objectContainer){
			element.container = objectContainer;
		}
		return element;
	};
	this.initializeElement = function (stringTitleIconClassName, stringIconClassName, booleanButtons, functionCallback, isLoading,ceFunctionCallback) {
		if(!isLoading)
		{
			var container = this.bindElement("div", "popup");
			container.bindElement = this.bindElement;
			var shadow = this.bindElement("div", "shadow", container, container);
			var main = this.bindElement("div", "main", container, container);
			var head = this.bindElement("div", "head", main, container);
			container.head = head;
			var titleIcon = this.bindElement("div", stringTitleIconClassName, head, container);
			container.titleIcon = titleIcon;
			var tail = this.bindElement("div", "tail", head, container);
			var closeIcon = this.bindElement("div", "closeIcon", tail, container);
			closeIcon.backgroundElement = tail;
			closeIcon.onmouseover = function () {
				this.backgroundElement.className = "DialogtailH";
			};
			closeIcon.onmouseout = function () {
				this.backgroundElement.className = "Dialogtail";
			};
			closeIcon.onclick = function () {
				this.container.remove();
			};
			var body = this.bindElement("div", "body", main, container);
			container.body=body;
			var icon = this.bindElement("div", stringIconClassName, body, container);
			container.icon = icon;
			var element = this.bindElement("div", "element", body, container);
			var elementTable = createElement("table");
			elementTableTrTd = elementTable.insertRow(0).insertCell(0);
			elementTableTrTd.className = "DialogelementEntity";
			element.appendChild(elementTable);
			container.element = elementTableTrTd;
			var buttons = this.bindElement("div", "buttons", body, container);
			container.buttons = buttons;
			var buttonOk = this.bindElement("input", "button");
			buttonOk.type = "button";
			buttonOk.value = "确定";
			if(this.okText && this.okText!=""){
				buttonOk.value = this.okText;
			}	
			buttonOk.container = container;
			buttonOk.onclick = function () {
				if (this.container.input) {
					functionCallback(this.container.input.value);
					this.container.remove();
				}
				else {
					functionCallback(true);
					this.container.remove();
				}
			};
			container.buttonOk = buttonOk;
			buttons.appendChild(buttonOk);
			if (booleanButtons) {
				var buttonCancel = this.bindElement("input", "button");
				buttonCancel.type = "button";
				buttonCancel.value = "取消";
				if(this.celText && this.celText!=""){
					buttonCancel.value = this.celText;
				}	
				buttonCancel.container = container;
				if(!ceFunctionCallback)
				{
				    buttonCancel.onclick = function () {
					    this.container.remove();
				    };
				}
				else
				{
				    buttonCancel.onclick = function () {
				        ceFunctionCallback();
					    this.container.remove();
				    };
				}
				container.buttonCancel = buttonCancel;
				buttons.appendChild(buttonCancel);
			}
		}
		else
		{
			var container = this.bindElement("div", "loading");
		}
		this.containerElement.appendChild(container);
		hideElement(container);
		container.show = function () {
		    var objWidth,objHeight; 
		    if(!isLoading)
		    {
			    objWidth = 489;
			    objHeight = 192;
			}
			else
			{
			    objWidth = 220;
			    objHeight = 70;
			}
			this.style.left = (getWindowSize()[0] - objWidth) / 2 + document.documentElement.scrollLeft + "px";
			this.style.top = (getWindowSize()[1] - objHeight) / 2 + document.documentElement.scrollTop + "px";
			mask.show();
			this.style.zIndex = mask.zIndexNow;
			showElement(this);
			var dragAble;
			if(!isLoading)
			{
			    dragAble = new DragAble(this, this.head);
			    if (this.input) {
				    var setTimeoutFocus = function () {
					    arguments.callee.input.select();
				    };
				    setTimeoutFocus.input = this.input;
				    setTimeout(setTimeoutFocus, 1);
			    }
			    else {
				    this.buttonOk.focus();
			    }
			 }
			 else
			 {
			    dragAble = new DragAble(this, this);
			 }			
		};
		container.remove = function () {
			mask.clean();
			removeElement(this);
		};
		container.hide = function () {
			hideElement(this);
		};
		return container;
	};
	
	
	
	
	
		this.UserdefineElement = function (stringTitleIconClassName, stringIconClassName, booleanButtons, functionCallback, isLoading,ceFunctionCallback) {
		if(!isLoading)
		{
			var container = this.bindElement("div", "popup");
			container.bindElement = this.bindElement;
			var shadow = this.bindElement("div", "shadow", container, container);
			var main = this.bindElement("div", "main", container, container);
			var head = this.bindElement("div", "head", main, container);
			container.head = head;
			var titleIcon = this.bindElement("div", stringTitleIconClassName, head, container);
			container.titleIcon = titleIcon;
			var tail = this.bindElement("div", "tail", head, container);
			var closeIcon = this.bindElement("div", "closeIcon", tail, container);
			closeIcon.backgroundElement = tail;
			closeIcon.onmouseover = function () {
				this.backgroundElement.className = "DialogtailH";
			};
			closeIcon.onmouseout = function () {
				this.backgroundElement.className = "Dialogtail";
			};
			closeIcon.onclick = function () {
				this.container.remove();
			};
			var body = this.bindElement("div", "body", main, container);
			container.body=body;
			var icon = this.bindElement("div", stringIconClassName, body, container);
			container.icon = icon;
			var element = this.bindElement("div", "element", body, container);
			var elementTable = createElement("table");
			elementTableTrTd = elementTable.insertRow(0).insertCell(0);
			elementTableTrTd.className = "DialogelementEntity";
			element.appendChild(elementTable);
			container.element = elementTableTrTd;
			var buttons = this.bindElement("div", "buttons", body, container);
			container.buttons = buttons;
			var buttonOk = this.bindElement("input", "button");
			buttonOk.type = "button";
			buttonOk.style.width="160";
			buttonOk.value = "继续添加工作经历";
			if(this.okText && this.okText!=""){
				buttonOk.value = this.okText;
			}	
			buttonOk.container = container;
			buttonOk.onclick = function () {
				if (this.container.input) {
					functionCallback(this.container.input.value);
					this.container.remove();
				}
				else {
					functionCallback(true);
					this.container.remove();
				}
			};
			container.buttonOk = buttonOk;
			buttons.appendChild(buttonOk);
			if (booleanButtons) {
				var buttonCancel = this.bindElement("input", "button");
				buttonCancel.type = "button";
				buttonCancel.value = "添加教育经历";
				buttonCancel.style.width="160";
				if(this.celText && this.celText!=""){
					buttonCancel.value = this.celText;
				}	
				buttonCancel.container = container;
				if(!ceFunctionCallback)
				{
				    buttonCancel.onclick = function () {
					    this.container.remove();
				    };
				}
				else
				{
				    buttonCancel.onclick = function () {
				        ceFunctionCallback();
					    this.container.remove();
				    };
				}
				container.buttonCancel = buttonCancel;
				buttons.appendChild(buttonCancel);
			}
		}
		else
		{
			var container = this.bindElement("div", "loading");
		}
		this.containerElement.appendChild(container);
		hideElement(container);
		container.show = function () {
		    var objWidth,objHeight; 
		    if(!isLoading)
		    {
			    objWidth = 489;
			    objHeight = 192;
			}
			else
			{
			    objWidth = 220;
			    objHeight = 70;
			}
			this.style.left = (getWindowSize()[0] - objWidth) / 2 + document.documentElement.scrollLeft + "px";
			this.style.top = (getWindowSize()[1] - objHeight) / 2 + document.documentElement.scrollTop + "px";
			mask.show();
			this.style.zIndex = mask.zIndexNow;
			showElement(this);
			var dragAble;
			if(!isLoading)
			{
			    dragAble = new DragAble(this, this.head);
			    if (this.input) {
				    var setTimeoutFocus = function () {
					    arguments.callee.input.select();
				    };
				    setTimeoutFocus.input = this.input;
				    setTimeout(setTimeoutFocus, 1);
			    }
			    else {
				    this.buttonOk.focus();
			    }
			 }
			 else
			 {
			    dragAble = new DragAble(this, this);
			 }			
		};
		container.remove = function () {
			mask.clean();
			removeElement(this);
		};
		container.hide = function () {
			hideElement(this);
		};
		return container;
	};
	
	
	this.createPopup = function (stringType, stringNote, functionCallback,ceFunctionCallback) {
		switch (stringType) {
		    case "Loading":
		        var popup = this.initializeElement("","",false,new Function(),true);
		        return popup;
		        break;
			case "AlertError":
				var popup = this.initializeElement("titleAlert", "iconWarning", false, functionCallback);
				popup.element.innerHTML = '<div class="Dialogtitle">' + stringNote + '</div>';
				return popup;
				break;
			case "AlertSuccess":
				var popup = this.initializeElement("titleAlert", "iconSuccess", false, functionCallback);
				popup.element.innerHTML = '<div class="Dialogtitle">' + stringNote + '</div>';
				return popup;
				break;
			case "Confirm":
				var popup = this.initializeElement("titleConfirm", "iconEditing", true, functionCallback);
				var line = createElement("div");
				line.innerHTML = '<div class="Dialogtitle">' + stringNote + '<br /><div>';
				popup.element.appendChild(line);
				return popup;
				break;
			case "ConfirmCe":
				var popup = this.initializeElement("titleConfirm", "iconEditing", true, functionCallback,false,ceFunctionCallback);
				var line = createElement("div");
				line.innerHTML = '<div class="Dialogtitle1" align="left">' + stringNote + '<br /><div>';
				popup.element.appendChild(line);
				return popup;
				break;
		    case "ConfirmCeS":
				var popup = this.initializeElement("titleConfirm", "iconSuccess", true, functionCallback,false,ceFunctionCallback);
				var line = createElement("div");
				line.innerHTML = '<div class="Dialogtitle1" align="left">' + stringNote + '<br /><div>';
				popup.element.appendChild(line);
				return popup;
				break;
			case "Userdefine":
				var popup = this.UserdefineElement("titleConfirm", "iconEditing", true, functionCallback,false,ceFunctionCallback);
				var line = createElement("div");
				line.innerHTML = '<div class="Dialogtitle">' + stringNote + '<br /><div>';
				popup.element.appendChild(line);
				return popup;
				break;
			case "Prompt":
				var combination = stringNote;
				functionCallback.combination = combination;
				var popup = this.initializeElement("titlePrompt", "iconEditing", true, functionCallback);
				var line = createElement("div");
				var arrayNote = stringNote;
				line.innerHTML = '<div class="title">请输入<label>' + convertHTML(combination) + '</label>:<div>';
				var input = createElement("input");
				input.type = "text";
				input.className = "Dialoginput";
				popup.input = input;
				input.container = popup;
				input.onkeydown = function () {
					var event = arguments[0] || window.event;
					switch (event.keyCode) {
						case 13: //Enter
							this.container.buttonOk.click();
							break;
						case 27: //Escape
							this.container.remove();
							break;
						default:
							break;
					}
				};
				line.appendChild(input);
				popup.element.appendChild(line);
				return popup;
				break;
		}
	};
};