var widthXs=740;
var widthSm=1098;
var widthMd=1249;
var widthLg=1250;
var editorHeight=300;

$(document).ready(function(){	
	
	
	$('.tel').on('keyup',function(event){
        event = event || window.event;
        var _val = this.value.trim();
        this.value = get_tel(_val) ;
	});

	//date range
	if($('.date-range').length > 0)
    {
		$('.date-range').each(function(){
			
			var nrangedate=$(this).next().attr("id");
			$(this).daterangepicker({
			autoUpdateInput: false,
			opens: 'right',
			parentEl: '#'+nrangedate, // this line
			showDropdowns: true,
			locale: {
				"format": "YYYY-MM-DD",
				"separator": " ~ ",
				"applyLabel": "�곸슜",
				"cancelLabel": "痍⑥냼",
				"fromLabel": "From",
				"toLabel": "To",
				"customRangeLabel": "Custom",
				"weekLabel": "W",
				"daysOfWeek": [
					"��",
					"��",
					"��",
					"��",
					"紐�",
					"湲�",
					"��"
				],
				"monthNames": [
					"1��",
					"2��",
					"3��",
					"4��",
					"5��",
					"6��",
					"7��",
					"8��",
					"9��",
					"10��",
					"11��",
					"12��"
				],
				"firstDay": 1
			},
			"alwaysShowCalendars": true,
			},function(start, end, label) {
				 $(this.element).val(start.format('YYYY-MM-DD') + ' ~ ' + end.format('YYYY-MM-DD'));
				
			});
		});
	}

	//month range
	if($('.month-range').length > 0)
  {
		$('.month-range').each(function(){

			$(this).monthpicker({
                monthNames: ['1��(JAN)', '2��(FEB)', '3��(MAR)', '4��(APR)', '5��(MAY)', '6��(JUN)',
                    '7��(JUL)', '8��(AUG)', '9��(SEP)', '10��(OCT)', '11��(NOV)', '12��(DEC)'],
                monthNamesShort: ['1��', '2��', '3��', '4��', '5��', '6��', '7��', '8��', '9��', '10��', '11��', '12��'],
                changeYear: true,
                yearRange: 'c-2:c+2',
                dateFormat: 'yy-mm'
      });
		});
	}

	$(document).on("change",".month-range",function(){
			var bdate=$(this).closest("div").find(".month-range:eq(0)").val();
			var edate=$(this).closest("div").find(".month-range:eq(1)").val();

			$(this).closest("div").find(".month-range-data").val(bdate+" ~ "+edate);
	});


	//date ym
	$(document).on("change",".year-check,.month-check",function(){
			var year=$(this).closest("div").find(".year-check").val();
			var month=$(this).closest("div").find(".month-check").val();
			$(this).closest("div").find(".year-month-val").val(year+"-"+month).trigger("change");
	});


	$(".material-symbols-outlined-bak").tooltip({
      position: {
        my: "center bottom-5",
        at: "left top",
        using: function( position, feedback ) {
          $( this ).css( position );
          $( "<div>" )
            .addClass( feedback.vertical )
            .addClass( feedback.horizontal )
            .appendTo( this );
        }
      },close: function (event, ui) {
            $(".ui-helper-hidden-accessible").remove();
        } 
    });

	/*$(".material-icons-outlined").tooltip({
      position: {
        my: "center bottom-5",
        at: "left top",
        using: function( position, feedback ) {
          $( this ).css( position );
          $( "<div>" )
            .addClass( feedback.vertical )
            .addClass( feedback.horizontal )
            .appendTo( this );
        }
      },close: function (event, ui) {
            $(".ui-helper-hidden-accessible").remove();
        } 
    });*/


	$(document).on("click", ".number", function(event) {
		if($(this).val() == "0")
		{
			$(this).val("");
		}
	});
	
	$(document).on("keyup", ".number", function(event) {
		
		if( ($(this).val().substr(0,1) == "0") && ($(this).val().substr(1,1) != "."))
		{
			if($(this).val().substr(1,1) != ".")
			{
				//$(this).val($(this).val().substr(1,1));
			}
		}
		$(this).val(comma($(this).val().replace(/[^0-9:\-.]/gi,"")));
	});

	$(document).on("change", ".number", function() {
		$(this).val( comma($(this).val().replace(/[^0-9:\-.]/gi,"")) );
	});

	$(document).on("click", "[data_href]", function() {
		location.href=$(this).attr("data_href");
	});

	$(document).on("ifChecked", "#hide_allcheck", function() {
		$(this).closest("table").find(".mlist").iCheck("check");
	});
	
	$(document).on("ifUnchecked", "#hide_allcheck", function() {
		$(this).closest("table").find(".mlist").iCheck("uncheck");
	});


	//�먮룞�꾩꽦 寃��됲썑 李얘린
	$(document).on("click",".auto2-search",function(){
		//$(this).parent().find('.auto2').prop("readonly", true);
		var menu=$(this).attr("data_menu");
		get_auto2($(this),menu,$(this).prev().attr("placeholder"));
		$(this).closest("div").find(".auto2-div").hide();
	});

	$(document).on("click",".auto2",function(){
		//$(this).parent().find('.auto2-search').trigger("click");
	});

	if($('.auto2').length > 0)
	{
		//$('.auto2').prop("readonly",true);
	}

	$(document).on("change",".auto2-seq",function(){
		if($(this).val() != "")
		{
			if( typeof get_auto2_data == 'function' ) 
			{
				get_auto2_data($(this).val(),$(this).attr("name"),$(this).closest("form"));
			}
			$(this).closest("div").find(".auto2-div").hide();
		}
	});

	$(document).on("click",".popup-close",function(){
		$(this).closest("aside").removeClass("open");
		$(this).closest("aside").css("left","revert");
		$(this).closest("aside").css("top","revert");
		$(this).closest("aside").css("bottom","-201vh");
	});

	$(document).on("click",".date-cl",function(){
		$(this).closest("div").find("input").datepicker("show");
	});

	$(document).on("click",".date-re",function(){
		$(this).closest("div").find("input").val("");
	});



	$(document).on("click",".toggle-button",function(){
		var fname=$(this).attr("data_name");
		var mode=$(this).attr("data_type");
		var id=$(this).attr("data_id");
		var count=0;
		if(mode == "one")
		{
			$("[data_name='"+fname+"']").each(function(){
				if($(this).html() == "toggle_on")
				{
					$(this).html("toggle_off");
				}
			});
			$(this).html("toggle_on");

			if( typeof usr_toggle_button == 'function' ) 
			{
				usr_toggle_button(id);
			}
		}
	});


	$(document).on('click','.file-down',function(){
		actionFrame.location.href="/?hide_post="+$('#extra_post_fileDown').val()+"&dname="+$(this).attr("data_dname")+"&sname="+$(this).attr("data_sname");
	});



	object_script($('body'));

	
});


function get_auto2(sid,menu,title)
{ 
	title = typeof title !== 'undefined' ? title : "" ;
	var w=$(window).width();
	var h=$(window).height();
	var y=menu+"/auto2?hide_responsive=not";

	pop_open("","100vh","right","80",title+" 李얘린",y,"",sid.closest("body").find(".popup-1"));
}

function get_auto2_sel(seq,menu,title)
{

	parent.$("[data_menu='"+menu+"']").parent().find(".auto2").val(title);
	parent.$("[data_menu='"+menu+"']").parent().find(".auto2-seq").val(seq).trigger("change");
	
	parent.$('.popup-layer.open .popup-close').trigger("click");
	
	if( typeof parent.get_auto2_sel_usr == 'function' ) 
	{
		parent.get_auto2_sel_usr(seq,menu,title);
	}
}



function pop_open(width,height,direction,posi,title,url,cont,f)
{

	if(direction == "left")
	{
		f.css("left",0);
	}else if(direction == "right")
	{
		f.css("right",0);
	}else if(direction == "center")
	{
		f.removeClass("center").addClass("center");
	}

	if(posi == "")
	{
		posi=60;
	}
	
	if($(window).width() < widthXs)
	{
		posi=0;
	}

	if(width == "")
	{
		width=$(window).width()-posi;
	}
	
	if(width > $(window).width())
	{
		width =$(window).width();
	}
	

	f.css("width",width);
	
	if(height != "")
	{
		f.css("height",height);
	}
	
	$(f.find('.popup-header')).find("span").html(title);

	if(url != "")
	{
		$(f.find('.popup-cont')).find("iframe").attr("src",url);
		if(height != "")
	   	{
	       $(f.find('.popup-cont')).find("iframe").css("height",height);
	   	}

		$(f.find('.popup-cont')).find("iframe").on("load",function(){
			if($(this).attr("src") != "")
			{
				loading_hide();
			}
			
		});
	
	}else if(cont != "")
	{
		
		f.find('.popup-cont').html(cont);
		f.find('.popup-cont').css("margin-top",f.find('.popup-header').height()+20+"px");
		f.find('.popup-cont').css("overflow-y","auto");
		f.find('.popup-cont').css("height",f.height()-f.find('.popup-header').height()-40+"px" )
	}
	f.addClass("open");
	
	
}


function loading_show(){
	var maskHeight = $(document).height();
	var maskWidth = window.document.body.clientWidth;
	var mask = "<div id='mask' style='position:absolute; z-index:20010; background-color:#000000; display:none; left:0; top:0;'></div>";
	var loadingImg = ''; 
	loadingImg += "<div id='loadingImg' style='position:absolute; left:50%; top:40%; display:none; z-index:20011;'>";
	loadingImg += " <img src='/_images/loading.gif'/>";
	loadingImg += "</div>";
	$('body').append(mask).append(loadingImg);
	$('#mask').css({ 'width' : maskWidth , 'height': maskHeight , 'opacity' : '0.3' });
	$('#mask').show(); $('#loadingImg').show(); 
}

function loading_hide(){
	$('#mask, #loadingImg').hide();
	$('#mask, #loadingImg').remove();
}


function object_script(obj)
{
	obj.find(".icheck").iCheck({
		checkboxClass: 'icheckbox_minimal-blue',
         radioClass: 'iradio_minimal-blue'	
	});

	obj.find('.input-date').datepicker({
		dateFormat: 'yy-mm-dd',
		prevText: '�댁쟾 ��',
		nextText: '�ㅼ쓬 ��',
		monthNames: ['1��','2��','3��','4��','5��','6��','7��','8��','9��','10��','11��','12��'],
		monthNamesShort: ['1��','2��','3��','4��','5��','6��','7��','8��','9��','10��','11��','12��'],
		dayNames: ['��','��','��','��','紐�','湲�','��'],
		dayNamesShort: ['��','��','��','��','紐�','湲�','��'],
		dayNamesMin: ['��','��','��','��','紐�','湲�','��'],
		showMonthAfterYear: true,
		changeMonth: true,
        changeYear: true,
		yearRange: 'c-100:c+10', 
		yearSuffix: '��'
	});


 	obj.find('.input-month').each(function(){

			$(this).monthpicker({
                monthNames: ['1��(JAN)', '2��(FEB)', '3��(MAR)', '4��(APR)', '5��(MAY)', '6��(JUN)',
                    '7��(JUL)', '8��(AUG)', '9��(SEP)', '10��(OCT)', '11��(NOV)', '12��(DEC)'],
                monthNamesShort: ['1��', '2��', '3��', '4��', '5��', '6��', '7��', '8��', '9��', '10��', '11��', '12��'],
                changeYear: true,
                yearRange: 'c-2:c+2',
                dateFormat: 'yy-mm'
      });
		});
	

	obj.find('.month-range').each(function(){

			$(this).monthpicker({
                monthNames: ['1��(JAN)', '2��(FEB)', '3��(MAR)', '4��(APR)', '5��(MAY)', '6��(JUN)',
                    '7��(JUL)', '8��(AUG)', '9��(SEP)', '10��(OCT)', '11��(NOV)', '12��(DEC)'],
                monthNamesShort: ['1��', '2��', '3��', '4��', '5��', '6��', '7��', '8��', '9��', '10��', '11��', '12��'],
                changeYear: true,
                yearRange: 'c-2:c+2',
                dateFormat: 'yy-mm'
      });
		});


	if(obj.find('.editor_cont').length > 0)
	{

		obj.find('.editor_cont').summernote({
				height: 300,
				toolbar: [
					['style', ['style']],
					['color', ['color']],
					['Insert', ['picture','link','video','table','hr','specialchars']],
					['para', ['ul', 'ol', 'paragraph']],
					['height', ['height']],
					['misc', ['undo','redo','fullscreen', 'codeview']]
				],
				fontSizes: ['8','9','10','11','12','13','14','15','16','17','18','19','20','24','30','36','48','64','82','150'],
				callbacks : {
					onImageUpload: function(img) {
						uploadImage(img[0],$(this));
					}
				},
				lang : 'ko-KR'
		});

		obj.find('.editor_cont').each(function(idx){
	      	$(this).summernote('code',$(this).parent().find("textarea").val());
	    	});
	}


	obj.find(".combo-box").combobox();

}

/* cmbo box */
$.widget( "custom.combobox", {
  _create: function() {
    this.wrapper = $( "<span>" )
      .addClass( "custom-combobox" )
      .insertAfter( this.element );

    this.element.hide();
    this._createAutocomplete();
    this._createShowAllButton();
  },

  _createAutocomplete: function() {
    var selected = this.element.children( ":selected" ),
      //value = selected.val() ? selected.text() : "";
    value=$(this.element).attr("data_combo");

    this.input = $( "<input>" )
      .appendTo( this.wrapper )
      .val( value )
      .attr( "title", "" )
      .attr( "type", "text" )
      .attr( "name","KeyName_"+$(this.element).attr("name"))
      .addClass( "input custom-combobox-input" )
      .autocomplete({
        delay: 0,
        minLength: 0,
        source: this._source.bind( this )
      })
      .on( "click", function() {
        $(this).next().trigger("click");
      });

    this._on( this.input, {
      autocompleteselect: function( event, ui ) {
        ui.item.option.selected = true;
        this._trigger( "select", event, {
          item: ui.item.option
        });
      },

      autocompletechange: "_removeIfInvalid"
    });
  },

  _createShowAllButton: function() {
    var input = this.input,
      wasOpen = false;

    $( "<a>" )
      .attr( "tabIndex", -1 )
      .attr( "title", "Show All Items" )
      .appendTo( this.wrapper )
      .button({
        icons: {
          primary: "ui-icon-triangle-1-s"
        },
        text: false
      })
      .addClass( "custom-combobox-toggle" )
      //.removeClass( "ui-button")
      .removeClass( "ui-corner-all")
      .removeClass( "ui-widget")
      .removeClass( "ui-button-icon-only")
      .css("height",input.css("height"))
      .on( "mousedown", function() {
        wasOpen = input.autocomplete( "widget" ).is( ":visible" );
      })
      .on( "click", function() {
        input.trigger( "focus" );

        // Close if already visible
        if ( wasOpen ) {
          return;
        }

        // Pass empty string as value to search for, displaying all results
        input.autocomplete( "search", "" );
        $('.ui-menu .ui-menu-item-wrapper').css("font-size",input.css("font-size"));
      });
  },

  _source: function( request, response ) {
    var matcher = new RegExp( $.ui.autocomplete.escapeRegex(request.term), "i" );
    response( this.element.children( "option" ).map(function() {
      var text = $( this ).text();
      if ( this.value && ( !request.term || matcher.test(text) ) )
        return {
          label: text,
          value: text,
          option: this
        };
    }) );
  },

  _removeIfInvalid: function( event, ui ) {

    // Selected an item, nothing to do
    if ( ui.item ) {
      return;
    }
    // Search for a match (case-insensitive)
    var value = this.input.val(),
      valueLowerCase = value.toLowerCase(),
      valid = false;
    this.element.children( "option" ).each(function() {
      if ( $( this ).text().toLowerCase() === valueLowerCase ) {
        this.selected = valid = true;
        return false;
      }
    });

    // Found a match, nothing to do
    if ( valid ) {
      return;
    }

    // Remove invalid value
    /*this.input
      .val( "" )
      .attr( "title", value + " didn't match any item" )
      .tooltip( "open" );
    this.element.val( "" );
    this._delay(function() {
      this.input.tooltip( "close" ).attr( "title", "" );
    }, 2500 );
    this.input.autocomplete( "instance" ).term = "";*/
  },

  _destroy: function() {
    this.wrapper.remove();
    this.element.show();
  }
});