/*
position
relative 면서 left, top 있는 경우 -> 해당 엘리먼트를 relative top/left로
relative 면서 left, top 없는 경우 -> css의 left, top 따름
absolute 면서 left, top 있는 경우 -> 문서 기준 left, top
absolute 면서 left, top 없는 경우 -> 가운데
*/
(function($) {
	$.setLayer = function(options){

		var options = (typeof arguments[0] != 'object') ? {} : arguments[0];
		options = {
			id: (typeof options.id == 'undefined') ? "_layerPopup" : options.id,
			left: (typeof options.left == 'undefined') ? -1 : options.left,
			top: (typeof options.top == 'undefined') ? -1 : options.top,
			opacity: (typeof options.opacity == 'undefined') ? .5 : options.opacity,
			position: (typeof options.position == 'undefined') ? "immune" : options.position,
			bgcolor: (typeof options.bgcolor == 'undefined') ? "white" : options.bgcolor,
			scroll: (typeof options.scroll == 'undefined') ? false : options.scroll,
			overlayId: (typeof options.overlayId == 'undefined') ? "_divOverlay" : options.overlayId,
			closeId: (typeof options.closeId == 'undefined') ? "closeButton" : options.closeId,
			ie6Height: (typeof options.ie6Height == 'undefined') ? 0 : options.ie6Height
		}

		$.setLayer.close = function(){
			if (options.opacity == 0) {
				$("#" + options.id).hide();
			} else {

				$("#" + options.id).hide();
				/*$("#" + options.overlayId).fadeOut(300, function() {
					$(this).remove();
				});*/
				$("#" + options.overlayId).remove();
			}

			if ($.browser.msie) {
				if(parseInt($.browser.version) == 6){
					$("select").show();

					$("div#tempHeight").remove();
				}
			}
		}

		var $sourceLayerOverlay = $("#" + options.overlayId);

		if ($sourceLayerOverlay.length == 1) {
			alert("error: 이미 opacity를 사용하여 생성된 레이어가 존재합니다.");
			return;
		}

		var $sourceLayer = $("#" + options.id) // 레이어의 id

		if ($sourceLayer.length == 0) {
			alert("지정된 id 속성을 가진 레이어가 존재하지 않습니다. : " + options.id);
			return;
		}

		var docWidth = $(document).width(); // 스크롤 여백을 포함 한 document의 넓이
		var docHeight = $(document).height(); // 스크롤 여백을 포함 한 document의 높이
		var bodyWidth = $("body").width(); // 스크롤 여백을 제외 한 document의 넓이
		var bodyHeight = $("body").height(); // 스크롤 여백을 제외 한 document의 높이

		var scrollWidth = 0;

		if ($.browser.msie) {
			scrollWidth = 20;
			if(parseInt($.browser.version) == 6){
				$("select").hide();

				var tempHeight = "";
				if($.setLayer.ie6Height == 0){
					tempHeight = "100%";
				}else{
					tempHeight = options.ie6Height + "px";
				}

				$("<div/>", {
					id:"tempHeight",
					css:{
						position:"absolute",
						left:"0px",
						top:"0px",
						width:"1px",
						height:tempHeight,
						zIndex:0
					}
				}).appendTo($("body"));

				if(options.ie6Height == 0){
					options.ie6Height = $("div#tempHeight").height();
					bodyHeight = $("div#tempHeight").height();
				}else{
					bodyHeight = options.ie6Height;
				}
			}
		}

		var docScrollTop = $(document).scrollTop();
		var layerWidth = $sourceLayer.width(); // 레이어의 넓이
		var layerHeight = $sourceLayer.height(); // 레이어의 높이

		var positionLeft, positionTop;
		// left 위치 지정 하지 않으면 가로 센터 정렬
		if (options.left == -1) {
			positionLeft = (docWidth - layerWidth) / 2 // 가로 가운데 정렬
		} else {
			positionLeft = options.left;
		}

		// top 위치 지정 하지 않으면 세로 센터 정렬
		if (options.top == -1) {
			/*if(docScrollTop == 0){
				positionTop = ((bodyHeight - layerHeight) / 2);		// 세로 가운데 정렬
			}else{*/
				positionTop = ((document.documentElement.clientHeight - layerHeight) / 2) + docScrollTop;
				//alert(document.documentElement.clientHeight);
			//}
		} else {
			positionTop = options.top;
		}

		var $sourceLayerClone = $sourceLayer.clone();
		$sourceLayer.remove();

		$sourceLayerClone.css({
			position: "absolute",
			left: positionLeft + "px",
			top: positionTop + "px",
			zIndex: 10000
		}).appendTo($("body")).show();

		// 닫기버튼에 이벤트
		//alert(options.id);
		//alert(options.closeId);
		//alert("#" + options.id + " #" + options.closeId);
		//alert($("#" + options.id + " #" + options.closeId).length)
		$("#" + options.id + " #" + options.closeId).click(function(e){
			e.preventDefault();
			$.setLayer.close();
		}).mouseover(function(){
			$(this).css("cursor", "hand");
		});

		// 스크롤 높이에 따라 세로 가운데 정렬
		if (options.scroll) {
			if ($.browser.msie) {
				if(parseInt($.browser.version) == 6){
					$(window).scroll(function(e) {
							$("#" + options.id).css({
							top: (((bodyHeight - layerHeight) / 2) + docScrollTop) + "px"
						});
					});
				}else{
					$("#" + options.id).css("position","fixed");
				}
			}else{
				$("#" + options.id).css("position","fixed");
			}
		}

		// opacity 값을 셋팅 했을때만 오버레이 레이어 생성
		if (options.opacity > 0) {
			$("<div/>", {
				id: options.overlayId,
				css: {
					position: "absolute",
					left: 0,
					top: 0,
					width: docWidth + "px",
					height: docHeight + "px",
					backgroundColor: options.bgcolor,
					display: "none",
					opacity: options.opacity,
					zIndex: 9999
				}
			}).appendTo($("body")).show();//.fadeIn(300);
		}

	}
})(jQuery);