var interactiveFunc = {};
var customSelectFunc = {};

$(document).ready(function(){
    $(".toggler").click(function(e){
        e.preventDefault();
		if ($(".toggler span").hasClass('togglerbutton')) {
                $(".toggler span").removeClass('togglerbutton')
				$(".toggler span").addClass('togglerbutton2')
                $('.' + $(this).attr('rel')).toggle();
            } else if ($(".toggler span").hasClass('togglerbutton2')) {
				$(".toggler span").removeClass('togglerbutton2')
                $(".toggler span").addClass('togglerbutton')
                $('.' + $(this).attr('rel')).toggle();
            }	
     });
	 	
		
		
		 $('.editorlink').click(function (e) {
            e.preventDefault();
            $(this).addClass('editordisappear');
            $('.' + $(this).attr('rel')).fadeIn();
        });
		
		/* 隱藏展開 */
        $('.btnshowhidebox').click(function (e) {
            e.preventDefault();
            $('.' + $(this).attr('rel')).fadeIn();
        });


        $('.cancelchange').click(function (e) {
            e.preventDefault();
			$(this).parents('td').children('.showarea').children('.editorlink').removeClass('editordisappear');
            $('.' + $(this).attr('rel')).hide();
        });
		
		$('.successchange').click(function (e) {
            e.preventDefault();
			$(this).parents('td').children('.showarea').children('.messagesuccess').fadeIn();
			$(this).parents('td').css('background-color','#F2F2F2');
            $('.' + $(this).attr('rel')).hide();
        });
		
		
		
		$(".postboxshow").change(function(){
			var item = $('input[name=postboxusage]:checked').val();
            if(item==1){
                $("#postboxyes").hide();
                $("#postboxno").show();
            } else{
				$("#postboxno").hide();
                $("#postboxyes").show();
                
            }

        });
		
		//選擇按鈕變色
		// choice radio button change font color
        var chgRadioColor = function(_touchedObj){
            _touchedObj.each(function(e){
                var _this = $(this);
                var _target;

                if(_this.attr('type') != 'undefined'){
                    if(_this.prop('checked'))
                    {
                        _this.parent().css({color:'#ab5f00'});//e71a0f
                    }
                }
            });
        }
        // setup default color
        chgRadioColor($('.chgColor input'));
        // change font color
        $('.chgColor').on('click', function(e){
            var _targetName = $(e.currentTarget).data('input-name');
            $('input[name='+_targetName+']').parent().css({color:'inherit'});

            chgRadioColor($(e.target));
        });

		
		
		
		
		
		
		
		
		
		
		$(".shownote").click(function(){
                $(".shortnote").hide();
                $(".longnote").show();
        });
		
		$(".hidenote").click(function(){
                $(".shortnote").show();
                $(".longnote").hide();
        });
		
		
		
		$(".addacount").change(function() {
      		if(this.checked) {
          		$(this).parents('td.tdleft').addClass('addacountselect');
			}else{
				$(this).parents('td.tdleft').removeClass('addacountselect');
			}
		});
		
		 $('.normalarea a.btnbilltypeselect').click(function (e) {
            e.preventDefault();
            $(this).parent().addClass('active')
            $('.detailarea .boxbillchecktypeselect').removeClass('active');
        });

        $('.detailarea a.btnbilltypeselect').click(function (e) {
            e.preventDefault();
            $(this).parent().addClass('active')
            $('.normalarea .boxbillchecktypeselect').removeClass('active');
        });
		

		/* fancybox pop */
        $(".fancybox").fancybox({
            autoScale: true,
            fitToView: true,
            padding: 0
        });
		
		//兌換點數 增加 減少數量
        $('.productlistbox').on('click','.btnminus',function(e){
            var item_num = parseInt($(this).parent().find('.productlistboxnum').val());
            item_num--;
            item_num = (item_num<=0)?0:item_num;
            $(this).parent().find('.productlistboxnum').val(item_num)
        });

        $('.productlistbox').on('click','.btnplus',function(e){
            var item_num = parseInt($(this).parent().find('.productlistboxnum').val());
            item_num++;
            $(this).parent().find('.productlistboxnum').val(item_num)
        });


	
	 		$('.btnemailchange').click(function (e) {
                e.preventDefault();
                $('.inputemail').prop('disabled', false);
                $(this).hide();
                $('.btnchangecancel').fadeIn();
            });

            $('.btnchangecancel').click(function (e) {
                e.preventDefault();
                $('.inputemail').prop('disabled', true);
                $(this).hide();
                $('.btnemailchange').fadeIn();
            });
			
			 $(".ebillregistradio").change(function () {
                if ($("input[name='radioebilltype']:checked").val() == 1) {
                    $(".emailform").show();
                } else {
                    $(".emailform").hide();
                }
            });

			


		$('[id^=descClose_]').click(function(){
    	var scn = $(this).attr('id').split("_")[1];
		if ($(this).hasClass("odd") ) {
			$(this).removeClass("odd");
			$("#unfold_" + scn).removeClass("on");
    		$("#descOpen_" + scn).removeClass("odd");
		} else {
			$(this).addClass("odd");
			$("#unfold_" + scn).addClass("on");
    		$("#descOpen_" + scn).addClass("odd");
		}
	});
	$('[id^=descOpen_]').click(function(){
    	var scn = $(this).attr('id').split("_")[1];
		if ($(this).hasClass("odd") ) {
			$(this).removeClass("odd");
			$("#unfold_" + scn).removeClass("on");
    		$("#descClose_" + scn).removeClass("odd");
		} else {
			$(this).addClass("odd");
			$("#unfold_" + scn).addClass("on");
    		$("#descClose_" + scn).addClass("odd");
		}
	});
	
	
	
	
	 var cont = $('.bill-auto-pay-form');
            var whichNum = $("select.select-which-number", cont).find(":selected").val();
            var chgTarget = function(_no){
                $(".select-target", cont).hide();
                $(".select-target.type-"+_no, cont).show();
            }
            chgTarget(whichNum);
            $("select.select-which-number", cont).change(function(e){
                chgTarget(e.currentTarget.value);
            });
			
	
			
	 var cont = $('.emailresandcont1');
            var whichNum = $("select.select-which-number", cont).find(":selected").val();
            var chgTarget = function(_no){
                $(".select-target", cont).hide();
                $(".select-target.type-"+_no, cont).show();
            }
            chgTarget(whichNum);
            $("select.select-which-number", cont).change(function(e){
                chgTarget(e.currentTarget.value);
            });
			
	 // tab switcher
        $('.tab-btn-item').on('click', function(e){
            var _this = $(e.currentTarget);
            var _targid = _this.data('tab-cont-id');

            _this.siblings().removeClass('active');
            _this.addClass('active');

            $('.tabContLister .item').removeClass('active').hide();
            $('.tabContLister #'+_targid+'.item').addClass('active').hide().fadeIn(350);
        });
		
	 /* 子層表格展開關閉 */
        $('.btn-collapse').click(function (e) {
            e.preventDefault();
            if ($(this).hasClass('btn-collapse-open')) {
                $(this).removeClass('btn-collapse-open')
                $('.' + $(this).attr('rel')).hide();
            } else {
                $(this).addClass('btn-collapse-open')
                $('.' + $(this).attr('rel')).fadeIn();
            }
        });
	
	        
});

	
		//input text 錯誤提示
    interactiveFunc.showInputTextError = function (_container, _onoff, _error) {
        //移除所有錯誤訊息
        while ($(_container).parent().hasClass('inputareaerror')) {
            $(_container).parent().find('.inputareaerrormessage').remove();
            $(_container).unwrap();
        }
        if (_onoff) {
            $(_container).wrap('<div class="inputareaerror"></div>');
            $(_container).after('<p class="inputareaerrormessage">' + _error + '</p>');
        } else {
            //donothing
        }
    }


 //表格loading
    interactiveFunc.showTableLoading = function (_container, _onoff, _iconPosStyle) {
        var _iconPosStyle = _iconPosStyle || '';

        if (_onoff) {
            if (!$(_container).parent().hasClass('div-loading')) {
                $(_container).wrap('<div class="div-loading"></div>');
                $(_container).after('<div class="loading-mask"><div class="loading-animation" style="'+_iconPosStyle+'"">&nbsp;</div></div>');
            }
        } else {
            if ($(_container).parent().hasClass('div-loading')) {
                $(_container).parent().find('.loading-mask').eq(0).fadeOut("fast", function () {
                    $(_container).parent().find('.loading-mask').eq(0).remove();
                    $(_container).unwrap();
                });
            }
        }
    }
	
	customSelectFunc.enableCustomSelect = function(_target){
        var _targ = _target;
        _targ.on('click', 'li', function(e){
            var _this = $(e.currentTarget);

            if(_this.hasClass('act'))
            {
                _this.removeClass('act');
            }
            else
            {
                _this.addClass('act');
            }

        });
    }
	
	customSelectFunc.enableCustomSelectExchange = function(_target){
        var _root = _target;
        var _add = $('#add-select-tel', _root);
        var _remove = $('#remove-select-tel', _root);
        var _leftSelect = $('#left-select', _root);
        var _rightSelect = $('#right-select', _root);

        _add.on('click', function(e){
            $('li',_leftSelect).each(function(index){
                var _this = $(this);
                if(_this.hasClass('act')){
                    _rightSelect.append('<li>'+_this.html()+'</li>');
                    _this.remove();
                }
            });
        });
        _remove.on('click', function(e){
            $('li',_rightSelect).each(function(index){
                var _this = $(this);
                if(_this.hasClass('act')){
                    _leftSelect.append('<li>'+_this.html()+'</li>');
                    _this.remove();
                }
            });
        });
    }

    customSelectFunc.getCustomSelectValue = function(_target){
        var _targ = _target;
        var _item = $('li', _targ);
        var _result = [];
        _item.each(function(index){
            var _this = $(this);
            var _data = $('.value', _this).data('value');

            if(_this.hasClass('act'))
            {
                _result.push(_data);
            }
        });

        return _result;
    }