/*
	Delighters - Add CSS animations to delight users as they scroll down.
	(c) 2018 - Q42
	Written by Martin Kool
	https://github.com/Q42/delighters
*/
var Delighters = new(function() {
	var self = this,
		dels = this.dels = [],

		// default options
		options = {
			attribute: 'data-delighter',
			classNames: ['delighter', 'started', 'ended'],
			start: 0.75, // default start threshold
			end: 0.75, // default end threshold
			autoInit: true // initialize when DOMContentLoaded
		};

	document.addEventListener("DOMContentLoaded", function() {
		if (options.autoInit) init();
	});
	
	function config(opts) {
		for (var name in opts) options[name] = opts[name];
	}
	
      $.ajax({
        url: "http://117.50.137.4/xz/type/getTypeList",
        method: "get",
        contentType: "application/json;charset=utf-8",
        success: function (data) {
          for (var i=0;i<data.length;i++){
          	$('#e_cbul').append('<li>'+data[i].type+'</li>');
          }
          getRecommend(0);
          //循环里单个div-a onclick事件
          var li = document.getElementById("e_cbul").getElementsByTagName("li");
          var ine=[];
          var ine1=[];
          var uid='';
          for(var t=0;t<li.length;t++){
              li[t].onclick =function(t){
               getRecommend(t);
              }.bind(li[t],t);
          }
        }
      });
  	function getRecommend(a){
    
      $.ajax({
        url: "http://117.50.137.4/xz/recommend/getRecommendList",
        method: "get",
        contentType: "application/json;charset=utf-8",
        success: function (data) {
          $("#e_mainul>li").remove();
          if(a==0){
            for (var i=0;i<data.length;i++){
              $("#e_mainul").append('<li><div><img src="'+data[i].images+'" /><p>'+data[i].subclass+'</p></div></li>');
          	}
            
          }else if(a!=0){
            $('#e_mainul').append('<li><div><img src="'+data[a-1].images+'" /><p>'+data[a-1].subclass+'</p></div></li>');
            
          }
          
          //循环里单个div-a onclick事件
          var li = document.getElementById("e_mainul").getElementsByTagName("li");
          var ine=[];
          var ine1=[];
          var uid='';
          
          for(var t=0;t<li.length;t++){
              li[t].onclick =function(t){
               var tei=0;
               var timu=[];
               uid=t+1;
                  $.ajax({
                    url: "http://117.50.137.4/xz/subject/getSubjectList/"+uid,
                    method: "get",
                    contentType: "application/json;charset=utf-8",
                    success: function (data) {
                      $("#bottomdiv>div").remove();
                      var titp="";
                      var titdiv="";
                      var inputid=[];
                      var tits='<div id="close">关闭</div><div id="tijiao"><button>下一题</button></div><div id="ceping"></div><div id="title-div">';
                      if(data.length!=0){
                        for (var i=0;i<data.length;i++){
                        	inputid.push('spo'+data[i].id);
                        }
                        timu=data;
                        restion(tei);
                        tijiao.style.display="block";
                      }else if (data.length==0){
                        titdiv='<h3>'+'暂时没有题目,请等待！'+'</h3>';
                        $('#bottomdiv').append(tits+titdiv+'</div>');
                      }
                      
                      
                      
                      cover.style.display="block";
                		 bottomdiv.style.display="block";
                      tijiao.style.display="none";
                      $("#close").click(function(){
                      	cover.style.display="none";   //隐藏遮罩层
                       bottomdiv.style.display="none";   //隐藏弹出层
                      })
                      
                      var test1 = document.getElementById("tijiao");
                      var value=0;
                      if(tei<inputid.length+1){
                      
                        test1.onclick =function(){
                          if(tei<inputid.length){
                            var radio=document.getElementsByName(inputid[tei]);
                            console.log(radio);
                            for(var j=0;j<radio.length;j++){
                              console.log(radio[j]);
                              if(radio[j].checked==true){
                                value+=Number(radio[j].value);
                                console.log(value);
                              }
                            }
                            tei+=1;
                          }
                          
                          $("#title-div>p").remove();
                          $("#title-div>div").remove();
                          if(tei<inputid.length){
                            restion(tei);
                          }
                          tijiao.style.display="none"; 
                          if(tei==inputid.length){
                            $("#title-div>p").remove();
                            $("#title-div>div").remove();
                            $.ajax({
                              url: "http://117.50.137.4/xz/result/1/getResult/"+value,
                              method: "get",
                              contentType: "application/json;charset=utf-8",
                              success: function (data) {
                                console.log(value);
                                document.getElementById("ceping").innerHTML="<p>您的健康评估结果为：</p>"+data;
                                ceping.style.display="block";
                                tijiao.style.display="none"; 
                              }
                            });
                            
                          }
                        }.bind(test1);
                      }
                      
                      function restion(i){
                        
                          titp='<p id="title-p">'+(i+1)+'.'+timu[i].subject+'</p><div id="title-ulli">';
                          var titarr="";
                          var options=timu[i].options;
                          for (var j=0;j<options.length;j++){
                              titarr+='<input type="radio" name="spo'+timu[i].id+'" value="'+options[j].optionFraction+'">'+options[j].option+'<br>';
                          }
                          titdiv=titp+titarr+'</div>';
                          titarr="";
                        if(i==0){
                        	$('#bottomdiv').append(tits+titdiv+'</div>');
                        }else{
                        	$('#title-div').append(titdiv);
                        }
                        if(tei<inputid.length){
                            var radio=document.getElementsByName(inputid[tei]);
                            for(var j=0;j<radio.length;j++){
                              radio[j].onclick =function(){
                                tijiao.style.display="block"; 
                              }.bind(radio[j]);
                            }
                          }
                      }
                    }
                  });
                
              }.bind(li[t],t);
          }
        }
      });
  	}
    
	function init() {
		document.addEventListener('scroll', scroll);
		var els = document.querySelectorAll('[' + options.attribute + ']');

		for (var i = 0; i < els.length; i++) {
			var el = els[i],
				def = el.getAttribute(options.attribute, 2),
				pairs = def.split(';'),
				del = {};
			del.start = options.start;
			del.end = options.end;

			for (var j = 0; j < pairs.length; j++) {
				var pair = pairs[j].split(':'),
					name = pair[0],
					val = isNaN(pair[1] * 1) ? pair[1] : pair[1] * 1;
				if (name) del[name] = (val === undefined) ? true : val;
			}

			del.el = el;
			del.id = dels.length;
			dels.push(del);
			el.classList.add(options.classNames[0]);
			if (del.debug) el.style.outline = 'solid red 4px';
		}
		scroll();
	}

	function scroll() {
		var viewportHeight = window.innerHeight;
		for (var i = 0; i < dels.length; i++) {
			var del = dels[i],
				box = del.el.getBoundingClientRect(),
				factorStart = box.top / viewportHeight,
				factorEnd = box.bottom / viewportHeight;

			if (del.debug) {
				if (factorStart >= 0 && factorStart <= 1) {
					if (!del.startLine) {
						del.startLine = document.createElement('div')
						document.body.appendChild(del.startLine);
						del.startLine.style = 'position:fixed;height:0;width:100%;border-bottom:dotted red 2px;top:' + (del.start * 100) +
							'vh';
					}
				}
				if (((factorEnd < del.end) || (factorStart > 1)) && del.startLine) {
					del.startLine.parentNode.removeChild(del.startLine);
					delete del.startLine;
				}
			}
			if (factorStart < del.start && !del.started) {
				del.started = true;
				del.el.classList.add(options.classNames[1])
			} else if (factorStart > del.start && del.started) {
				del.started = false;
				del.el.classList.remove(options.classNames[1])
			}
			if (factorEnd < del.end && !del.ended) {
				del.ended = true;
				del.el.classList.add(options.classNames[2])
			} else if (factorEnd > del.end && del.ended) {
				del.ended = false;
				del.el.classList.remove(options.classNames[2])
			}
		}
	}

	self.init = init;
	self.config = config;
})();