/**
@ program			: javascript ui framework;
@ auth				: thKim™ 
@ desc				: message - 
**/

$.message = function (msg, url, mode) {
	this.msg = msg;
	this.returl = url; 
	this.mode = mode; 
	this.div1 = "message1";
	this.div2 = "message2";
	this.alpha = 50; 
	this.width = null;
	this.height = null; 
	this.top = 0; 
};

$.message.prototype = {
	Init:function() {
		try {

			this.CreateDiv(this.div1); 
			this.CreateDiv(this.div2); 

			var cDiv1 = $("#"+this.div1); 
			var cDiv2 = $("#"+this.div2); 

			cDiv1.show(); 
			cDiv1.css("position", "absolute");
			cDiv1.css("background-color", "#000"); 
			cDiv1.css("filter", "alpha(opacity="+ this.alpha +"); opacity:"+ (this.alpha/100));
			cDiv1.css("KhtmlOpacity", (this.alpha/100)); 
			cDiv1.css("MozOpacity", (this.alpha/100)); 
			cDiv1.css("opacity", (this.alpha/100)); 
			cDiv1.css("zIndex", "999");

			cDiv2.show(); 
			cDiv2.css("position", "absolute"); 
			cDiv2.css("zIndex", "1000");
			
			cDiv2.html(this.Msg()); 
			this.setStatus();
		}
		catch (e) {
			$.Error(e); 
		}
		
	}, 

	Msg:function() {
		if (this.mode=="loading") {
			var divHTML = this.msg;
		} else if (this.mode=="none") {
			var divHTML = this.msg;
		} else if (this.mode=="studyroom") {
			var divHTML = "<div style='border:2px solid #000;'>"+this.msg+"</div>"; 
		} else {
			var padding = "0"; 
			if (this.mode=="message") {
				padding = "10px;";
			}

			var divHTML="";

			divHTML += "<div class='layer' id='layer-file' style='display:block;'> ";
			divHTML += "	<a href='javascript:void(0)' class='layer-close layer-close-btn' style=\"font-family:'맑은 고딕';\" onclick=\""+this.MakeLink()+"\"> X</a> ";
			divHTML += "	<div class='ld-tit' style=\"font-family:'맑은 고딕';margin-bottom:10px;\">"+this.title+"</div> ";
			divHTML += this.msg;
			divHTML += "</div> ";
			
		}
		return divHTML; 
	}, 

	setStatus:function() {

		var cDiv1 = $("#"+this.div1);
		var cDiv2 = $("#"+this.div2); 

		var width = document.body.clientWidth;
		if (width==0) width = document.documentElement.clientWidth;

		var height = document.body.clientHeight;
		if (height==0) height = document.documentElement.clientHeight;

		var sheight = document.body.scrollHeight;
		if (sheight==0) sheight = document.documentElement.scrollHeight;

		// if (!$.isIE()) { sheight+=110; }

		var t = document.body.scrollTop; 
		if(t==0){ t = document.documentElement.scrollTop; }
		
//		cDiv1.css("left", 0);
		cDiv1.css("top", 0);
		cDiv1.css("width", width);
		cDiv1.css("height", sheight); 


		if (this.mode=="loading") {
//			cDiv2.css("left", width/2 - 50/2);
			cDiv2.css("width", width); 
			cDiv2.css("top", t + (height/2 - 50/2)); 
		} else if (this.mode=="movie") {
			cDiv2.css("left", width/2 - this.width/2);
			cDiv2.css("top", t + (height/2 - this.height/2)); 
		} else if (this.mode=="board") {
			cDiv2.css("left", width/2 - this.width/2);
			cDiv2.css("top", 200); 
		} else if (this.mode=="fileupload2") {
			cDiv2.css("left", width/2 - this.width/2);
			cDiv2.css("top", t/2 + (height/2 - this.height)-100); 
		} else if (this.mode=="fileupload") {
			cDiv2.css("left", width/2 - this.width/2);
			cDiv2.css("top", event.clientY+t-80); 
		} else {
			cDiv2.css("left", width/2 - this.width/2);
			cDiv2.css("top", t/2 + (height/2 - this.height)); 
		}

		// cDiv2.css("zIndex", "100");
	}, 

	CreateDiv:function(divId) {
		if ($.Id(divId)==null) {
			this.cDiv = document.createElement("DIV"); 
			this.cDiv.id = divId;
			this.cDiv.position = "absolute"; 
			document.body.appendChild(this.cDiv); 
			$.Id(divId).outerHTML = "<div id='"+ divId +"' style='left:0;top:0;position:absolute;display:none;'></div>";
		}
	},
	GoLink:function() {
		alert(this.returl); 
	}, 

	MakeLink:function(){
		if (this.returl) {
			return this.returl; 
		} else {
			return " $('#message2').fadeOut(function(){$('#message2').remove();}); $('#message1').fadeOut(function(){$('#message1').remove();}); ";
		}
	},
	Close:function(){ 
		$('#message2').fadeOut(function(){$('#message2').remove();});
		$('#message1').fadeOut(function(){$('#message1').remove();});
	}

};