$(window).scroll(function(){agree_popup.move();});
$(window).resize(function(){agree_popup.move();});

//약관보기
var agree_view = function(tp){
  agree_popup.show($('#agreementLayer'+tp));
}

//약관팝업
var agree_popup = {
    show : function(obj){
      $('#agreementLayer1, #agreementLayer2, #agreementLayer3').hide();
      this.dialog(obj);
      obj.fadeIn('slow');
    },
    hide : function(){
      this.popLayer.fadeOut('slow');
      this.popLayer = undefined;
    },
    move : function(){
      obj = this.popLayer;
      if(typeof(obj) != "undefined") this.dialog(obj);
    },
    dialog : function(obj){
      var wH = $(window).height();
      var _y =(window.pageYOffset) ? window.pageYOffset : (document.documentElement && document.documentElement.scrollTop) ? document.documentElement.scrollTop : (document.body) ? document.body.scrollTop : 0;
      var h = (_y<1) ? wH/2 : wH/2+_y;
      var top = h - obj.height()/2;
      var left = ($(window).width() / 2) - (obj.width() / 2);
      if(left < 0) left = 0;
      if(top < 0) top = 0;
      this.popLayer = obj;
      this.popLayer.css({"z-index":"2000","left":left + 'px',"top":top + 'px'});
    }
};

//전체동의
function agree_all(){
  if($("#agree0").attr("checked")){
    $('#agree1,#agree2,#agree3').prop("checked",true);
  }
  else{
    $('#agree1,#agree2,#agree3').prop("checked",false);
  }
}

//약관체크
function agree_check(tp){
  //1: 맛보기, 2: 구매하기
  if($("#agree1").attr("show") && !$("#agree1").attr("checked") ){
    alert("서비스 이용을 위한 개인정보 수집·이용안내에 동의 하셔야 서비스 이용이 가능합니다.");
    $("#agree1").focus();
    return false;
  }
  else if($("#agree2").attr("show") && !$("#agree2").attr("checked") ){
    alert("개인정보 제3자 제공 안내에 동의 하셔야 서비스 이용이 가능합니다.");
    $("#agree2").focus();
    return false;
  }
  else if(tp == 2 && $("#agree3").attr("show") && !$("#agree3").attr("checked") ){
    alert("유료 서비스 이용 약관에 동의 하셔야 서비스 이용이 가능합니다.");
    $("#agree3").focus();
    return false;
  }
  return true;
}

common_terms = '';
common_terms += '<div style="border-top:1px dotted #dbdbdb;padding:10px;">';
common_terms += '  <h5 style="font-weight:bold;margin-bottom:5px;">전체동의 <input type="checkbox" id="agree0" onclick="agree_all(); "/></h5>';
common_terms += '  <ul style="margin-left:10px;">';
common_terms += '    <li style="padding:5px 0;"><input type="checkbox" id="agree1" show="true" /> <label for="agree1">개인정보 수집 및 이용 동의</label> <button onclick="agree_view(1);return false;" style="border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border:1px solid #ccc;margin-left:10px;font-size:12px;padding-bottom:2px;margin-bottom:2px;">고지내용보기</button></li>';
common_terms += '    <li style="padding:5px 0;"><input type="checkbox" id="agree2" show="true"/> <label for="agree2">개인정보 제3자 제공 동의</label> <button onclick="agree_view(2);return false;" style="border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border:1px solid #ccc;margin-left:10px;font-size:12px;padding-bottom:2px;margin-bottom:2px;">고지내용보기</button></li>';
common_terms += '  </ul>';
common_terms += '</div>';

common_terms += '<style>';
common_terms += '.alertLayer { display:none; position: absolute; left: 0px; top: 0px;  z-index: 2000; width: 240px; color: #333; background: #fff; font-size:16px; text-align: left; border: 2px solid #000; border-radius: 5px; box-shadow: 0 5px 5px #000; }';
common_terms += '.popupHeader { height: 38px; width: 100%; background: url(http://m.fortune.nate.com/common/images/popup/titleBG320.png); }';
common_terms += '.popupHeader h1 { margin-left: 10px; color: #fff; font-size: 16px; line-height: 38px; background: url(http://m.fortune.nate.com/common/images/popup/titleIcon320.png) no-repeat left center; text-indent: 30px; }';
common_terms += '.popupSection { width: 100%; }';
common_terms += '.popupFooter { width: 100%; height: 40px; background: #bdbebd; text-align: center; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }';
common_terms += '.popupFooter .button { display:inline-block; margin-top: 4px; width: 87px; height: 33px; color: #333; font-size: 16px; font-weight: bold; line-height: 33px; background: url(http://m.fortune.nate.com/common/images/popup/button1s320.png) no-repeat; cursor: pointer; }';
common_terms += '.popupSection li a { float:left; }';
common_terms += '.popupSection .icon { width:80px; }';
common_terms += '.popupSection .text { text-align:center; }';
common_terms += '</style>';

common_terms += '<div id="agreementLayer1" class="alertLayer"  style="width:300px">';
common_terms += '  <div class="popupHeader">';
common_terms += '    <h1>개인정보 수집 및 이용 동의 안내</h1>';
common_terms += '  </div>';
common_terms += '  <div class="popupSection">';
common_terms += '    <ul style="margin:20px;">';
common_terms += '        <li style="font-size:11px;color:#808080;">· 수집항목 : 이름,생년월일,생시,성별</li>';
common_terms += '        <li style="font-size:11px;color:#808080;">· 수집목적 : 운세 서비스 컨텐츠 제공, 효율적인 고객 지원 및 운영</li>';
common_terms += '        <li style="font-size:11px;color:#808080;">· 이용기간 : 컨텐츠 제공완료 (2016년 2월 15일) 후 개인정보 자동 파기</li>';
common_terms += '        <li style="font-size:11px;color:#808080;">· 개인정보 수집 및 이용동의에 대해서는 거부 할 수 있으며, 거부 시에는 운세 서비스 이벤트 컨텐츠 이용이 불가합니다.</li>';
common_terms += '    </ul>';
common_terms += '  </div>';
common_terms += '  <div class="popupFooter">';
common_terms += '    <span class="button close" onclick="agree_popup.hide()" >닫기</span>';
common_terms += '  </div>';
common_terms += '</div>';

common_terms += '<div id="agreementLayer2" class="alertLayer"  style="width:300px">';
common_terms += '  <div class="popupHeader">';
common_terms += '    <h1>개인정보 제3자 제공 동의안내</h1>';
common_terms += '  </div>';
common_terms += '  <div class="popupSection">';
common_terms += '    <ul style="margin:20px;">';
common_terms += '       <li style="font-size:11px;color:#808080;">· 제공받는 자 : (주)휴먼텍코리아</li>';
common_terms += '        <li style="font-size:11px;color:#808080;">· 제공할 정보 : 이름,생년월일,생시,성별</li>';
common_terms += '        <li style="font-size:11px;color:#808080;">· 제공 목적 : 운세 서비스 컨텐츠 제공</li>';
common_terms += '        <li style="font-size:11px;color:#808080;">· 이용 기간 : 컨텐츠 제공완료 (2016년 2월 15일) 후 개인정보 자동 파기</li>';
common_terms += '        <li style="font-size:11px;color:#808080;">· 개인정보 제3자 제공 동의에 대해서는 거부 할 수 있으며, 거부 시에는 운세 서비스 이벤트 컨텐츠 이용이 불가합니다.</li>';
common_terms += '    </ul>';
common_terms += '  </div>';
common_terms += '  <div class="popupFooter">';
common_terms += '    <span class="button close" onclick="agree_popup.hide()" >닫기</span>';
common_terms += '  </div>';
common_terms += '</div>';

document.write(common_terms);