function optionToggle(slist, btn_on){
    var obj = document.getElementById(slist);
    var num = obj.getElementsByTagName('label').length;

    for (var i = 0; i < num; i++) {
        // 更新所有class至預設值
        var btn = obj.getElementsByTagName('label')[i].id;
        document.getElementById(btn).classList.value = '';
    }
    document.getElementById(btn_on).classList.value = 'btn-on';
    
}

function optionUnselect(slist){   // 取消選取
    var obj = document.getElementById(slist);
    var num = obj.getElementsByTagName('label').length;

    for (var i = 0; i < num; i++) {
        // 更新所有class至預設值
        var btn = obj.getElementsByTagName('label')[i].id;
        document.getElementById(btn).classList.value = '';
    }
}

function getSchoolData(item, val ){ // radio or select option: name and value
    var category = document.getElementById('category');
    //var school = document.getElementById('school');
    //var type = document.getElementById('type');
    var year = document.getElementById('year');

    var toolbar_type = document.getElementById('toolbar-type');
    var toolbar_year = document.getElementById('toolbar-year');

    //var school_checked = document.getElementById('school_checked');
    var school_checked = document.querySelector('input[name="school"]:checked');
    if(school_checked){
        var school_checked_value = document.querySelector('input[name="school"]:checked').value;
    }
    
    var type_checked = document.querySelector('input[name="type"]:checked');
    if(type_checked){
        var type_checked_value = type_checked.value;
    }

    var year_selected_value = year.value;
    
    var div_photos = document.getElementById('div-photos');
    
    //if(val == "六合國小"){
        div_photos.style.display = "";
    //}else{
    //    div_photos.style.display = "none";
    //}

    //alert(item+':'+val);

    if(item == "school"){   // 選擇學校後，預設顯示方案介紹，並顯示 type 和 year 選項
        toolbar_type.style.display = "";
        toolbar_year.style.display = "";
        type_checked_value = "方案介紹";

        // remove type checked
        var ele = document.getElementsByName('type');
        for(i = 0; i < ele.length; i++) {
            if(ele[i].checked)
                ele[i].checked = false;
        }

        // 選取最新年度
        year.options[1].selected = true;
        year_selected_value = year.options[1].value;

        // 類別按鈕取消選取
        optionUnselect('toolbar-type');

    }else{
        //var school_val = school_checked.value;
        //var type_val = document.querySelector('input[name="type"]:checked').value;  // 實際選取的 type 值
        if(year.value == ""){   // 預設選擇最新年度
            year_selected_value = year.options[1].value;
            year.options[1].selected = true;
        }
    }
    
    //alert("category:"+category.value+"\nschool:"+school_val+"\ntype:"+tt+"\nyear:"+year.value);
    //console.log(category.value+':'+school_checked_value+':'+type_checked_value+':'+year_selected_value);
    // get data
    if(category.value != "" && school_checked_value != ""){

        //alert(category.value+' '+school_checked_value+' '+type_checked_value+' '+year_selected_value);
        var loading = document.getElementById('loading');
        loading.innerHTML = "載入中...";
        
        $.ajax
        ({
        type: "POST",
        url:'/scp/getData.php',
        data:{
        action:'view',
        category:category.value,
        school:school_checked_value,
        type:type_checked_value,
        year:year_selected_value,
        },
        success:function(response) {
            if(response != "no data"){  // 有資料
                var obj = JSON.parse(response);
                console.log(obj.type_radio+':'+obj.type_stat);

                var upload_preview = document.querySelector('#upload-preview');

                var introtext = document.querySelector('#introtext');
                var fulltext = document.querySelector('#fulltext');
                var allalbums = document.querySelector('#allalbums');
                var allvideos = document.querySelector('#videos');
                var allfiles = document.querySelector('#allfiles');

                var type_radio = obj.type_radio;
                var type_label = obj.type_label;
                var type_stat = obj.type_stat;
                for(i = 0; i < type_radio.length; i++) {
                    if(type_stat[i] == 0){  // disabled
                        document.getElementById(type_label[i]).classList.value = '';
                        document.getElementById(type_label[i]).style.backgroundColor = "#eee";
                        document.getElementById(type_label[i]).style.color = "#ccc";
                        document.getElementById(type_label[i]).style.cursor = "default";
                        document.getElementById(type_radio[i]).disabled = true;
                    }else{
                        document.getElementById(type_label[i]).style.backgroundColor = "";
                        document.getElementById(type_label[i]).style.color = "#333";
                        document.getElementById(type_label[i]).style.cursor = "pointer";
                        document.getElementById(type_radio[i]).disabled = false;
                    }
                }

                //console.log(obj.fulltext);
                upload_preview.style.display = "block";
                loading.innerHTML = "";
                
                introtext.innerHTML = obj.introtext;
                fulltext.innerHTML = obj.fulltext;
                allalbums.innerHTML = obj.allalbums;
                allvideos.innerHTML = obj.allvideos;
                allfiles.innerHTML = obj.allfiles;
                /*
                var x = document.querySelector('#upload-preview');
                if (x.style.display === "none") {
                    x.style.display = "block";
                    loading.style.display = "none";
                } else {
                    x.style.display = "none";
                    loading.style.display = "block";
                }*/

                var video_viewer = document.getElementById('video-viewer');
                var preview_label = document.getElementById('preview-label');
                //console.log(obj.defaultvideo);
                if(video_viewer != null){
                //if(checkURL(obj.defaultvideo)){
                    video_viewer.src = obj.defaultvideo;
                    preview_label.href = obj.viewfromyt;
                }

                if(item == "school"){
                    var type_radio = obj.type_radio;
                    var type_label = obj.type_label;
                    //document.querySelectorAll('.type').style.display = "";
                    for (var i = 0; i < type_label.length; i++) {
                        //document.getElementById(type_radio[i]).style.display = "none";
                        //document.getElementById(type_label[i]).style.display = "none";
                        //alert('type'+i);
                    }
                }

            }else{
                introtext.innerHTML = '';
                fulltext.innerHTML = '';
                allalbums.innerHTML = '';
                allvideos.innerHTML = '';
                allfiles.innerHTML = '';

            }

        }

        });

    } 

}

function checkURL(url){
	var str=url;

	var Expression = /http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?/;
	var objExp = new RegExp(Expression);
	if(objExp.test(str) == true){
		return true;
	}else{
		return false;
	}
}

function getPreviewVideo(obj, value){
    var viewer = document.getElementById(obj+'-viewer');
    var pos = value.indexOf("v=");
    if(value.length > 0){
        var str_frame = '<iframe width="560" height="315" src="https://www.youtube.com/embed/'+value.substr(pos+2)+'" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>';
        viewer.innerHTML = str_frame;
    }
}

function setActive(obj){
    obj.checked = true;
    getSchoolData('school', obj.value);
}

function getArticle(item, id){  // 不用了
    
    //document.getElementsByTagName("button")[id].setAttribute("class", "active"); 

    var pid = "a";
    var mer = "b";


	//if(type == "submit"){
		$.ajax
		({
		type: "POST",
		url:'/scp/getarticle.php',
		data:{
			action:'get',
			mer:mer,
			pid:pid
			/*jsondata:jsondata*/
		},
		success:function(response) {
            document.getElementById('contents').innerHTML = response;
			//if(response == "success"){
			//	alert("資料已送出！");
			//}

		}

		});

	//}else{
	//	return false;
	//}



}