// 브라우저 검사

var strBrowser = "";
var userAgent = navigator.userAgent;
function checkBrowser(){
	if( userAgent.indexOf( "Mobile" ) > 0 ){
		return "mobile";
	
	}else if( userAgent.indexOf( "MSIE" ) > 0 ) {
		var msIndex = userAgent.indexOf( "MSIE" ) + 5;
		for( var i = 6 ; i < 11 ; i++ ) {
			var target = i + "";
			if( userAgent.indexOf( target, msIndex ) == msIndex ) return target;
		}
	}else{
		return "else";
	}
	return undefined;
}

if(checkBrowser() == "mobile"){
    strBrowser = "m";
}else{
    strBrowser = "w";
}

/*gnb메뉴*/
// gnb button open / close
function GnbOpen(){ 
	$("#nav").addClass("open");   
	//$(".container").addClass("overlay-open");
	$(".gnb").css('display','none');

	//$(".slider_inner").css('padding-left','550px'); 
	$(".slider_inner").stop().animate({left:30+"%"},500);//27
	$(".slider-wrapper .slick-dots").stop().animate({left:28+"%"},500);//right 75
}	
function GnbClose(){ 
	$("#nav").removeClass("open");
	//$(".container").removeClass("overlay-open");

	$(".gnb").css('display','block');
	//$(".slider_inner").css('padding-left','452px');
	$(".slider_inner").stop().animate({left:15.5+"%"},500);//18.2
	$(".slider-wrapper .slick-dots").stop().animate({left:13.5+"%"},500);//right 84
}
/*gnb메뉴 끝*/

/*$(function () {
	ui.init();	


	var q = 0;    
	var flag = true;

    $(".btn_next").click(function() {
		$("#box" + q).removeClass('active');	
		q = q + 1;

		if(q > 6) {
			$(".btn_next").remove();
			$("#project").removeClass("open");
			$("#project").removeClass("active");
		} else {
			$("#box" + q).addClass('active');
			$(".form_box").removeClass("is-error");
		}		
    });
});*/

/*프로젝트 의뢰하기*/
$(function () {
   ui.init();   

   $(".project").click(function(){
      
	  $("#nav").removeClass("open"); //181217 추가
      
      var q = 1;    
      var flag = true;

      $(".btn_next").click(function() {
		  if(q=="1"){
			  if($("#box1 #name").val()==""){
				alert("성함을 적어주세요.");
				return false;
			  }
		  }
		  if(q=="2"){
			  if($("#box2 #company").val()==""){
				alert("회사명을 적어주세요.");
				return false;
			  }
		  }
		  if(q=="3"){
			  if($("#box3 #number").val()==""){
				alert("전화번호를 적어주세요.");
				return false;
			  }
		  }
		  if(q=="4"){
			  if($("#box4 #email").val()==""){
				alert("이메일 주소를 적어주세요.");
				return false;
			  }
		  }
		  if(q=="5"){
			  if($("#box5 #content").val()==""){
				alert("외뢰 내용을 간단히 적어주세요.");
				return false;
			  }
			  var name = $("#box1 #name").val();
			  var company = $("#box2 #company").val();
			  var number = $("#box3 #number").val();
			  var email = $("#box4 #email").val();
			  var content = $("#box5 #content").val();
					$.ajax({
						type: 'POST',
						url: './project_request_save.php',
						dataType: 'json',
						data: {
							name: name
							,company: company
							,number: number
							,email: email
							,content: content
						},
						async: false,
						beforeSend: function(xhr) {},
						complete: function(request,status) {}
					}).done(function(data, textStatus, jqXHR) {
						if (data) {
							if (data.resultCode == '000') {
							} else {
								alert('저장에 문제가 있습니다.\n다시 시도해주세요.');
								return;
							}
						} else {
							alert('저장에 문제가 있습니다.\n다시 시도해주세요.');
							return;
						}
					}).fail(function(jqXHR, textStatus) {
						alert('textStatus: ' + textStatus);
						return;
					});
		  }


         $("#box" + q).removeClass('active');   
         $("#box" + q).css('opacity',0)
         q = q + 1;
         $("#box" + q).stop().animate({opacity:1},500)
         $("#box" + q).find('.form').stop().animate({opacity:1},500)
         
         if(q > 6) {
            q = 1;
            //$(".btn_next").remove();
            $("#project").removeClass("open");
            $("#project").removeClass("active");
            return false;
         } else {
            $("#box" + q).addClass('active');
            $(".form_box").removeClass("is-error");
			
         }      
      });
   
   })
});

function layerOpen(layer){ 
	//wrapWindowByMask(); 
	$(layer).addClass("open");
	if ($(layer).is(".open")) {
		setTimeout(function() {
			$(layer).addClass("active");
			$(".layer_sec:eq(0)").addClass("active");
		}, 300);
	}
} 
function layerClose(layer){ 
	$(layer).removeClass("open").fadeIn(800);
	$(layer).removeClass("active").fadeIn(800);

	if (layer == "#layer_personal"){
	$(".mask").css({display: "block"}); 
	} else {
	}
} 
/*프로젝트 의뢰하기 끝*/

function wrapWindowByMask(){ 
	var maskHeight = $(document).height();  
	var maskWidth = $(window).width();  

	$('.mask').css({'height':maskHeight});  

	$('.mask').fadeIn(800);      
	$('.mask').fadeTo("fast",0.8);    
}

var ui = {
    o: {},
    init: function() {
        this.o.win        = $(window); 
        this.o.wrap      = $("#wrap");
        this.o.nav        = $(".nav");
        this.o.gnb        = $(".gnb");

        this.navi();
        this.chkBroswer();
        this.changeMainColor();
        this.changePageColor();
        this.addEvents();

        if ( $(".page-marker").data("page") === "list" ) {
            ui.listImgLoader();
        }
        this.o.win.resize();
    },

	// navi Number active
	navi: function() {
		var mainNum = "1";
		var aboutNum = "2";
		var portfolioNum = "3";
		var newsNum = "4";
		var awardNum = "5";
		var contactNum = "6";
		//console.log(window.portfolioNum);
		// nav active
        if ( $(".page-marker").data("page") === "main" ) {
			$(".gnb .num.pagenum").text(mainNum);
			$(".menu_01").addClass("active");
        } else if ( $(".page-marker").data("page") === "about" ) {
			$(".gnb .num.pagenum").text(aboutNum);
			$(".menu_02").addClass("active");
		} else if ( $(".page-marker").data("page") === "portfolio" ) {
			$(".gnb .num.pagenum").text(portfolioNum);
			$(".menu_03").addClass("active");
		} else if ( $(".page-marker").data("page") === "news" ) {
			$(".gnb .num.pagenum").text(newsNum);
			$(".menu_04").addClass("active");
		} else if ( $(".page-marker").data("page") === "award" ) {
			$(".gnb .num.pagenum").text(awardNum);
			$(".menu_05").addClass("active");
		} else if ( $(".page-marker").data("page") === "contact" ) {
			$(".gnb .num.pagenum").text(contactNum);
			$(".menu_06").addClass("active");
		}
	},

	changePageColor: function() {	
		$("body").removeClass("bg_light");
		if ( $(".page-marker").data("page") === "about" ) {
			$("body").addClass("bg_light");
		} else if ( $(".page-marker").data("page") === "award" ) {
			$("body").addClass("bg_light");
		} else if ( $(".page-marker").data("page") === "contact" ) {
			$("body").addClass("bg_light");
		}
	},

	changeMainColor: function(type) {
		if(type=="bg_dark") {
			$('body').removeClass('bg_light');
		} else {
			$('body').addClass('bg_light');
		} 
	},

	// ie check
    chkBroswer: function() {
        var agent = navigator.userAgent.toLowerCase();

        if ( (navigator.appName == 'Netscape' && navigator.userAgent.search('Trident') != -1) || (agent.indexOf("msie") != -1) ) {
            $("#wrap").addClass("ie");
        }
    },// end of chkBroswer

    addEvents: function() {
        var $win			= this.o.win,
            $wrap			= this.o.wrap,
            $nav			= this.o.nav,
			$gnb			= this.o.gnb,		
            winHeight	= 0;

        $win.on("resize", function() {
            winHeight = $win.height();

            if( $win.width() <= 1280 ) {
                if( $(".page-marker").data("page") === "about" ) {
                    $(".awards img, .client img").each(function() {
                        var $this  = $(this),
                            imgSrc = $this.attr("src").split(".png")[0];

                        if( $this.hasClass("changed") ) return;
                        //$this.attr("src", imgSrc + "@1280.png").addClass("changed");
                    });
                }
            } else {
                if( $(".page-marker").data("page") === "about" ) {
                    $(".awards img, .client img").each(function() {
                        var $this  = $(this),
                            imgSrc = $this.attr("src").split("@1280.png")[0];

                        if( $this.hasClass("changed") ) {
                            $this.attr("src", imgSrc + ".png").removeClass("changed");
                        }
                    });
                }
            }

			//$wrap.height(winHeight);
        });
    } // end of addEvents
};


$(document).ready(function(){

	/*nav메뉴 - Project Request 이동*/
	 $(".family_list .project").click(function(){
         $('.layer_inner .layer_sec .form').stop().delay(500).animate({opacity:1},500);
		 $('.btn_container').stop().delay(1000).animate({opacity:1},1000);
      })

	/*Project Request inner 텍스트*/
	 $(".project > a, .bg_link").click(function(){
         $('.layer_inner .layer_sec .form').stop().delay(500).animate({opacity:1},500);
		 $('.btn_container').stop().delay(1000).animate({opacity:1},1000);
      })

	/*Project Request : commit버튼 인풋 리셋*/
	 $(".btn_container_close > a").click(function() {  
		$("#name").val('');
		$(".form").each(function(){
			$(this).find('input').val("");
			$(this).find('textarea').val("");
		})
    })

	/*Project Request : 닫기 버튼 인풋 리셋*/
	$(".layer_close").click(function() {  
		$("#name").val('');
		$(".form").each(function(){
			$(this).find('input').val("");
			$(this).find('textarea').val("");
		})	
	})

	/*NAV : X bouttn*/
	$('.nav_close').hover(function(){		
		$('.nav_close').css('transform','rotate(90deg)');
	}, function(){		
		$('.nav_close').css('transform','rotate(-90deg)');
	})

	/* GNB bouttn*/
	$('.gnb').hover(function(){		
		$('.gnb_line01').stop().animate({width:38},200);
		$('.gnb_line02').stop().animate({width:28},200);
		$('.gnb_line03').stop().animate({width:38},200);

	}, function(){		
		$('.gnb_line01').stop().animate({width:28},100);
		$('.gnb_line02').stop().animate({width:38},200);
		$('.gnb_line03').stop().animate({width:28},200);
	})

	/*SITE-VIEW btn*/
	$('.btn_link').hover(function(){		
		$('.btn_link').css('color','#fff');
		$('.btn_link').css('background','#636363');
	}, function(){		
		$('.btn_link').css('color','#636363');
		$('.btn_link').css('background','#fff');
	})

});