$(document).ready(function() { //gnb Ŭ¸¯½Ã $("#gnb > ul > li > a").click(function(){ var w_width1 = $(document).width(); var $gnb_class = $("#gnb").attr("class"); if($gnb_class == "gnb_web"){ var open_class = $(this).attr("class"); var td_width = $(this).siblings("ul") if(open_class == "open on"){ $(this).removeClass("on"); $("#gnb").stop().animate({"width":"232"},500); $("#header").stop().animate({"width":"232"},500); $(".two_depth").stop().animate({"width":"0"},500); var $sc_width = w_width1 - 332; $("#sub_container").stop().animate({"width" : $sc_width},500); }else{ $(".gnb_web > ul > li > .open").removeClass("on"); $(this).addClass("on"); $("#gnb").stop().animate({"width":"430"},500); $("#header").stop().animate({"width":"430"},500); $(".two_depth").stop().animate({"width":"0"},500); $(this).siblings(".two_depth").stop().animate({"width":"200px"},500); var $sc_width = w_width1 - 530; $("#sub_container").stop().animate({"width" : $sc_width},500); } if (document.getElementById("flexible_gallery") != null) { setTimeout(function(){$box.masonry()}, 500); } }else if($gnb_class == "gnb_mob"){ var $length = $(this).siblings("ul").children("li").length; var $height = $length * 48; $(".two_depth").stop().animate({"height" : "0"},200); $(this).siblings("ul").stop().animate({"height" : $height},200); } }); $(".gnb_btn").toggle( function(){ $(this).parents("#gnb").stop().animate({"left":"0"},200); var $gnb_class = $("#gnb").attr("class"); if($gnb_class == "gnb_mob"){ var $length = $(".gnb_mob > ul > li > .on").siblings("ul").children("li").length; var $height = $length * 48; $(".two_depth").stop().animate({"height" : "0"},200); $(".gnb_mob > ul > li > .on ").siblings("ul").stop().animate({"height" : $height},200); } },function(){ $(this).parents("#gnb").stop().animate({"left":"-232"},200); } ); //story_new_list ¹öÆ° Ŭ¸¯½Ã $(".btn_sn a").click(function(){ $(".btn_sn a").removeClass("now_page"); $(this).addClass("now_page"); }); $(".btn_social a").mouseover(function(){ $(this).children("img").attr("src", $(this).children("img").attr("src").replace(".gif", "_on.gif")); }); $(".btn_social a").mouseout(function(){ $(this).children("img").attr("src", $(this).children("img").attr("src").replace("_on.gif", ".gif")); }); //location ¸ð¹ÙÀÏ ¹öÆ° Ŭ¸¯½Ã $(".sms").click(function(){ $(".web_sms").css("display", "block"); $(".web_sms").focus(); $(".way_list1").css("margin", "60px 0 60px") }); $(".ws_close").click(function(){ $(".web_sms").css("display", "none"); $(".way_list1").css("margin", "15px 0 60px") }); $(".select02").change(function(){ var $checkbox = document.getElementsByName("category_temp"); var $cb_leng = $checkbox.length; var $val = $(this).val().split("::"); var $val3 = $val[0]; var $val4 = $val[1]; var $checked; if($val4 == ""){return false;} for (i=0; i < $cb_leng ; i++){ var $val2 = $checkbox[i].value; if ($val4 == $val2){ $checked = $checkbox[i].checked; if($checked != true){ $checkbox[i].checked = true; } } } $val3 = $val3 + " X"; var $layout = ""+ $val3 +"" if($checked != true){ $(".item_list").append($layout); } $(".item_list a").click(function(){ $("input[value="+ $val4 +"]:checkbox").each(function() { $(this).attr("checked", false); }); $(this).remove(); }); }); $(".top_search_type01 > ul > li > ul > li > a").click(function(){ var $check = $(this).siblings("input").attr("checked"); var $c_text = $(this).text(); var $clone = $(this).clone(); $c_text = $c_text + " X"; $clone.text($c_text); if ($check == "checked"){ return false; } else{ $clone.appendTo(".item_list"); } $(this).siblings("input").click(); $(".item_list a").click(function(){ var $id = $(this).attr("id"); $(this).remove(); $("#menu"+$id).attr("checked", false); }); }); $(".item_list a").click(function(){ var $id = $(this).attr("id"); $(this).remove(); $("#menu"+$id).attr("checked", false); }); $(".tst_total").click(function(){ $(location).attr("href", "portfolio_list.asp"); }); $(".pf_list li a").mouseover(function(){ var $now_pclass = $(this).attr("class"); if($now_pclass == "td_on"){ }else{ $(this).children("img").attr("src", $(this).children("img").attr("src").replace(".jpg", "_over.jpg")); } }); $(".pf_list li a").mouseout(function(){ var $now_pclass = $(this).attr("class"); if($now_pclass == "td_on"){ }else{ $(this).children("img").attr("src", $(this).children("img").attr("src").replace("_over.jpg", ".jpg")); } }); //Æ÷Æ®Æú¸®¿À ¸®½ºÆ® web ¹öÀü °Ë»ö $(".top_search_type01 > ul > li > a").click(function(){ $(".top_search_type01 ul li ul").css("display", "none"); $(this).siblings("ul").css("display", "block"); $(".top_search_type01 > ul > li > a").css("color", "#626262"); $(this).css("color", "#009ddc"); }); }); function getOSInfoStr() { var ua = navigator.userAgent; if(ua.indexOf("NT 6.0") != -1) return "Windows Vista/Server 2008"; else if(ua.indexOf("NT 5.2") != -1) return "Windows Server 2003"; else if(ua.indexOf("NT 5.1") != -1) return "Windows XP"; else if(ua.indexOf("NT 5.0") != -1) return "Windows 2000"; else if(ua.indexOf("NT") != -1) return "Windows NT"; else if(ua.indexOf("9x 4.90") != -1) return "Windows Me"; else if(ua.indexOf("98") != -1) return "Windows 98"; else if(ua.indexOf("95") != -1) return "Windows 95"; else if(ua.indexOf("Win16") != -1) return "Windows 3.x"; else if(ua.indexOf("Windows") != -1) return "Windows"; else if(ua.indexOf("Linux") != -1) return "Linux"; else if(ua.indexOf("Macintosh") != -1) return "Macintosh"; else return ""; } var $os = getOSInfoStr().split(" ")[0]; if($os == "Macintosh") { $(window).load(function() { //óÀ½ ½ÃÀ۽à gnb $("#gnb > ul > li > a").each(function() { var $id = $(this).attr("id"); if($id == "od_on"){ $(this).next("ul").css("z-index", "100"); } }); //portfolio Åõµª½º $(".pf_list li").each(function(){ var $pf_class = $(this).children("a").attr("class"); if($pf_class == "td_on"){ $(this).children("a").children("img").attr("src", $(this).children("a").children("img").attr("src").replace(".jpg", "_on.jpg")); } }); //Æ÷Æ®Æú¸®¿À ¸®½ºÆ® ÀçÁ¤·Ä $("#gnb > ul > li > a").click(function(){ if(document.getElementById("flexible_gallery") != null) { setTimeout(function(){$box.masonry()}, 500); } }); var $box = $("#flexible_gallery"); $(window).resize(function(){ var w_width3 = $(window).width(); var w_height2 = $(window).height(); var d_height2 = $(document).height(); if (w_height2 < d_height2){ w_width3 = w_width3 + 0; } //map_api setTimeout(function(){$(".map_api").attr("src", "map_api.asp");}, 500); //recruit ·Ñ¸µ ¹è³Ê var $rc_width = $("#sub_container").width(); var $bl_width = $(".banner_list").children("li").length; var list = $rc_width / 220; var list2 = Math.floor(list) -1; $(".banner_group").css("width", list2*220); $(".banner_list").css("width", $bl_width*220); var cont_class = $(".contents").attr("class"); if(w_width3 >= 1260){ var w_width4 = $(window).width(); var w_height3 = $(window).height(); var d_height3 = $(document).height(); if (w_height3 < d_height3){ w_width4 = w_width4 + 0; } //gnb web css $("#gnb").removeClass("gnb_mob"); $("#gnb").addClass("gnb_web"); $("#gnb").css("left", "0"); $(".od_on").siblings("ul").css("z-index", "1000"); $(".two_depth").css("height", "100%"); $(".two_depth").css("width", "0"); var open_class2 = $("#header").attr("class"); if(open_class2 == "main_header"){ $("#header").css("width", "232"); $("#gnb").css("width", "232"); $(".two_depth").css("width", "0"); }else{ $("#header").css("width", "430"); $("#gnb").css("width", "430"); $(".two_depth").css("width", "200"); } $(".main_header").css("width", "232"); $(".search_keyword input").attr("placeholder", ""); //malgum ºñÁê¾ó $(".hv_wrap div").stop().animate({'padding-top' : 0, 'padding-right' : "5.6%", 'padding-bottom' : 0, 'padding-left' : "5.6%"}, 500); //work ºñÁê¾ó $(".dv_wrap div").stop().animate({'padding-top' : 0, 'padding-right' : "7%", 'padding-bottom' : 0, 'padding-left' : "7%"}, 500); $(".av_wrap div").stop().animate({'padding-top' : 0, 'padding-right' : "6.3%", 'padding-bottom' : 0, 'padding-left' : "6.3%"}, 500); $(".mv_wrap div").stop().animate({'padding-top' : 0, 'padding-right' : "7%", 'padding-bottom' : 0, 'padding-left' : "7%"}, 500); $(".gv_wrap div").stop().animate({'padding-top' : 0, 'padding-right' : "7%", 'padding-bottom' : 0, 'padding-left' : "7%"}, 500); $(".cv_wrap div").stop().animate({'padding-top' : 0, 'padding-right' : "1.6%", 'padding-bottom' : 0, 'padding-left' : "1.6%"}, 500); $(".creative_img06").stop().animate({'padding-top' : 0, 'padding-right' : "1.8%", 'padding-bottom' : 0, 'padding-left' : "4.5%"}, 500); //À©µµ¿ì ¸®»çÀÌÁî½Ã ·¹À̾ƿô var $h_class = $("#header").attr("class"); if($h_class != "policy_header"){ var $sc_width3 = w_width4 - 530; $("#sub_container").width($sc_width3); }else{ var $pc_width2 = w_width4 - 332; $("#header").css("width", "232"); $("#gnb").css("width", "232"); $(".two_depth").css("width", "0"); $("#sub_container").width($pc_width2); } $("#wrap").css("visibility", "visible"); if(w_width4 >= 1921){ // À©µµ¿ìâÀÇ Å©±â°¡ 1920º¸´Ù Ŭ °æ¿ì var $mc_width = $(window).width(); var $mc_width2 = $mc_width -232; var $mc_width3 = $mc_width2 / 100; $("#main_container").css("width", $mc_width2); $(".main_visual").css("height", $mc_width3 * 40); }else{ // À©µµ¿ìâÀÇ Å©±â°¡ 1260º¸´Ù Å©°í 1920º¸´Ù ÀÛÀ»°æ¿ì var $mc_width = $(window).width(); var $mc_width2 = $mc_width -232; var $mc_width3 = $mc_width2 / 100; $("#main_container").css("width", $mc_width2); $(".main_visual").css("height", $mc_width3 * 40); } } else { //gnb web css $("#gnb").removeClass("gnb_web"); $("#gnb").addClass("gnb_mob"); $("#gnb").css("left", "-232px"); $("#gnb").css("width", "200px"); $("#sub_container").css("width", "100%"); $(".two_depth").css("height", "0"); $(".two_depth").css("width", "200"); $("#header").css("width", "100%"); $(".search_keyword input").attr("placeholder", ""); //malgum ºñÁê¾ó $(".hv_wrap div").stop().animate({'padding-top' : 0, 'padding-right' : "5.6%", 'padding-bottom' : 0, 'padding-left' : "5.6%"}, 500); //work ºñÁê¾ó $(".dv_wrap div").stop().animate({'padding-top' : 0, 'padding-right' : "7%", 'padding-bottom' : 0, 'padding-left' : "7%"}, 500); $(".av_wrap div").stop().animate({'padding-top' : 0, 'padding-right' : "6.3%", 'padding-bottom' : 0, 'padding-left' : "6.3%"}, 500); $(".mv_wrap div").stop().animate({'padding-top' : 0, 'padding-right' : "7%", 'padding-bottom' : 0, 'padding-left' : "7%"}, 500); $(".gv_wrap div").stop().animate({'padding-top' : 0, 'padding-right' : "7%", 'padding-bottom' : 0, 'padding-left' : "7%"}, 500); $(".cv_wrap div").stop().animate({'padding-top' : 0, 'padding-right' : "1.6%", 'padding-bottom' : 0, 'padding-left' : "1.6%"}, 500); $(".creative_img06").stop().animate({'padding-top' : 0, 'padding-right' : "1.8%", 'padding-bottom' : 0, 'padding-left' : "4.5%"}, 500); var w_width5 = $(window).width(); var w_height4 = $(window).height(); var d_height4 = $(document).height(); if (w_height4 < d_height4){ w_width5 = w_width5 + 0; } if(w_width5 >= 640 && w_width5 <= 1279 ){ // À©µµ¿ìâÀÇ Å©±â°¡ 1024º¸´Ù Ŭ °æ¿ì $("#main_container").css("width", "100%"); var $mc_width = $(window).width(); var $mc_width2 = $mc_width -232; var $mc_width3 = $mc_width2 / 100; $(".main_visual").css("height", $mc_width3 * 40); }else if(w_width5 < 640){ $("#main_container").css("width", "100%"); $(".search_keyword input").attr("placeholder", "»ó¼¼°Ë»ö"); }else{ $("#main_container").css("width", "100%"); } $("#wrap").css("visibility", "visible"); } if (document.getElementById("flexible_gallery") != null) { setTimeout(function(){$box.masonry()}, 500); } }).resize(); }); } else { $(window).load(function() { //óÀ½ ½ÃÀ۽à gnb $("#gnb > ul > li > a").each(function() { var $id = $(this).attr("id"); if($id == "od_on"){ $(this).next("ul").css("z-index", "100"); } }); //portfolio Åõµª½º $(".pf_list li").each(function(){ var $pf_class = $(this).children("a").attr("class"); if($pf_class == "td_on"){ $(this).children("a").children("img").attr("src", $(this).children("a").children("img").attr("src").replace(".jpg", "_on.jpg")); } }); //Æ÷Æ®Æú¸®¿À ¸®½ºÆ® ÀçÁ¤·Ä $("#gnb > ul > li > a").click(function(){ if(document.getElementById("flexible_gallery") != null) { setTimeout(function(){$box.masonry()}, 500); } }); var $box = $("#flexible_gallery"); $(window).resize(function(){ var w_width3 = $(window).width(); var w_height2 = $(window).height(); var d_height2 = $(document).height(); if (w_height2 < d_height2){ w_width3 = w_width3 + 0; } //map_api setTimeout(function(){$(".map_api").attr("src", "map_api.asp");}, 500); //recruit ·Ñ¸µ ¹è³Ê var $rc_width = $("#sub_container").width(); var $bl_width = $(".banner_list").children("li").length; var list = $rc_width / 220; var list2 = Math.floor(list) -1; $(".banner_group").css("width", list2*220); $(".banner_list").css("width", $bl_width*220); var cont_class = $(".contents").attr("class"); if(w_width3 >= 1260) { var w_width4 = $(window).width(); var w_height3 = $(window).height(); var d_height3 = $(document).height(); //gnb web css $("#gnb").removeClass("gnb_mob"); $("#gnb").addClass("gnb_web"); $("#gnb").css("left", "0"); $(".od_on").siblings("ul").css("z-index", "1000"); $(".two_depth").css("height", "100%"); $(".two_depth").css("width", "0"); var open_class2 = $("#header").attr("class"); if(open_class2 == "main_header"){ $("#header").css("width", "232"); $("#gnb").css("width", "232"); $(".two_depth").css("width", "0"); }else{ $("#header").css("width", "430"); $("#gnb").css("width", "430"); $(".two_depth").css("width", "200"); } $(".main_header").css("width", "232"); $(".search_keyword input").attr("placeholder", ""); //malgum ºñÁê¾ó $(".hv_wrap div").stop().animate({'padding-top' : 0, 'padding-right' : "5.6%", 'padding-bottom' : 0, 'padding-left' : "5.6%"}, 500); //work ºñÁê¾ó $(".dv_wrap div").stop().animate({'padding-top' : 0, 'padding-right' : "7%", 'padding-bottom' : 0, 'padding-left' : "7%"}, 500); $(".av_wrap div").stop().animate({'padding-top' : 0, 'padding-right' : "6.3%", 'padding-bottom' : 0, 'padding-left' : "6.3%"}, 500); $(".mv_wrap div").stop().animate({'padding-top' : 0, 'padding-right' : "7%", 'padding-bottom' : 0, 'padding-left' : "7%"}, 500); $(".gv_wrap div").stop().animate({'padding-top' : 0, 'padding-right' : "7%", 'padding-bottom' : 0, 'padding-left' : "7%"}, 500); $(".cv_wrap div").stop().animate({'padding-top' : 0, 'padding-right' : "1.6%", 'padding-bottom' : 0, 'padding-left' : "1.6%"}, 500); $(".creative_img06").stop().animate({'padding-top' : 0, 'padding-right' : "1.8%", 'padding-bottom' : 0, 'padding-left' : "4.5%"}, 500); //À©µµ¿ì ¸®»çÀÌÁî½Ã ·¹À̾ƿô var $h_class = $("#header").attr("class"); if($h_class != "policy_header"){ var $sc_width3 = w_width4 - 530; $("#sub_container").width($sc_width3); }else{ var $pc_width2 = w_width4 - 332; $("#header").css("width", "232"); $("#gnb").css("width", "232"); $(".two_depth").css("width", "0"); $("#sub_container").width($pc_width2); } $("#wrap").css("visibility", "visible"); if(w_width4 >= 1921){ // À©µµ¿ìâÀÇ Å©±â°¡ 1920º¸´Ù Ŭ °æ¿ì var $mc_width = $(window).width(); var $mc_width2 = $mc_width -232; var $mc_width3 = $mc_width2 / 100; $("#main_container").css("width", $mc_width2); }else{ // À©µµ¿ìâÀÇ Å©±â°¡ 1260º¸´Ù Å©°í 1920º¸´Ù ÀÛÀ»°æ¿ì var $mc_width = $(window).width(); var $mc_width2 = $mc_width -232; var $mc_width3 = $mc_width2 / 100; $("#main_container").css("width", $mc_width2); } if($(".main_visual").hasClass("main_visual")){ var he1 = $('body').height() ; $(".main_visual").css("height", he1); mainEffect() } } else { //gnb web css if($("#gnb").hasClass('gnb_web')){ //À¥¿¡¼­ ¸ð¹ÙÀÏÅ©±â·Î º¯È¯µÉ½Ã âÀÌ °è¼Ó ¿­¿© º¸ÀÌ´Â ºÎºÐÀ» ¼öÁ¤ÇÔ. $("#gnb").css("left", "-232px"); //¸ð¹ÙÀÏ ½ºÅ©·Ñ½Ã ¸Þ´º»ç¶óÁü¶§¹®¿¡ Á¦°Å $(".two_depth").css("height", "0"); //¸ð¹ÙÀÏ ½ºÅ©·Ñ½Ã ¸Þ´º»ç¶óÁü¶§¹®¿¡ Á¦°Å } $("#gnb").removeClass("gnb_web"); $("#gnb").addClass("gnb_mob"); $("#gnb").css("width", "200px"); $("#sub_container").css("width", "100%"); $(".two_depth").css("width", "200"); $("#header").css("width", "100%"); $(".search_keyword input").attr("placeholder", ""); //malgum ºñÁê¾ó $(".hv_wrap div").stop().animate({'padding-top' : 0, 'padding-right' : "5.6%", 'padding-bottom' : 0, 'padding-left' : "5.6%"}, 500); //work ºñÁê¾ó $(".dv_wrap div").stop().animate({'padding-top' : 0, 'padding-right' : "7%", 'padding-bottom' : 0, 'padding-left' : "7%"}, 500); $(".av_wrap div").stop().animate({'padding-top' : 0, 'padding-right' : "6.3%", 'padding-bottom' : 0, 'padding-left' : "6.3%"}, 500); $(".mv_wrap div").stop().animate({'padding-top' : 0, 'padding-right' : "7%", 'padding-bottom' : 0, 'padding-left' : "7%"}, 500); $(".gv_wrap div").stop().animate({'padding-top' : 0, 'padding-right' : "7%", 'padding-bottom' : 0, 'padding-left' : "7%"}, 500); $(".cv_wrap div").stop().animate({'padding-top' : 0, 'padding-right' : "1.6%", 'padding-bottom' : 0, 'padding-left' : "1.6%"}, 500); $(".creative_img06").stop().animate({'padding-top' : 0, 'padding-right' : "1.8%", 'padding-bottom' : 0, 'padding-left' : "4.5%"}, 500); var w_width5 = $(window).width(); var w_width5 = $(window).width(); var w_height4 = $(window).height(); var d_height4 = $(document).height(); if (w_height4 < d_height4){ w_width5 = w_width5 + 0; } if(w_width5 >= 640 && w_width5 <= 1279 ){ // À©µµ¿ìâÀÇ Å©±â°¡ 1024º¸´Ù Ŭ °æ¿ì $("#main_container").css("width", "100%"); var $mc_width = $(window).width(); var $mc_width2 = $mc_width -232; var $mc_width3 = $mc_width2 / 100; $(".main_visual").css("height", $mc_width3 * 40); }else if(w_width5 < 640){ $("#main_container").css("width", "100%"); $(".search_keyword input").attr("placeholder", "»ó¼¼°Ë»ö"); }else{ $("#main_container").css("width", "100%"); } $("#wrap").css("visibility", "visible"); if($(".main_visual").hasClass("main_visual")){ var he1 = $('body').height() ; $(".main_visual").css("height", 400); mainEffect() } } if (document.getElementById("flexible_gallery") != null) { setTimeout(function(){$box.masonry()}, 500); } if(document.getElementById("map") != null) { var mapLat = 36.6558198; var mapLng = 127.493034; var mapContainer = document.getElementById('map'); // Áöµµ¸¦ Ç¥½ÃÇÒ div var mapOption = { center: new daum.maps.LatLng(mapLat, mapLng), // ÁöµµÀÇ Áß½ÉÁÂÇ¥ level: 3 // ÁöµµÀÇ È®´ë ·¹º§ }; var map = new daum.maps.Map(mapContainer, mapOption); // Áöµµ¸¦ »ý¼ºÇÕ´Ï´Ù var imageSrc = '/images/marker_e-pharos.png', // ¸¶Ä¿À̹ÌÁöÀÇ ÁÖ¼ÒÀÔ´Ï´Ù imageSize = new daum.maps.Size(136, 41), // ¸¶Ä¿À̹ÌÁöÀÇ Å©±âÀÔ´Ï´Ù imageOption = {offset: new daum.maps.Point(136, 41)}; // ¸¶Ä¿À̹ÌÁöÀÇ ¿É¼ÇÀÔ´Ï´Ù. ¸¶Ä¿ÀÇ ÁÂÇ¥¿Í ÀÏÄ¡½Ãų À̹ÌÁö ¾È¿¡¼­ÀÇ ÁÂÇ¥¸¦ ¼³Á¤ÇÕ´Ï´Ù. // ¸¶Ä¿ÀÇ À̹ÌÁöÁ¤º¸¸¦ °¡Áö°í ÀÖ´Â ¸¶Ä¿À̹ÌÁö¸¦ »ý¼ºÇÕ´Ï´Ù var markerImage = new daum.maps.MarkerImage(imageSrc, imageSize, imageOption), markerPosition = new daum.maps.LatLng(mapLat, mapLng); // ¸¶Ä¿°¡ Ç¥½ÃµÉ À§Ä¡ÀÔ´Ï´Ù // ¸¶Ä¿¸¦ »ý¼ºÇÕ´Ï´Ù var marker = new daum.maps.Marker({ position: markerPosition, image: markerImage // ¸¶Ä¿À̹ÌÁö ¼³Á¤ }); var mapTypeControl = new daum.maps.MapTypeControl(); map.addControl(mapTypeControl, daum.maps.ControlPosition.TOPRIGHT); var zoomControl = new daum.maps.ZoomControl(); map.addControl(zoomControl, daum.maps.ControlPosition.RIGHT); // ¸¶Ä¿°¡ Áöµµ À§¿¡ Ç¥½ÃµÇµµ·Ï ¼³Á¤ÇÕ´Ï´Ù marker.setMap(map); var mapLat2 = 36.6561956; var mapLng2 = 127.492381; var marker = new daum.maps.Marker({ position: new daum.maps.LatLng(mapLat2, mapLng2) }); marker.setMap(map); //markers.push(marker); } }).resize(); }); } /* masonry */ if (document.getElementById("flexible_gallery") != null) { $(function(){ $('#flexible_gallery').masonry({ itemSelector: '.item', isAnimated: true }); }); } /* ·Îµù¹Ú½º */ function loadingBox() { $(".loadingBox").css("display", "block"); } var vstart = false function mainEffect() { var left = $(window).width() - $('#header').width();; if(left == 0) { left = $(window).width() } if(!vstart) { vstart = true; var r = Math.floor((Math.random() * (3 - 0 + 1)) + 0); if($(window).width()>640){ imgChange(0) timerStart(); } $('.main_ul_v li').css('left',left) $('.main_visual_control li').click(function(){ var i = $(this).index(); imgChange(i) }); $('.visual_bg').click(function(){ // $(this).hide() }); $('.main_ul_v').hover(function(){ $('.visual_bg').hide(); clearInterval(timer); },function(){ $('.visual_bg').show(); timerStart(); }); } else { $('.main_ul_v').find('li:nth('+0+')').css('left',0) $('.main_ul_v').find('li:nth('+0+')').addClass('active'); $('.main_ul_v li:not(.active)').stop().animate({left:left,opacity : 1},{duration:1500,easing:"easeOutQuint",queue: true,complete:function(){}}); } } var timer function imgChange(i) { var left = $(window).width() - $('#header').width(); if(left == 0) { left = $(window).width() } var old_Index = $('.main_visual_control li.active').index(); $('.main_ul_v').find('li').find('iframe').each(function(i){ var src = $(this).attr('src').replace("&autoplay=1",""); $(this).attr('src', src); }); var old_x = - left if(old_Index > i) { old_x = old_x * -1 left = left * -1 } $('.main_ul_v li.active').stop().animate({left:old_x,opacity : 1},{duration:1500,easing:"easeOutQuint",queue: true,complete:function(){}}); $('.main_ul_v li').removeClass('active'); //$('.main_ul_v').find('li').fadeOut(300) $('.main_ul_v').find('li:nth('+i+')').addClass('active'); $('.main_ul_v li.active').stop().css("left",left).animate({left:0,opacity : 1},{duration:1500,easing:"easeOutQuint",queue: true,complete:function(){}}); $('.main_visual_control li').removeClass('active'); $('.main_visual_control').find('li:nth('+i+')').addClass('active'); if(i == 1 || i == 2 ) { var src = $('.main_ul_v').find('li.active').find('iframe').attr('src')+"&autoplay=1"; $('.main_ul_v').find('li.active').find('iframe').attr('src', src); } } $('.main_visual_control li').hover(function() { clearInterval(timer); },function(){ timerStart(); }); function timerStart() { clearInterval(timer); timer = setInterval(function() { var i = $('.main_visual_control li.active').index() +1; if(i > $('.main_visual_control li').length-1){ i = 0 } imgChange(i) }, 30000 ); }