/*
	changjo
	front-end common js
*/
$(document).ready(function() {
	/* call function */
	detectCurrentMenu();
	welfareList();
		


	/* pngfix for msie6 */
	if ($.browser.msie && + $.browser.version == 6) $(function() {
		$("*").remove();
		alert("창조건축홈페이지는 구형 브라우저를 지원하지 않습니다.\n브라우저 업데이트를 권장드립니다.");
		window.location = "http://windows.microsoft.com/ko-KR/internet-explorer/products/ie/home";
	});
	

	
	/* detecting msie7  */
	if ($.browser.msie && + $.browser.version == 7) $(function() {
		$("#header .topmenu li:first-child").css("background","none");
		$(".form .email p").css("margin-top","6px");
	});



	/* intro */
	if ($("body").children().hasClass("intro")) {
		$("body").css("background-color","#000");
	};



	/* main */
	if ($("#contents").hasClass("main")) {
		$("#wrap").after("<img class='mainbg' src='/images/layout/bg_main_big.png' width='1800' height='850' alt=''>");
	};
	$(".mainnotice .mnitem:last").css("border-right","0");
	$(".main .scrollable").scrollable({
		circular:true,
		mousewheel:true
	}).navigator();
	$(".mainlatest .items img").click(function() {
		window.location = $(this).attr("alt");
	});
	if ($.browser.msie && + $.browser.version < 8) {
		$(".mainlatest .items img").attr("title", "");
	};



	/* layout(contents, section, h1) */
	// contents
	if ($("#contents").hasClass("mypage") || $("#contents").hasClass("member") ) {
		var sectionpaddingtop = $(".section").css("padding-top");
		var sectionpaddingright = $(".section").css("padding-right");
		var sectionpaddingleft = $(".section").css("padding-left");
		var sectionpaddingbottom = $(".section").css("padding-bottom");
		var sectionwidth = $(".section").outerWidth();
		var leftposition = (parseInt(sectionpaddingleft) - parseInt(sectionpaddingright)) * 0.5;
		$(".section").css({
			"margin-top":"-" + sectionpaddingtop,
			"margin-bottom":"-" + sectionpaddingbottom
		});
		$("#contents > h1").css({
			"width":sectionwidth,
			"text-indent":sectionpaddingleft
		});
		$("#contents").css("left","-" + leftposition + "px");
		if (sectionpaddingleft < sectionpaddingright) {
			var leftposition = (parseInt(sectionpaddingright) - parseInt(sectionpaddingleft)) * 0.5;
			$("#contents").css("left",leftposition + "px");
		};
	} else if ($("#contents").hasClass("vision") || $("#contents").hasClass("ceo")) {
		$("#contents").css({
			"margin-top":"0",
			"padding-top":"110px"
		});
	};
	/* section, h1 2011-11-19 기획요청으로 삭제
	if ($("#contents").find("div").hasClass("section")) {
		$(".section").wrapInner("<div></div>");
		if ($("#contents").hasClass("mypage") || $("#contents").hasClass("member")) {
		} else if ($("#contents").find("div").hasClass("eventview")) {
			$(".section").css("padding-left","130px");
		} else {
			$(".section").css("padding-left","130px");
			$("h1").css("text-indent","130px");
		};
	};  */



	/* contents */
	// prev, next class
	$(".prev, .next").click(function(event) {
		if ($("#contents").is(".news")) { 
		} else if ($(".section").is(".eventlist, .viewstyle")) {
		} else {
			event.preventDefault();
		};
	});

	// wrap(align)
	$(".id3 .borderbox, .password3 .borderbox, .join .borderbox").nextAll("p").wrapAll("<div class='moreinfo'></div>");
	$(".checkpw .borderbox").children("strong, em").wrapAll("<span></span>");

	// css
	$(".accinfo .form tr:last-child th, .accinfo .form tr:last-child td").css("border-bottom", "0");
	$(".email .form th:last, .email .form td:last").css("border-color", "#9a9a9a");

	// root : map
	$(".map ul:last").tabs("#contents h1 ~ img");
	$(".map .print").click(function(event) {
		event.preventDefault();
		window.print();
	});

	// company : staff
	$(".staff ul").tabs("> div");

	// member : join(howto layer)
	$(".howto").hide();
	$(".howtoanchor").mouseover(function() {
		$(".howto").fadeIn();
	});
	$(".howto").mouseleave(function() {
		$(".howto").fadeOut("fast");
	});

	// member : terms termtxtarea background, tab
	$(".terms div[class*='termtxtarea']").wrapInner("<div></div>");
	$(".terms ul:contains('수집하는 개인정보 항목')").tabs("div[id^='termtxt']");

	// career : employ
	if ($("#contents").hasClass("employ")) {
		// career employ(part)
		$(".employ .part > div").hide();
		$(".employ .part li a").wrapInner("<span></span>");
		$(".employ .part:first li a").click(function(event) {
			event.preventDefault();
			$(".employ .part li a").removeClass("current");
			$(this).addClass("current");
			$(".employ .part:first").addClass("currentpart");
			$(".employ .part:last").removeClass("currentpart");
			$(".employ .part:last > div").hide();
			var index = $(this).parent("li").index();
			$(".employ .part:first > div").hide().eq(index).fadeIn("fast");
		});
		$(".employ .part:last li a").click(function(event) {
			event.preventDefault();
			$(".employ .part li a").removeClass("current");
			$(this).addClass("current");
			$(".employ .part:first").removeClass("currentpart");
			$(".employ .part:last").addClass("currentpart");
			$(".employ .part:first > div").hide();
			var index = $(this).parent("li").index();
			$(".employ .part:last > div").hide().eq(index).fadeIn("fast");
		});
		$(".employ .part:last li:first a").click().addClass("current");
		// career employ(layer)
		if ($.browser.msie && + $.browser.version == 7 || $.browser.msie && + $.browser.version == 8) {
			$(".employ h1 + p a").click(function(event) {
				event.preventDefault();
				$("#employlayer").show();
			});
			$(".employ h1 + p area[alt='레이어 닫기']").click(function(event) {
				event.preventDefault();
				$("#employlayer").hide();
			});
		} else if ($.browser.msie && + $.browser.version == 6) {
			$(".employ h1 + p a").click(function(event) {
				event.preventDefault();
				$("#employlayer").fadeIn("fast").delay(3000).fadeOut("fast");
			});
		} else {
			$(".employ h1 + p a").click(function(event) {
				event.preventDefault();
				$("#employlayer").fadeIn("fast");
			});
			$(".employ h1 + p area[alt='레이어 닫기']").click(function(event) {
				event.preventDefault();
				$("#employlayer").fadeOut("fast");
			});
		};
	};

	// career : welfare
	$(".welfare li a").wrapInner("<span></span>");
	$(".welfare .items").after("<div class='tabimgmask'></div>");
	$(".welfare ul").tabs(".welfaretab");
	$(".welfare .scrollable").scrollable({
		circular:true,
		mousewheel:true
	}).navigator().autoscroll({interval:3000});



	/* board */
	// boardsearch
	// 2011-11-19 $(".boardsearch").wrap("<div class='boardsearchwrap'></div>");
	// 2011-11-19 $(".boardsearch select").attr("id","selectstyle").selectbox();
	// community : qna
	$(".categorysorting select").attr("id","category").selectbox();

	// scrollbar MODIFY 2011-11-19
	var viewporttartget = $(".projectdata .liststyle ul:first, .recruitboard .liststyle ul:first, .qna .liststyle .categorysorting + ul, .newsview .article, .lecturedatalist, .lectureitemlist, .awardslist");
	$(viewporttartget).children("*:last").css({
		"margin-bottom":"5px",
		"border-bottom":"0"
	});
	
	var viewporttartgets = $('.rightinfo .scr-intxt').each(function(){
		$(this).wrapAll("<div class='viewport'><div class='overview'></div></div>");
	})
	// END 2011-11-19
	$(viewporttartget).wrapAll("<div class='viewport'><div class='overview'></div></div>");
	
	$(".viewport").parent().append("<div class='scrollbar'><div class='track'><div class='thumb'><div class='end'></div></div></div></div>");
	$(".scrollbar").mouseover().css("cursor", "pointer");
	if ($(".viewport").height() > $(".overview").height()) {
		$(".scrollbar .track").hide();
	};	
	$(".liststyle").has(".viewport").tinyscrollbar({
		axis:'y',
		wheel:30,
		scroll:true,
		size:461,
		sizethumb:99
	});
	$(".newsview").has(".viewport").tinyscrollbar({
		axis:'y',
		wheel:30,
		scroll:true,
		size:427,
		sizethumb:85
	});
	$(".datalist").has(".viewport").tinyscrollbar({
		axis:'y',
		wheel:30,
		scroll:true,
		size:279,
		sizethumb:90
	});
	$(".award").has(".viewport").tinyscrollbar({
		axis:'y',
		wheel:30,
		scroll:true,
		size:423,
		sizethumb:88
	});
	/* 2011-11-19 스크롤 복수사용을 위한 수정 $(".rightinfo").has(".viewport").tinyscrollbar({
		axis:'y',
		wheel:30,
		scroll:true,
		size:220,
		sizethumb:65
	});
	*/
	$(".infotxt > div").has(".viewport").tinyscrollbar({
		axis:'y',
		wheel:30,
		scroll:true,
		size:220,
		sizethumb:65
	});
	//스크롤 복수사용을 위한 수정 2011-11-19 end
	$(".lecturelist").has(".viewport").tinyscrollbar({
		axis:'y',
		wheel:30,
		scroll:true,
		size:373,
		sizethumb:88
	});

	// viewstyle(article)
	$(".viewstyle > div:first").before("<div class='viewtopbg'></div>").after("<div class='viewbottombg'></div>");
	$(".viewstyle > div:eq(1)").addClass("articlewrap");
	$(".viewstyle .articlewrap").height($(".viewstyle .article").height() - 530);
	if ($.browser.msie && + $.browser.version == 6) $(function() {
		if ($(".section").hasClass("viewstyle")) {
			$(".boardsearch").hide();
		};
	});

	// viewstyle imgwrap
	$(".viewstyle .imagewrap").scrollable({
		circular:true,
		mousewheel:false,
		onSeek:function() {
			var currentimg = $(".navi .active").attr("href").substr(1);
			$(".imagewrap > em b").html(parseInt(currentimg) + 1);
		}
	}).navigator();
	var totscrollableimgsize = $(".imagewrap .navi a").size();
	$(".imagewrap > em span").append(totscrollableimgsize);
	if (totscrollableimgsize > 41) {
		$(".imagewrap em").css("top","338px");
	};

	// flashplayerlayer
	if ($.browser.msie && + $.browser.version <= 7) $(function() {
		$(".flashplayerlayer").appendTo("body");
		$(".flashplayerlayer").css({
			"left":"50%",
			"top":"50%",
			"margin-left":"-280px",
			"margin-top":"-290px"
		});
	});
	if ($.browser.msie && + $.browser.version == 6) {
		$(".flashplayerlayer").before("<div class='ie6mask'></div>");
		$(".ie6mask").hide();
		var ie6maskwidth = $(window).width();
		var ie6maskheight = $(window).height();
		$(".ie6mask").appendTo("body").css({
			"position":"absolute",
			"left":"0",
			"top":"0",
			"width":ie6maskwidth,
			"height":ie6maskheight,
			"background":"url('/images/board/bg_projectdatalayer_ie6.png') repeat left top"
		});
		$(".projectdata li strong + a + a, .eventview .movdata a").click(function(event) {
			event.preventDefault();
			$(".ie6mask").fadeIn("slow");
			$(".flashplayerlayer").show();
			$(".ie6mask").click(function(event) {
				event.preventDefault();
				$(".ie6mask").fadeOut("fast");
				$(".flashplayerlayer").hide();
			});
		});
	} else {
		$(".projectdata li strong + a + a, .eventview .movdata a").click(function(event) {
			event.preventDefault();
			$(this).mask({
				color: "#000",
				opacity : "0.7",
				onBeforeClose : function() {
					$(".flashplayerlayer").hide();
				}
			});
			$(".flashplayerlayer").show();
		});
	};

	// career : recruitboard
	$(".recruitboard .viewport").nextAll("strong, p, a").wrapAll("<div class='boardcomment'></div>");

	// community : news
	$(".noticelist").parent().after("<div class='newsbg'></div>");
	$(".noticelist .newsitem:last-child, .newslist .newsitem:last").css("border-bottom","0");
	$(".newslist .newsitem:first").css("margin-top","53px");
	$(".noticelist").mouseenter(function() {
		$(".noticelist .gsimg").animate({opacity:1}, 700);
		$(".newslist .gsimg").animate({opacity:0}, 700);
	});
	$(".newslist").mouseenter(function() {
		$(".newsbg").addClass("newslistbg").hide().fadeIn();
		$(".noticelist .gsimg").animate({opacity:0}, 700);
		$(".newslist .gsimg").animate({opacity:1}, 700);
		if ($.browser.msie && + $.browser.version <= 8) {
			$(".newslist > a").show();
		} else {
			$(".newslist > a").fadeIn(300);
		};
		});
	$(".newslist").mouseleave(function() {
		$(".newsbg").removeClass("newslistbg").hide().fadeIn();
		$(".noticelist .gsimg").animate({opacity:1}, 700);
		$(".newslist .gsimg").animate({opacity:0}, 700);
		if ($.browser.msie && + $.browser.version <= 8) {
			$(".newslist > a").hide();
		} else {
			$(".newslist > a").fadeOut(300);
		};
	});
	$(".topitem > img, .newsitem > img").wrap("<i></i>");
	$(".news i img").after("<i></i>");
	
	// community : lecturedata, lecture for img mask
	$(".bestlecturedata > img, .lectureitem > img, .bestlecture > img").wrap("<i></i>");
	$(".dataitem a img, .bestlecturedata > i img, .bestlecture > i img").after("<i></i>");
	$(".lectureitem > i").append("<i></i>");
	$(".dataitem a img[src*='flash']").after("<i class='flash'></i>");

	// community : lecturedata(dataitem)
	if ($.browser.msie && + $.browser.version <= 8) {
		$(".dataitem > a").hover(function() {
			$(this).children("i:last").css("background-image","url('/images/board/bg_thumb_small2over.png')");
			$(this).children("i:last").hide().show();
		}, function() {
			$(this).children("i:last").css("background-image","url('/images/board/bg_thumb_small2.png')");
		});
	} else {
		$(".dataitem > a").hover(function() {
			$(this).children("i:last").css("background-image","url('/images/board/bg_thumb_small2over.png')");
			$(this).children("i:last").hide().fadeIn("fast");
		}, function() {
			$(this).children("i:last").css("background-image","url('/images/board/bg_thumb_small2.png')");
		});
	};

	// community : lecture(css)
	$(".lecture .form table tr:last-child th, .lecture .form table tr:last-child td").css("border-bottom","0");

	// community : project, event
	$(".awarditem:first").css("border-top","0");
	$(".awarditem a, .bestawarditem a, .projectview .items a").append("<i></i>");
	$(".projectview .items img[src*='flash']").parent().addClass("flash");
	$(".projectview .items .flash").append("<b></b>");
	/* 2011-11-17 del $(".bestawards .scrollable, .projectview .thumbnail .scrollable").scrollable({
		circular:true,
		mousewheel:true
	}).navigator().autoscroll({interval:3000}); */
	if($(".projectview .thumbnail").index())$(".projectview .thumbnail").Scroll({line:6,speed:1000,timer:3000,prev:"prev",next:"next",sp:8});
	if($(".eventimg .thumbnail").index())$(".eventimg .thumbnail").Scroll({line:5,speed:1000,timer:3000,prev:"prev",next:"next",sp:5});
	$(".projectview .rightinfo .viewport, .projectview .rightinfo .scrollbar").hide();
	$(".projectview .leftview > img, .eventimg > img, .eventimg img + em").wrapAll("<div class='imgviewarea'></div>");
	$(".projectview .leftview .projectviewflash1").wrap("<div class='flashviewarea1'></div>");
	$(".projectview .leftview .projectviewflash2").wrap("<div class='flashviewarea2'></div>");
	$(".eventimg .items a").append("<i></i>");
	/*2011-11-17 $(".eventview .thumbnail .scrollable").scrollable({
		circular:true,
		mousewheel:true
	}).navigator();*/

	/*
	2012-01-27
	이벤트 갤러리 총개수 수정 원본 
	$(".imgviewarea em span").append($(".eventimg .items a").size()-2);
	*/
	$(".imgviewarea em span").append($(".eventimg .items a").size()-1);

	$(".leftview .flashviewarea1, .leftview .flashviewarea2").hide();
	$(".projectview .items a, .eventview .items a").bind({
		'click':function(event){
				if(!$(this).attr('numb')){ //add 2011-11-23
				$(".projectview .items a, .eventview .items a").each(function(){
					var item = $(this);
					item.attr({
						'numb': item.index()
					});
				});
			}
			event.preventDefault();
			$(".imgviewarea em b").html($(this).attr('numb'));
			// 2011-11-23 del $(".imgviewarea em b").html($(this).index()+1);
			
			$(".gsimg").css("opacity","0");
			$(".leftview .flashviewarea1").hide();
			var changviewimgurl = $(this).find("img").attr("src").replace("_thumb","_view");
			var imgwrap = $(".imgviewarea").fadeTo("fast", 0.7);
			var img = new Image();
			img.onload = function() {
				imgwrap.fadeTo("fast", 1);
				imgwrap.find("img").attr("src",changviewimgurl);
			};
			img.src = changviewimgurl;
			$(".items a").removeClass("active");
			$(this).addClass("active");
			if ($("#contents").hasClass("projectview")) {
				$(".rightinfo ul").hide();
				$(".rightinfo .viewport, .rightinfo .scrollbar").fadeIn("fast");
				if ($(this).hasClass("flash")) {
					$(".leftview .imgviewarea").hide();
					$(".leftview .flashviewarea1").hide().show();
				};
			};
		}
	});
	$(".rightinfo .btnarea a").click(function(event) {
		event.preventDefault();
		var index = $(this).index();
		if ($(this).index() == 0 || $(this).index() == 2) {
			$(".leftview .imgviewarea, .leftview .flashviewarea1, .leftview .flashviewarea2").hide();
			$(".leftview .thumbnail, .leftview .flashviewarea1").show();
		} else {
			$(".leftview .imgviewarea, .leftview .thumbnail, .leftview .flashviewarea1").hide();
			$(".leftview .flashviewarea2").show();
		};
	});
	if ($(".event .movdata a").size() > 0) {
		$(".event .movdata a").wrapAll("<span></span>");
		$(".event .movdata a:eq(0)").attr("title","동영상자료 1");
		$(".event .movdata a:eq(1)").attr("title","동영상자료 2");
		$(".event .movdata a:eq(2)").attr("title","동영상자료 3");
		$(".event .movdata a:eq(3)").attr("title","동영상자료 4");
		$(".event .movdata a:eq(4)").attr("title","동영상자료 5");
	} else {
		$(".event .movdata").css({
			"height":"0",
			"border-bottom":"0"
		});
	};
	if ($(".event .article").height() > 540) {
		$(".event .article").css("margin-bottom","170px");
	};



	/* form base */
	// msie8
	if ($.browser.msie && + $.browser.version == 8) $(function() {
		$(".form table select").css("padding", "1px 0 3px");
	});

	// css
	$(".form tr").has("img[alt*='주소']").addClass("address");
	$(".form tr").has("p span").addClass("email");
	$(".form .address td").children(":text[title*='주소']").wrapAll("<div></div>");
	
	// autofocus
	$(".autofocus, .login :text:first, .password2 :text:last-child, #popup :text:first").focus();

	// pwcomment(placeholder)
	$(".checkpw label, .changepw label:first, .deletecheck label:first").addClass("pwcomment");
	$(".pwcomment :password").parent().append("<span>비밀번호를 입력하세요.</span>");
	$(".pwcomment :password").focus(function() {
		$(this).next().hide();
	});
	$(".pwcomment :password").blur(function() {
		if ($(this).val() == "") {
			$(this).next().show();
		}
	});

	// comment
	$(".form td > span").hide();
	$(".form table input").focus(function() {
		$(".form td > span").hide();
		$(this).siblings("span").show("slow");
	}).blur(function() {
		$(".form td > span").hide();
	});

	// companyinfo
	var companyinfo = $(".form tr").has("img[alt='회사명'], img[alt='회사 연락처']");
	$(companyinfo).hide();
	$(".form table :checkbox:first").click(function() {
		$(this).is(":checked") ? $(companyinfo).show() : $(companyinfo).hide();
	});

	// receiveinfo
	$(".form tr:last-child").has("td p, td label").addClass("receiveinfo");
	
	
	
	/* popup */
    $("a[target='_blank']").click(function(event) {
		event.preventDefault();
		var popupurl = $(this).attr("href");
		if (popupurl == "/member/popup_checkid.jsp") {
			window.open($(this).attr("href"), "checkid", "width=395, height=232");
		} else if (popupurl == "/member/popup_searchzip.jsp") {
			window.open($(this).attr("href"), "searchzip", "width=395, height=288");
		} else if (popupurl == "/popup_terms.jsp") {
			window.open($(this).attr("href"), "terms", "width=550, height=620");
		} else if (popupurl == "/popup_privacy.jsp") {
			window.open($(this).attr("href"), "privacy", "width=550, height=620");
		} else {
			window.open($(this).attr("href"), "popup", "width=auto, height=auto");
		};
	});
	$("#popup .close").click(function(event) {
		event.preventDefault();
		window.close();
	});
	$(".form :text#id").one("focus", function() {
		window.open("/member/popup_checkid.jsp", "checkid", "width=395, height=232");
	});
	
	

	/* please delete this part after dev */
	if (window.location.pathname == "/member/_join_step1.jsp") $(function() {
		$(".join .borderbox").css("background-position","0 -332px");
	});
});



$(window).load(function() {
	/* call grayscale */
	grayscalethumbnail();
});



/* detect currnet menu(gnb, topmenu) */
function detectCurrentMenu() {
	var pageh1tit = $("#contents h1 img").attr("alt");
	var companysub = $("#header .companysub");
	var communitysub = $("#header .communitysub");
	var careersub = $("#header .careersub");
	var mypagesub = $("#header .mypagesub");
	$("#header ul ul").hide();
	if ($("#contents").hasClass("company")) {
		$(companysub).show();
		$("#header .gnb > li:eq(0)").css("margin-bottom","0");
		$("#header .gnb img[alt='COMPANY']").css("visibility","hidden");
		if (pageh1tit == "창조의 비전") {
			$(companysub).find("img:eq(0)").attr("src", "/images/layout/gnb_companysub1_on.png");
		} else if (pageh1tit == "CEO메세지") {
			$(companysub).find("img:eq(1)").attr("src", "/images/layout/gnb_companysub2_on.png");
		} else if (pageh1tit == "회사조직") {
			$(companysub).find("img:eq(2)").attr("src", "/images/layout/gnb_companysub3_on.png");
		} else if (pageh1tit == "임원소개") {
			$(companysub).find("img:eq(3)").attr("src", "/images/layout/gnb_companysub4_on.png");
		} else if (pageh1tit == "홍보영상") {
			$(companysub).find("img:eq(4)").attr("src", "/images/layout/gnb_companysub5_on.png");
		};	
	} else if ($("#contents").hasClass("community")) {
		$(communitysub).show();
		$("#header .gnb img[alt='COMMUNITY']").css("visibility","hidden");
		$("#header .gnb > li:eq(1)").css("margin-bottom","0");
		if (pageh1tit == "News/Notice") {
			$(communitysub).find("img:eq(0)").attr("src", "/images/layout/gnb_communitysub1_on.png");
		} else if (pageh1tit == "강연자료") {
			$(communitysub).find("img:eq(1)").attr("src", "/images/layout/gnb_communitysub2_on.png");
		} else if (pageh1tit == "초청특강신청") {
			$(communitysub).find("img:eq(2)").attr("src", "/images/layout/gnb_communitysub3_on.png");
		} else if (pageh1tit == "프로젝트 기술자료") {
			$(communitysub).find("img:eq(3)").attr("src", "/images/layout/gnb_communitysub4_on.png");
		} else if (pageh1tit == "이벤트 갤러리") {
			$(communitysub).find("img:eq(4)").attr("src", "/images/layout/gnb_communitysub5_on.png");
		} else if (pageh1tit == "QnA") {
			$(communitysub).find("img:eq(5)").attr("src", "/images/layout/gnb_communitysub6_on.png");
		};	
	} else if ($("#contents").hasClass("project")) {
		$("#header .gnb img[alt='PROJECT']").attr("src", "/images/layout/gnb_project_on.png");
	} else if ($("#contents").hasClass("career")) {
		$(careersub).show();
		$("#header .topmenu img[alt='CAREER']").attr("src", "/images/layout/topmenu_career_on.png");
		if (pageh1tit == "인재상") {
			$(careersub).find("img:eq(0)").attr("src", "/images/layout/topmenu_careersub1_on.png");
		} else if (pageh1tit == "인사시스템") {
			$(careersub).find("img:eq(1)").attr("src", "/images/layout/topmenu_careersub2_on.png");
		} else if (pageh1tit == "채용절차") {
			$(careersub).find("img:eq(2)").attr("src", "/images/layout/topmenu_careersub3_on.png");
		} else if (pageh1tit == "복리후생") {
			$(careersub).find("img:eq(3)").attr("src", "/images/layout/topmenu_careersub4_on.png");
		} else if (pageh1tit == "채용공고") {
			$(careersub).find("img:eq(4)").attr("src", "/images/layout/topmenu_careersub5_on.png");
		};
	} else if ($("#contents").hasClass("mypage")) {
		$(mypagesub).show();
		$("#header .topmenu img[alt='MYPAGE']").attr("src", "/images/layout/topmenu_mypage_on.png");
		if (pageh1tit == "개인정보 변경") {
			$(mypagesub).find("img:eq(0)").attr("src", "/images/layout/topmenu_mypagesub1_on.png");
		} else if (pageh1tit == "비밀번호 변경") {
			$(mypagesub).find("img:eq(1)").attr("src", "/images/layout/topmenu_mypagesub2_on.png");
		} else if (pageh1tit == "회원탈퇴") {
			$(mypagesub).find("img:eq(2)").attr("src", "/images/layout/topmenu_mypagesub3_on.png");
		};
	};
};



/* grayscale */
function grayscalethumbnail() {
	$(".eventview .items img, .projectview .items img, .lectureitem > i img").fadeIn(500);
	$(".eventview .items img, .projectview .items img, .lectureitem > i img").each(function() {
		var el = $(this);
		el
			.css("position","absolute")
			.wrap("<div class='gsimgwrap' style='display:inline-block'>")
			.clone()
			.addClass("gsimg")
			.css({
				"position":"absolute",
				"z-index":"99",
				"opacity":"0"
			})
			.insertBefore(el)
			.queue(function() {
				var el = $(this);
				el.parent().css({
					"width":this.width,
					"height":this.height
				});
				el.dequeue();
			});
		if ($.browser.msie && + $.browser.version < 9) {
			this.style.filter = "progid:DXImageTransform.Microsoft.BasicImage(grayScale=1)";
		} else {
			this.src = grayscale(this.src);
		};
	});
	$(".active .gsimg").animate({opacity:1}, 500);
	$(".gsimg").mouseover(function() {
		$(this).parent().find("img:first").stop().animate({opacity:1}, 500);
	});
	$(".gsimg, .items i").click(function() {
		$(this).parent().find("img:first").stop().animate({opacity:1}, 100);
	});
	$(".gsimg").mouseout(function() {
		if (!$(this).parents().hasClass("active")) {
			$(this).stop().animate({opacity:0}, 500);
		};
	});
}
function grayscale(src) {
	var canvas = document.createElement("canvas");
	var ctx = canvas.getContext("2d");
	var imgObj = new Image();
	imgObj.src = src;
	canvas.width = imgObj.width;
	canvas.height = imgObj.height;
	ctx.drawImage(imgObj, 0, 0);
	var imgPixels = ctx.getImageData(0, 0, canvas.width, canvas.height);
	for (var y = 0; y < imgPixels.height; y++) {
		for (var x = 0; x < imgPixels.width; x++) {
			var i = (y * 4) * imgPixels.width + x * 4;
			var avg = (imgPixels.data[i] + imgPixels.data[i + 1] + imgPixels.data[i + 2]) / 3;
			imgPixels.data[i] = avg; 
			imgPixels.data[i + 1] = avg; 
			imgPixels.data[i + 2] = avg;
		}
	}
	ctx.putImageData(imgPixels, 0, 0, 0, 0, imgPixels.width, imgPixels.height);
	return canvas.toDataURL();
}



/* from flash */
function playerClose() {
	$.mask.close();
};
function awardLoad() {
	$(".award").css("visibility","visible");
};
function awardClose() {
	$(".award").css("visibility","hidden");
};

function pFlashClose() {
		$(".projectlistflash").css("visibility","hidden");
}
function welfareList(target) {
	$(".welfaretab").hide();
	if (target == 0) {
		$("#welfare1").show();
	} else if (target == 1) {
		$("#welfare2").show();
	} else if (target == 2) {
		$("#welfare3").show();
	} else if (target == 3) {
		$("#welfare4").show();
	} else if (target == 4) {
		$("#welfare5").show();
	} else if (target == 5) {
		$("#welfare6").show();
	} else if (target == 6) {
		$("#welfare7").show();
	} else {
		$("#welfare1").show();
	};
};

/* ldsadd 2011-11-17 */
(function($){
$.fn.extend({
	Scroll:function(opt){
		if(!opt) var opt={};
		var _btnPrev = this.eq(0).find("."+ opt.prev);
		var _btnNext = this.eq(0).find("."+ opt.next);
		var timerID;
		var _space = opt.sp;
		var _this=this.eq(0).find(".scrollable div");
		var lineH=_this.find("a:first img").width()+_space,
			line=opt.line?parseInt(opt.line,10):parseInt(this.width()/lineH,10),
			speed=opt.speed?parseInt(opt.speed,10):500,
			timer=opt.timer;
		if(line==0) line=1;
		var upHeight=-line*lineH;
		var len = _this.find("a").length-2;
		var scrPrev=function(){
			if(line>=len+1){
				return false;
			}
			_btnPrev.unbind("click",scrPrev);
			var tmpLast;
			for(i=0;i<line;i++){
				_this.find("a").each(function(){
					var items = $(this);
					if(items.prop('className')=='cloned'){
						_this.find("a.cloned").remove();
					}
				})
				_this.find("a").eq(len).clone().prependTo(_this).bind({
					'click':function(event){
						$(".imgviewarea em b").html($(this).attr('numb'));
						event.preventDefault();
						
						$(".gsimg").css("opacity","0");
						$(".leftview .flashviewarea1").hide();
						var changviewimgurl = $(this).find("img").attr("src").replace("_thumb","_view");
						var imgwrap = $(".imgviewarea").fadeTo("fast", 0.7);
						var img = new Image();
						img.onload = function() {
							imgwrap.fadeTo("fast", 1);
							imgwrap.find("img").attr("src",changviewimgurl);
						};
						img.src = changviewimgurl;
						$(".items a").removeClass("active");
						$(this).addClass("active");
						if ($("#contents").hasClass("projectview")) {
							$(".rightinfo ul").hide();
							$(".rightinfo .viewport, .rightinfo .scrollbar").fadeIn("fast");
							if ($(this).hasClass("flash")) {
								$(".leftview .imgviewarea").hide();
								$(".leftview .flashviewarea1").hide().show();
							};
						};
					}
				})
				tmpLast = len-i;
			}
			_this.css({marginLeft:upHeight});
			_this.show().animate({marginLeft:0},speed,function(){
				for(i=0;i<line;i++){ _this.find("a:last").remove()}
				_btnPrev.bind("click",scrPrev);
				$(".active .gsimg").animate({opacity:1}, 500);
				$(".gsimg").mouseover(function() {
					$(this).parent().find("img:first").stop().animate({opacity:1}, 500);
				});
				$(".gsimg, .items i").click(function() {
					$(this).parent().find("img:first").stop().animate({opacity:1}, 100);
				});
				$(".gsimg").mouseout(function() {
					if (!$(this).parents().hasClass("active")) {
						$(this).stop().animate({opacity:0}, 500);
					};
				});
			});
		}
		var scrNext=function(){
			if(line>=len+1){
				return false;
			}
			_btnNext.unbind("click",scrNext);
			_btnNext.click(defEvent)
			
			for(i=0;i<line;i++){
				_this.find("a").each(function(){
					var items = $(this);
					if(items.prop('className')=='cloned'){
						_this.find("a.cloned").remove();
					}
				})
				_this.find("a").eq(i).clone().appendTo(_this).bind({
					'click':function(event){
						_this.find("a").each(function(){
							var items = $(this);
							if(items.prop('className')=='cloned'){
								_this.find("a.cloned").remove();
							}
						})
						event.preventDefault();
						$(".imgviewarea em b").html($(this).attr('numb'));
						$(".gsimg").css("opacity","0");
						$(".leftview .flashviewarea1").hide();
						var changviewimgurl = $(this).find("img").attr("src").replace("_thumb","_view");
						var imgwrap = $(".imgviewarea").fadeTo("fast", 0.7);
						var img = new Image();
						img.onload = function() {
							imgwrap.fadeTo("fast", 1);
							imgwrap.find("img").attr("src",changviewimgurl);
						};
						img.src = changviewimgurl;
						$(".items a").removeClass("active");
						$(this).addClass("active");
						if ($("#contents").hasClass("projectview")) {
							$(".rightinfo ul").hide();
							$(".rightinfo .viewport, .rightinfo .scrollbar").fadeIn("fast");
							if ($(this).hasClass("flash")) {
								$(".leftview .imgviewarea").hide();
								$(".leftview .flashviewarea1").hide().show();
							};
						};
					}
				})
			}
			_this.show().animate({marginLeft:upHeight},speed,function(){
				for(i=0;i<line;i++){ _this.find("a").eq(0).remove()}
				_this.css({marginLeft:0});
				_btnNext.bind("click",scrNext);
			});
		}
		var defEvent = function(){ return false}
		_btnPrev.click(scrPrev);
		_btnNext.click(scrNext);
		_this.find("a").eq(0).clone().prependTo(_this).addClass('cloned').css('display','none')
	}
})
})(jQuery);
/* lds-end */