/********************************************************************
Vricks Republic Publishing S&A
Author : Kim. Bo-Young
Beginning : 2009-10-16
Final : 2009-11-17
*********************************************************************/

//flash height
function gnbFlashOver(pxHeight) {
	$("#gnb").css("height", pxHeight);
	$("#gnb").css("zIndex", 10);
}
function gnbFlashOut(pxHeight) {
	$("#gnb").css("height", pxHeight);
	$("#gnb").css("zIndex", 0);
}
function lnbFlashHeight(pxHeight) {
	$("#lnb").css("height", pxHeight);
}
function footerFlashHeight(pxHeight) {
	$("#footSelect").css("height", pxHeight);
}
function playmatFlashHeight(pxHeight) {
	$("#product_playmat").css("height", pxHeight);
};
function prFlashHeight(pxHeight) {
	$("#public").css("height", pxHeight);
};
function workPopClose() {
	$("#flashLayer").addClass("xposControll");
	$("#dim").css("display", "none");
	return false;
}
//flash vars
function embedSwf(embedSwf, swfWidth, swfHeight, swfId, flaVars) {
	var flashValue = "";
	flashValue += '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="' + swfWidth + '" height="' + swfHeight + '" id="' + swfId + '">\n';
	flashValue += '<param name="allowScriptAccess" value="always" />\n';
	flashValue += '<param name="allowFullScreen" value="true" />\n';
	flashValue += '<param name="movie" value="' + embedSwf + '" />\n';
	flashValue += '<param name="quality" value="high" />\n';
	flashValue += '<param name="wmode" value="transparent" />\n';
	flashValue += '<param name="flashvars" value="' + flaVars + '" />\n';
	flashValue += '<embed src="' + embedSwf + '" quality="high" wmode="transparent" width="' + swfWidth + '" height="' + swfHeight + '" name="'+ swfId +'" allowScriptAccess="always" allowFullScreen="true" flashvars="' + flaVars + '" />\n';
	flashValue += '</object>\n';
	document.write(flashValue);
}
//flash no vars
function embedSwfNoVars(embedSwf, swfWidth, swfHeight, swfId) {
	var flashValue = "";
	flashValue += '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="' + swfWidth + '" height="' + swfHeight + '" id="' + swfId + '">\n';
	flashValue += '<param name="allowScriptAccess" value="always" />\n';
	flashValue += '<param name="allowFullScreen" value="true" />\n';
	flashValue += '<param name="movie" value="' + embedSwf + '" />\n';
	flashValue += '<param name="quality" value="high" />\n';
	flashValue += '<param name="wmode" value="transparent" />\n';
	flashValue += '<embed src="' + embedSwf + '" quality="high" wmode="transparent" width="' + swfWidth + '" height="' + swfHeight + '" name="'+ swfId +'" allowScriptAccess="always" allowFullScreen="true" />\n';
	flashValue += '</object>\n';
	document.write(flashValue);
}
//flash layer
function embedSwfFlashLayer(embedSwf, swfWidth, swfHeight, swfId, flaVars) {
	var flashValue = "";
	flashValue += '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="' + swfWidth + '" height="' + swfHeight + '" id="' + swfId + '">\n';
	flashValue += '<param name="allowScriptAccess" value="always" />\n';
	flashValue += '<param name="allowFullScreen" value="true" />\n';
	flashValue += '<param name="movie" value="' + embedSwf + '" />\n';
	flashValue += '<param name="quality" value="high" />\n';
	flashValue += '<param name="flashvars" value="' + flaVars + '" />\n';
	flashValue += '<embed src="' + embedSwf + '" quality="high" width="' + swfWidth + '" height="' + swfHeight + '" name="'+ swfId +'" allowScriptAccess="always" allowFullScreen="true" flashvars="' + flaVars + '" />\n';
	flashValue += '</object>\n';
	document.write(flashValue);
}
//play room
function thisMovie(movieName) {
	if(navigator.appName.indexOf("Microsoft") == true) {
		return window[movieName];
	} else {
		return document[movieName];
	}
}

function playworkPop(codeNum) {
	var $layer = $("#flashLayer");
	var $dim = $("#dim");
	var objW = $layer.width();
	var objH = $layer.height();
	var docW = $(document).width();
	var docH = $(document).height();
	var winW = $(window).width();
	var winH = $(window).height();

	var xpos = docW / 2 - objW / 2;
	var ypos = winH / 2 - objH / 2;

	$layer
		.removeClass("xposControll")
		.css("top", ypos + "px")
		.css("left", xpos + "px");
	$dim
		.css("display", "block")
		.css("opacity", 0.7)
		.css("width", "100%")
		.css("height", docH);

	$(window).resize(function() {
		var docW = $(document).width();
		var docH = $(document).height();
		var winW = $(window).width();
		var winH = $(window).height();

		var xpos = docW / 2 - objW / 2;
		var ypos = winH / 2 - objH / 2;

		$layer
			.css("top", ypos + "px")
			.css("left", xpos + "px");
		$dim
			.css("width", "100%")
			.css("height", docH);
	});

	thisMovie("product_playwork").sendToPlaywork(codeNum);
}
//public info
function publicInfo() {
	var url = "http://dart.fss.or.kr/html/search/SearchCompanyIR_M.html?textCrpNM=108670";
	window.open(url, "", "width=750,height=680,scrollbars=yes");
}
//history
function historyFlash(lang) {
	var url = "/"+lang+"/history.html";
	window.open(url, "", "left=0,top=0,,resizable=yes,scrollbars=yes");
}

$(document).ready(function() {
//flash resize
	$(window).resize(function() {
		var $mainWrap = $("#mainWrap");
		var $gnb = $("#gnb");
		var $visual = $("#visual");
		var doc_w = $(document).width();
		if(doc_w < 997) {
			$mainWrap.css("width", "996px");
			$gnb.css("width", "996px");
			$visual.css("width", "996px");
		} else {
			$mainWrap.removeAttr("style");
			$gnb.removeAttr("style");
			$visual.removeAttr("style");
		}
	});
//quick
	$(window).scroll(function() {
		var $quick = $("#quickArea");
		var speed = 1000;

		var gnb_h = 103;
		var visual_h = $("#visual").height();
		var foot_h = $("#footer").height();
		var obj_h = $quick.height();
		var doc_h = $(document).height();

		var obj_mar = 48;
		var obj_top = gnb_h + visual_h;
		var doc_top = $(document).scrollTop();

		if(doc_h > doc_top + obj_h + foot_h + (obj_mar * 2) ) {
			if(doc_top < obj_mar) {
				$quick.stop().animate({top: obj_mar + doc_top }, speed);
			} else if(doc_top > obj_top) {
				$quick.stop().animate({top: obj_mar + doc_top - obj_top }, speed);
			}
		}
	});
//tab
	$.each([$(".tab li a:eq(0)"), $(".tab li a:eq(1)"), $(".tab li a:eq(2)"), $(".tab li a:eq(3)"), $(".tab li a:eq(4)"), $(".tab li a:eq(5)")], function(n) {
		$(".swabArea").addClass("hidden");
		$(".swabArea:eq(0)").removeClass("hidden");
		this.click(function() {
			$(".swabArea").addClass("hidden");
			$(".swabArea:eq("+n+")").removeClass("hidden");

			var tab = $(".tab a");
			for(i=0; i<tab.length; i++) {
				var tab_off = $(".tab li:eq("+i+") a img").attr("src");
				tab_off = tab_off.replace(/_on.gif/, ".gif");
				$(".tab li:eq("+i+") a img").attr("src", tab_off);
			}
			var tab_on = $(this).find("img").attr("src");
			tab_on = tab_on.replace(/.gif/, "_on.gif");
			$(this).find("img").attr("src", tab_on);

			return false;
		});
	});
//tab2
	$.each([$(".rule li a:eq(0)"), $(".rule li a:eq(1)"), $(".rule li a:eq(2)"), $(".rule li a:eq(3)"), $(".rule li a:eq(4)"), $(".rule li a:eq(5)"), $(".rule li a:eq(6)"), $(".rule li a:eq(7)"), $(".rule li a:eq(8)"), $(".rule li a:eq(9)")], function(n) {
		$(".swabArea").addClass("hidden");
		$(".swabArea:eq(0)").removeClass("hidden");
		this.click(function() {
			$(".swabArea").addClass("hidden");
			$(".swabArea:eq("+n+")").removeClass("hidden");
			return false;
		});
	});
//faq
	var $quest = $(".faqList .quest");
	$quest.next().addClass("hidden")
	$(".answer").addClass("noLine")
	$quest.addClass("cursor");

	$quest.toggle(function() {
		$(this).find("th a").addClass("bold");

		var $quest_bu = $(this).find("td img");
		var quest_bu = $quest_bu.attr("src");
		quest_bu = quest_bu.replace(/.gif/, "_on.gif");
		$quest_bu.attr("src", quest_bu);

		var answer = $(this).next();
		answer.toggleClass("hidden");
		answer.toggleClass("noLine");

		return false;
	}, function() {
		$(this).find("th a").removeClass("bold");

		var $quest_bu = $(this).find("td img");
		var quest_bu = $quest_bu.attr("src");
		quest_bu = quest_bu.replace(/_on.gif/, ".gif");
		$quest_bu.attr("src", quest_bu);

		var answer = $(this).next();
		answer.toggleClass("hidden");
		answer.toggleClass("noLine");

		return false;
	});
//rollover
	$(".rollover").hover(function() {
		var $over = $(this).find("img");
		var over = $over.attr("src");
		over = over.replace(/.gif/, "_on.gif");
		$over.attr("src", over);
	}, function() {
		var $out = $(this).find("img");
		var out = $out.attr("src");
		out = out.replace(/_on.gif/, ".gif");
		$out.attr("src", out);
	});
//back office
	var $depth1 = $(".depth1_on");
	var $depth2 = $(".depth2_on");
	$depth2.addClass("hidden");
	$("#backOffice li").click(function() {
		var $this = $(this);
		$this.find(".depth2_on").toggleClass("hidden");
		if(this.className != "noDepth2") {
			$this.toggleClass("depth1_on");
		}
		return false;
	});
//popup
	$(".openPop").click(function() {
		if(this.id == "printMap") {
			var w_pop = 585;
			var h_pop = 757;
		}
		window.open($(this).attr("href"), "", "width=" + w_pop + ", height=" + h_pop + "");
		return false;
	});

	$(".closePop").click(function() {
		window.close();
	});
//hausys news
	$.each([$("#imgArea ul li:eq(0)"), $("#imgArea ul li:eq(1)"), $("#imgArea ul li:eq(2)")], function(n) {
		$(".imgHolder").addClass("hidden");
		$(".imgHolder:eq(0)").removeClass("hidden");
		this.hover(function() {
			$(".imgHolder").addClass("hidden");
			$(".imgHolder:eq("+n+")").removeClass("hidden");
			return false;
		});
	});

//form validation
	$("form").submit(function() {
		var returnFlag = true;
		$.each(this, function(){
			if($(this).hasClass("required")){
				if(this.type == "text" || this.type == "password" || this.type == "select-one"){
					if(this.value == ""){
						alert($(this).next("span").text());
						this.focus();
						returnFlag = false;
						return returnFlag;
					}
				}
				else if(this.type == "checkbox" || this.type == "radio"){
					var checked = ($("input[name="+this.name+"]:checkbox:checked").length);
					if(checked < 1){
						alert($(this).next("span").text());
						this.focus();
						returnFlag = false;
						return returnFlag;
					}
				}
			}
		});
		return returnFlag;
	});

	var $validInput = $("input");
	$validInput.blur(function() {
		var rgPhone = /^01(0|1|[6-9])$/;
		var rgEmail1 = /.+@.+\.[a-zA-Z]{2,4}$/;
		var rgEmail2 = /.+\.[a-zA-Z]{2,4}$/;
		var rgKor = /^[ㄱ-ㅣ가-힣]+$/;
		var rgEng = /[a-z]+$/i;
		var rgNumber = /^[0-9]+$/;

		if($(this).hasClass("onlyNumber")){
			if(this.value != "" && !(rgNumber.test(this.value))){
				alert("숫자만 입력가능합니다.");
				this.focus();
			}
		}
		else if($(this).hasClass("onlyMultiEmail")){
			if(this.value != "" && !(rgEmail1.test(this.value))){
				alert("이메일 형식이 잘못되었습니다.");
				this.focus();
			}
		}
		else if($(this).hasClass("onlySingleEmail")){
			if(this.value != "" && !(rgEmail2.test(this.value))){
				alert("이메일 형식이 잘못되었습니다.");
				this.focus();
			}
		}
		else if($(this).hasClass("onlyKor")){
			if(this.value != "" && !(rgKor.test(this.value))){
				alert("한글만 입력가능합니다.");
				this.focus();
			}
		}
		else if($(this).hasClass("onlyEng")){
			if(this.value != "" && !(rgEng.test(this.value))){
				alert("영문만 입력가능합니다.");
				this.focus();
			}
		}
	});

	$.each([$(".magazineList .pho:eq(0)"), $(".magazineList .pho:eq(1)"), $(".magazineList .pho:eq(2)"), $(".magazineList .pho:eq(3)")], function(n) {
		$(".magazine .pho").addClass("hidden");
		$(".magazine .pho:eq(0)").removeClass("hidden");
		this.click(function() {
			$(".magazine .pho").addClass("hidden");
			$(".magazine .pho:eq("+n+")").removeClass("hidden");
			return false;
		});
	});

	$("input").click(function() {
		if(this.id == "prodDescript") {
			this.value = "";
		}
	});
//trend
	var $slideArea = $(".slideArea");
	var obj_total = ($slideArea.find("li").length);
	var obj_width = $slideArea.find("li").width();
	var obj_space = 10;
	var obj_border = 2;
	var obj_view = 3;
	var speed = 500;
	var moving = obj_width + obj_space + obj_border;
	var wrapArea_width = $(".wrapArea").width();
	var slideArea_width = obj_total * moving;

	if(obj_total > 3) {
		var next_on = $(".next").find("img");
		var next_on_src = next_on.attr("src");
		next_on_src = next_on_src.replace(/_off.gif/, "_on.gif");
		next_on.attr("src", next_on_src);
	}
	if(wrapArea_width > slideArea_width) {
		$slideArea.css("width", wrapArea_width);
	} else {
		$slideArea.css("width", slideArea_width);
	}
	$(".prev").click(function() {
		var xpos = parseInt($slideArea.css("left"));

		var next_on = $(".next").find("img");
		var next_on_src = next_on.attr("src");
		next_on_src = next_on_src.replace(/_off.gif/, "_on.gif");

		var prev_off = $(".prev").find("img");
		var prev_off_src = prev_off.attr("src");
		prev_off_src = prev_off_src.replace(/_on.gif/, "_off.gif");

		if(xpos < 0) {
			$slideArea.animate({ left: xpos + moving }, speed);
			next_on.attr("src", next_on_src);
		} else if(xpos > 0) {
			$slideArea.animate({ left: 0 }, speed);
		}
		if(xpos == -moving || xpos == 0) {
			prev_off.attr("src", prev_off_src);
		}
		return false;
	});
	$(".next").click(function() {
		var xpos = parseInt($slideArea.css("left"));
		var xpos_final = -((obj_total * moving) - (obj_view * moving));

		var prev_on = $(".prev").find("img");
		var prev_on_src = prev_on.attr("src");
		prev_on_src = prev_on_src.replace(/_off.gif/, "_on.gif");

		var next_off = $(".next").find("img");
		var next_off_src = next_off.attr("src");
		next_off_src = next_off_src.replace(/_on.gif/, "_off.gif");

		if(xpos > xpos_final) {
			$slideArea.animate({ left: xpos - moving }, speed);
			prev_on.attr("src", prev_on_src);
		} else if(xpos < xpos_final) {
			$slideArea.animate({ left: xpos_final }, speed);
		}
		if(xpos == xpos_final + moving || xpos == xpos_final) {
			next_off.attr("src", next_off_src);
		}
		return false;
	});
	$slideArea.find("a").click(function() {
		var thum_obj_src = $(this).find("img").attr("src");
		var obj_src = $(".holder").find("img");
		thum_obj_src = thum_obj_src.replace(/_thum/, "");
		obj_src.attr("src", thum_obj_src);
		return false;
	});

	$layer = $("#flashLayer");
	$dim = $("#dim");
	//$layer.addClass("xposControll");
//layer popup
	$.each([$(".layerOpen_2:eq(0)"), $(".layerOpen_2:eq(1)"), $(".layerOpen_2:eq(2)")], function(n) {

		var $layerImg = $(".layerImg");
		$("#pop_2_"+n+"").addClass("hidden");

		var layerImgW = $layerImg.width()+40;
		var layerImgH = $layerImg.height()+40;

		this.click(function() {
			var docW = $(document).width();
			var docH = $(document).height();
			var winW = $(window).width();
			var winH = $(window).height();

			var xpos = docW / 2 - layerImgW / 2;
			var ypos = winH / 2 - layerImgH / 2;

			$layerImg.addClass("hidden");
			$layerImg.css("cursor", "pointer");

			$("#pop_2_"+n+"")
				.removeClass("hidden")
				.css("top", ypos + "px")
				.css("left", xpos + "px");
			document.location.hash = "top";

			$layerImg.click(function() {
				$layerImg.addClass("hidden");
				return false;
			});
		});

		$(window).resize(function() {
			var docW = $(document).width();
			var docH = $(document).height();
			var winW = $(window).width();
			var winH = $(window).height();

			var xpos = docW / 2 - layerImgW / 2;
			var ypos = winH / 2 - layerImgH / 2;

			$layerImg
				.css("top", ypos + "px")
				.css("left", xpos + "px");
		});
	});

	$.each([$(".layerOpen_3:eq(0)"), $(".layerOpen_3:eq(1)"), $(".layerOpen_3:eq(2)"), $(".layerOpen_3:eq(3)"), $(".layerOpen_3:eq(4)"), $(".layerOpen_3:eq(5)"), $(".layerOpen_3:eq(6)")], function(n) {

		var $layerImg = $(".layerImg");
		$("#pop_3_"+n+"").addClass("hidden");

		var layerImgW = $layerImg.width()+40;
		var layerImgH = $layerImg.height()+40;

		this.click(function() {
			var docW = $(document).width();
			var docH = $(document).height();
			var winW = $(window).width();
			var winH = $(window).height();

			var xpos = docW / 2 - layerImgW / 2;
			var ypos = winH / 2 - layerImgH / 2;

			$layerImg.addClass("hidden");
			$layerImg.css("cursor", "pointer");

			$("#pop_3_"+n+"")
				.removeClass("hidden")
				.css("top", ypos + "px")
				.css("left", xpos + "px");
			document.location.hash = "top";

			$layerImg.click(function() {
				$layerImg.addClass("hidden");
				return false;
			});
		});

		$(window).resize(function() {
			var docW = $(document).width();
			var docH = $(document).height();
			var winW = $(window).width();
			var winH = $(window).height();

			var xpos = docW / 2 - layerImgW / 2;
			var ypos = winH / 2 - layerImgH / 2;

			$layerImg
				.css("top", ypos + "px")
				.css("left", xpos + "px");
		});
	});


	$.each([$(".layerOpen_4:eq(0)"), $(".layerOpen_4:eq(1)"), $(".layerOpen_4:eq(2)"), $(".layerOpen_4:eq(3)"), $(".layerOpen_4:eq(4)"), $(".layerOpen_4:eq(5)"), $(".layerOpen_4:eq(6)"), $(".layerOpen_4:eq(7)"), $(".layerOpen_4:eq(8)"), $(".layerOpen_4:eq(9)"), $(".layerOpen_4:eq(10)"), $(".layerOpen_4:eq(11)"), $(".layerOpen_4:eq(12)")], function(n) {

		var $layerImg = $(".layerImg");
		$("#pop_4_"+n+"").addClass("hidden");

		var layerImgW = $layerImg.width()+40;
		var layerImgH = $layerImg.height()+40;

		this.click(function() {
			var docW = $(document).width();
			var docH = $(document).height();
			var winW = $(window).width();
			var winH = $(window).height();

			var xpos = docW / 2 - layerImgW / 2;
			var ypos = winH / 2 - layerImgH / 2;

			$layerImg.addClass("hidden");
			$layerImg.css("cursor", "pointer");

			$("#pop_4_"+n+"")
				.removeClass("hidden")
				.css("top", ypos + "px")
				.css("left", xpos + "px");
			document.location.hash = "top";

			$layerImg.click(function() {
				$layerImg.addClass("hidden");
				return false;
			});
		});

		$(window).resize(function() {
			var docW = $(document).width();
			var docH = $(document).height();
			var winW = $(window).width();
			var winH = $(window).height();

			var xpos = docW / 2 - layerImgW / 2;
			var ypos = winH / 2 - layerImgH / 2;

			$layerImg
				.css("top", ypos + "px")
				.css("left", xpos + "px");
		});
	});

	$.each([$(".layerOpen_5:eq(0)"), $(".layerOpen_5:eq(1)"), $(".layerOpen_5:eq(2)"), $(".layerOpen_5:eq(3)"), $(".layerOpen_5:eq(4)"), $(".layerOpen_5:eq(5)"), $(".layerOpen_5:eq(6)"), $(".layerOpen_5:eq(7)")], function(n) {

		var $layerImg = $(".layerImg");
		$("#pop_5_"+n+"").addClass("hidden");

		var layerImgW = $layerImg.width()+40;
		var layerImgH = $layerImg.height()+40;

		this.click(function() {
			var docW = $(document).width();
			var docH = $(document).height();
			var winW = $(window).width();
			var winH = $(window).height();

			var xpos = docW / 2 - layerImgW / 2;
			var ypos = winH / 2 - layerImgH / 2;

			$layerImg.addClass("hidden");
			$layerImg.css("cursor", "pointer");

			$("#pop_5_"+n+"")
				.removeClass("hidden")
				.css("top", ypos + "px")
				.css("left", xpos + "px");
			document.location.hash = "top";

			$layerImg.click(function() {
				$layerImg.addClass("hidden");
				return false;
			});
		});

		$(window).resize(function() {
			var docW = $(document).width();
			var docH = $(document).height();
			var winW = $(window).width();
			var winH = $(window).height();

			var xpos = docW / 2 - layerImgW / 2;
			var ypos = winH / 2 - layerImgH / 2;

			$layerImg
				.css("top", ypos + "px")
				.css("left", xpos + "px");
		});
	});

	$.each([$(".layerOpen_6:eq(0)"), $(".layerOpen_6:eq(1)"), $(".layerOpen_6:eq(2)"), $(".layerOpen_6:eq(3)"), $(".layerOpen_6:eq(4)")], function(n) {

		var $layerImg = $(".layerImg");
		$("#pop_6_"+n+"").addClass("hidden");

		var layerImgW = $layerImg.width()+40;
		var layerImgH = $layerImg.height()+40;

		this.click(function() {
			var docW = $(document).width();
			var docH = $(document).height();
			var winW = $(window).width();
			var winH = $(window).height();

			var xpos = docW / 2 - layerImgW / 2;
			var ypos = winH / 2 - layerImgH / 2;

			$layerImg.addClass("hidden");
			$layerImg.css("cursor", "pointer");

			$("#pop_6_"+n+"")
				.removeClass("hidden")
				.css("top", ypos + "px")
				.css("left", xpos + "px");
			document.location.hash = "top";

			$layerImg.click(function() {
				$layerImg.addClass("hidden");
				return false;
			});
		});

		$(window).resize(function() {
			var docW = $(document).width();
			var docH = $(document).height();
			var winW = $(window).width();
			var winH = $(window).height();

			var xpos = docW / 2 - layerImgW / 2;
			var ypos = winH / 2 - layerImgH / 2;

			$layerImg
				.css("top", ypos + "px")
				.css("left", xpos + "px");
		});
	});

	$.each([$(".layerOpen_7:eq(0)"), $(".layerOpen_7:eq(1)"), $(".layerOpen_7:eq(2)")], function(n) {

		var $layerImg = $(".layerImg");
		$("#pop_7_"+n+"").addClass("hidden");

		var layerImgW = $layerImg.width()+40;
		var layerImgH = $layerImg.height()+40;

		this.click(function() {
			var docW = $(document).width();
			var docH = $(document).height();
			var winW = $(window).width();
			var winH = $(window).height();

			var xpos = docW / 2 - layerImgW / 2;
			var ypos = winH / 2 - layerImgH / 2;

			$layerImg.addClass("hidden");
			$layerImg.css("cursor", "pointer");

			$("#pop_7_"+n+"")
				.removeClass("hidden")
				.css("top", ypos + "px")
				.css("left", xpos + "px");
			document.location.hash = "top";

			$layerImg.click(function() {
				$layerImg.addClass("hidden");
				return false;
			});
		});

		$(window).resize(function() {
			var docW = $(document).width();
			var docH = $(document).height();
			var winW = $(window).width();
			var winH = $(window).height();

			var xpos = docW / 2 - layerImgW / 2;
			var ypos = winH / 2 - layerImgH / 2;

			$layerImg
				.css("top", ypos + "px")
				.css("left", xpos + "px");
		});
	});
//justice
	$(".justice").click(function() {

		var $justiceLayer = $("#justiceLayer");

		var justiceLayerW = $justiceLayer.width()+40;
		var justiceLayerH = $justiceLayer.height()+40;


		var docW = $(document).width();
		var docH = $(document).height();
		var winW = $(window).width();
		var winH = $(window).height();

		var xpos = docW / 2 - justiceLayerW / 2;
		var ypos = winH / 2 - justiceLayerH / 2;

		$justiceLayer.addClass("hidden");

		$justiceLayer
			.removeClass("hidden")
			.css("top", ypos + "px")
			.css("left", xpos + "px");
		document.location.hash = "top";

		$("#justiceClose").click(function() {
			$justiceLayer.addClass("hidden");
			return false;
		});
		
	});

	$(window).resize(function() {

		var $justiceLayer = $("#justiceLayer");

		var justiceLayerW = $justiceLayer.width()+40;
		var justiceLayerH = $justiceLayer.height()+40;

		var docW = $(document).width();
		var docH = $(document).height();
		var winW = $(window).width();
		var winH = $(window).height();

		var xpos = docW / 2 - justiceLayerW / 2;
		var ypos = winH / 2 - justiceLayerH / 2;

		$justiceLayer
			.css("top", ypos + "px")
			.css("left", xpos + "px");
	});


});