var maxLimit = 100;

$(function() {
	mywidth="40%";
	if (detectmob() == true) {
		mywidth="100%";
	}
    
	
	
	$('.ad_top.owl-carousel').owlCarousel({
        margin: 0,
        loop:true,
        nav: false,
        autoplay:true,
        autoplayTimeout:5000,
        responsive: {
            0: {
                items: 1
            },
            991: {
                items: 1
            },
            1000: {
                items: 1
            }
        }			
    })
	
	$('.ad_right.owl-carousel').owlCarousel({
        margin: 0,
        loop:true,
        nav: false,
        autoplay:true,
        autoplayTimeout:5000,
        responsive: {
            0: {
                items: 1
            },
            991: {
                items: 1
            },
            1000: {
                items: 1
            }
        }			
    })
	
	$('.ad_bottom.owl-carousel').owlCarousel({
        margin: 0,
        loop:true,
        nav: false,
        autoplay:true,
        autoplayTimeout:5000,
        responsive: {
            0: {
                items: 1
            },
            991: {
                items: 1
            },
            1000: {
                items: 1
            }
        }			
    })
	
	$('.ad_content.owl-carousel').owlCarousel({
        margin: 0,
        loop:true,
        nav: false,
        autoplay:true,
        autoplayTimeout:5000,
        responsive: {
            0: {
                items: 1
            },
            991: {
                items: 1
            },
            1000: {
                items: 1
            }
        }			
    })
	
	$( "#report_panel" ).dialog({
      autoOpen: false,
	  closeOnEscape: true,
      open: function(event, ui) {
          $(".ui-dialog-titlebar-close", ui.dialog | ui).hide();
		  $(".ui-dialog-titlebar", ui.dialog | ui).hide();
      },
	  width: mywidth
    });
	
	$( "#report_panel" ).dialog( "close" );
	
	$('#report_desc').keyup(function () {
        var lengthCount = this.value.length;              
        if (lengthCount > maxLimit) {
            this.value = this.value.substring(0, maxLimit);
            var charactersLeft = maxLimit - lengthCount + 1;                   
        }
        else {                   
            var charactersLeft = maxLimit - lengthCount;                   
        }
        $('#report_desc_count').text(charactersLeft + '/100');
    });

    for (var i=0; i<$('article').find('img').length; i++) {
        var target = $('article').find('img')[i];
        var target_alt = $(target).attr('alt');
        if ( target_alt ) {
            $(target).after('<p style="margin-top:-20px;padding:0px;font-size:15px;">'+target_alt+'</p>');
        }
    }
});

$(function() {
    $(window).resize(function() {
        resize_iframe();
    });

    resize_iframe();
});

function resize_iframe() {
    $('iframe').each(function(i) {
        if ( $(this).attr('src') ) {

            if ( $(this).attr('src').indexOf('https://www.facebook.com/plugins/post.php') >= 0 ) {
                return;
            }

            if ( $(this).attr('src').indexOf('dailymotion') >= 0 ) {
                return;
            }

            // console.log( $(this).attr('src') );
            let w = $(this).attr('width');
            w = w.replace('%', '');

            let h = $(this).attr('height');
            h = h.replace('%', '');
            
            if ( !w && !h ) {
                w = $(this).css('width');
                w = w.replace('px', '');

                h = $(this).css('height');
                h = h.replace('px', '');
            }

            w = parseInt(w);
            h = parseInt(h);

            // console.log(w + ':' + h);

            // $(this).css('border', '11px solid red');

            $(this).css('width', '100%');
            $(this).css('height', ($(this).width() * h / w) + 'px');

            // alert( $(this).attr('src') );

            // console.log(($(this).width() * 3 / 4));

            // console.log($(this).width() / $(this).height());
        }
    });
}
  
function Event_Openform_OnClick() {
    $( "#report_panel" ).dialog( "open" );
}  

//送出信件
function Event_Send_OnClick(doc_type,doc_rowid,doc_id,doc_name) {
	
	member = document.getElementById("member").value.trim();
	
    if (member == "") {
		document.location.href = '../auth/1-3.php';
		alert('請先登入會員');		
		return;
    }
	
	report_desc = document.getElementById("report_desc").value.trim();
	
	report_type   = 1;
	report_name = "這是異端思想";	
	if (document.getElementById("report2").checked == true) {
		report_type   = 2;
		report_name = "色情內容";
	}
	if (document.getElementById("report3").checked == true) {
		report_type   = 3;
		report_name = "暴力或禁止的內容";
	}
	if (document.getElementById("report4").checked == true) {
		report_type   = 4;
		report_name = "這會冒犯他人";
	}
	if (document.getElementById("report5").checked == true) {
		report_type   = 5;
		report_name = "不實報導";
	}
	if (document.getElementById("report6").checked == true) {
		report_type   = 6;
		report_name = "其他";
		
		if (report_desc == "") {
		    alert("其他的原因必須輸入");
		    return;
	    }
	}
	
    len = getBLen(report_desc);  //計算文字長度
	maxlen  = 100;
	maxname = "其他的原因";
	if (len > maxlen) {
		alert("["+maxname+"]不可輸入超過 "+maxlen+" 英文字長度");
		return;
	}
	
	//處理資料
	$.ajax({
        url: "../video/4-4_send.php", 
        type: "POST", 
	    dataType: 'json',
        data: {
			member:member,
			doc_type:doc_type,
			doc_rowid:doc_rowid,
			doc_id:doc_id,
			doc_name:doc_name,
			report_type:report_type,
            report_name:report_name,
            report_desc:report_desc			 
		}, 
        success: function(response) {
			 
		    if (response.success == true) {
				 	
			    alert(response.msg);				
				
			    $( '#report_panel' ).dialog( 'close' );
				
				document.getElementById("report1").checked   = true;
				document.getElementById("report_desc").value = "";
		    }
			else {	
                alert(response.msg);				 
				return;
			}
        }, 
            error: function() {
	    }
    });
}

function detectmob() { 
 if(window.innerWidth <= 993 ) {
	 return true;
 }
 
 if( navigator.userAgent.match(/Android/i)
 || navigator.userAgent.match(/webOS/i)
 || navigator.userAgent.match(/iPhone/i)
 || navigator.userAgent.match(/iPad/i)
 || navigator.userAgent.match(/iPod/i)
 || navigator.userAgent.match(/BlackBerry/i)
 || navigator.userAgent.match(/Windows Phone/i)
 ){
    return true;
  }
 else {
    return false;
  }
}