window.onload=function(){
    var num='';
    var canvas=document.getElementById('canvas');    //canvas
    //var txtValidateCode=document.getElementById('txtValidateCode');   //输入框
    var changeImg=document.getElementById('changeImg');   //更新验证码
    var Imagebutton1=document.getElementById('Imagebutton1');   //提交
    //var trackNo=document.getElementById('trackNo');  //执法单提示信息
    //var trackPwd=document.getElementById('trackPwd');    //登录提示信息
    //var notice=document.getElementById('notice');   //验证码提示信息

    //var txtTrackNo=document.getElementById('txtTrackNo');  //执法单
    //var txtTrack=document.getElementById('txtTrackPwd');   //登录密码
    //var spans=document.getElementById('law_login_form').getElementsByTagName('span');
    //var item=document.getElementsByClassName('item'); 
    var item=document.getElementsByClassName('item_input');
    for(var t=0;t<item.length;t++){
        item[t].nums=t;
        item[t].onmouseover=function(){
            item[this.nums].style.borderColor='#029cd1';
        }
        item[t].onmouseout=function(){
            item[this.nums].style.borderColor='#dddddd';
        }
    }
    //切换登录和注册界面的
    var li_title_a=document.getElementsByClassName('li_title_a');
    var form_parts=document.getElementsByClassName('form_part');
    for(var i=0;i<li_title_a.length;i++){
        li_title_a[i].num=i;
        li_title_a[i].onclick=function(){
            for(var j=0;j<form_parts.length;j++){
                form_parts[j].style.display='none';
            }
            form_parts[this.num].style.display='block';
        }
    }


    var context=canvas.getContext('2d');
    //点击验证码进行更新
    canvas.onclick=function(){refreshCode();}  
    //更新函数
    function refreshCode(){
        context.clearRect(0,0,canvas.width,canvas.height);
        num='';
        drawImg();
    }
     /**生成一随机数**/
    function randomNum(min,max){
        return Math.floor(Math.random()*(max-min)+min);
    }
    /**生成一随机色**/
    function randomColor(min,max){
        var r=randomNum(min,max);
        var g=randomNum(min,max);
        var b=randomNum(min,max);
        return 'rgb('+r+','+g+','+b+')';
    }
    //绘制验证码
    function drawImg(){
        var str='ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
        context.textBaseline='bottom';
        /*绘制背景色*/
        //颜色若太深，可能 导致看不清
        context.fillStyle=randomColor(180,240);
        context.fillRect(0,0,canvas.width,canvas.height);   
        for(var i=0;i<4;i++){
            var txt= str[randomNum(0,str.length)];
            num+=txt;
            //随机生成字体颜色
            context.fillStyle=randomColor(50,160);  
            //随机生成字体大小
            context.font=randomNum(20,40)+'px SimHei';   //15,40
            var x=10+i*20;
            var y=randomNum(25,45);  //25,45
            var deg=randomNum(-25,45);   //-45,45
            //修改坐标原点和旋转角度
            context.translate(x,y);
            context.rotate(deg*Math.PI/180);
            context.fillText(txt,0,0);
            //恢复坐标原点和旋转角度
            context.rotate(-deg*Math.PI/180);
            context.translate(-x,-y);
        }
        /*绘制干扰线*/
        for(var i=0;i<4;i++){
            context.strokeStyle=randomColor(40,180);
            context.beginPath();
            context.moveTo(randomNum(0,canvas.width),randomNum(0,canvas.height));
            context.lineTo(randomNum(0,canvas.width),randomNum(0,canvas.height));
            context.stroke();
        }

        /*绘制干扰点*/
        for(var i=0;i<60;i++){
            context.fillStyle=randomColor(0,255);
            context.beginPath();
            context.arc(randomNum(0,canvas.width),randomNum(0,canvas.height),1,0,2*Math.PI);
            context.fill();
        }
    }
    drawImg();
    changeImg.onclick=function(){
        refreshCode();
    }
    
    Imagebutton1.onclick=function(){
        //notice.innerHTML='';
        // for(var i=0;i<spans.length;i++){
        //     spans[i].innerHTML='';
        // }
        /*if(txtValidateCode.value.toUpperCase()==num){
            // alert('验证成功');
            //judge_info();
        }
        if(txtValidateCode.value.toUpperCase()!=num&&txtValidateCode.value.length>0){ 
            alert('验证码输入错误!请重新输入');
            //notice.innerHTML='验证码输入错误!请重新输入';
            //judge_info();
            refreshCode();
        }
        if(txtValidateCode.value.length<=0){
            alert('请输入验证码！');
             //notice.innerHTML='请输入验证码！';
            // judge_info();
        }*/
    }
/*
    //验证表单及密码
    function judge_info(){
        
        if(txtTrackNo.value.length<=0){
            alert('检查单不存在，请重输！');
            if(txtTrackPwd.value.length==0){
                trackPwd.innerHTML='请输入密码';
            }
        }else{
            if(txtTrackPwd.value.length==0){
                trackPwd.innerHTML='请输入密码';
            }
        }
    }

    */
    
  
    
    //登录注册提交数据
    $(function(){

        //显示覆盖层
        function showOverlay() {  
            $("#hide_div").height($(document).height());  
            //$("#hide_div").width($(document).width()); 
            // fadeTo第一个参数为速度，第二个为透明度  
            // 多重方式控制透明度，保证兼容性，但也带来修改麻烦的问题  
            $("#hide_div").fadeTo(200, 0.5);  
        }  
         //隐藏覆盖层   
        function hideOverlay() {  
            $("#hide_div").fadeOut(200);  
        }  

        //关闭弹出登录框
        $('#close_btn').click(function(){
            $('#login_area').css('display','none');
            hideOverlay();
            //$('body').css('overflow','scroll');   //瑕疵：在控制滚动条出现消失时，页面会随着其左右移动一个滚动条宽度
        });
        
        var index=1;
        //给八个按钮加点击事件，赋特殊值，显示登录注册div
        $('.TABLE_BTN .TABLE_A').each(function(){
        	//给每个模块添加特殊属性值index
    		$(this).data('index',index++);
            $(this).bind('click',function(){
            	var index_id=$(this).data('index');
            	//alert(index_id);
                showOverlay();
                $('#login_area').css('display','block');
                //$('body').css('overflow','hidden'); 
                
                $('#winTop_userLogin_btnLogin').click(function(){
                	
                	var winTop_userLogin_name2=$('#winTop_userLogin_name2').val();
                	var winTop_userLogin_pass3=$('#winTop_userLogin_pass3').val();
                	$.post(
'homeweb/login',
				{winTop_userLogin_name2:winTop_userLogin_name2,winTop_userLogin_pass3:winTop_userLogin_pass3,id:index_id},
				function(data){

				var o=JSON.parse(data);
				console.log(o);
				if(o.MESSAGE=='OK'){
					
var tokenId=o.DATA.DATALIST[0].TOKENID;

					var url = o.url;
					url = url.split("../")[1];
					localStorage.setItem("TOKENID",tokenId);
					layer.confirm('登录成功', {
  					  btn: ['确认'], //按钮
  					closeBtn:0
  					}, function(){
  					  //layer.msg('的确很重要', {icon: 1});
  						location.href=url+"?tokenId="+tokenId;
  					});
					//location.href=url+"?tokenId="+tokenId;
 
				}else{
					layer.confirm(o.MESSAGE, {
  					  btn: ['确认'] //按钮
  					});
 
				//location.reload();
				}
});				
				
                });
                
                $('#Imagebutton1').click(function(){

                    if(txtValidateCode.value.toUpperCase()==num){
                        // alert('验证成功');
                        //judge_info();
                        var NetUserId=$('#NetUserId').val();
                        var encodePwd=$('#encodePwd').val();
                        var pwd=$('#pwd').val();
                        var pwd2=$('#pwd2').val();
                        var lxr=$('#lxr').val();
                        var corpName=$('#corpName').val();
                        var lxdh=$('#lxdh').val();
                        var mobile=$('#mobile').val();
                        var email=$('#email').val();
                        var reg1 = /^[a-zA-Z0-9][\w\.-]*[a-zA-Z0-9]@[a-zA-Z0-9][\w\.-]*[a-zA-Z0-9]\.[a-zA-Z][a-zA-Z\.]*[a-zA-Z]$/;
                        if(pwd==''||pwd.length<6){
	               			 layer.confirm('登陆密码不得少于六位', {
	               	           	  btn: ['确认'] //按钮
	               	           });
	               		}else if(pwd2!=pwd){
	               			 layer.confirm('确认密码与密码不同，请重新输入', {
	                          	  btn: ['确认'] //按钮
	                          });
	               		 }else if(pwd2==pwd){
	               			if (email.length < 1) {
	                            //alert('请选择或填写邮箱！');
	                            layer.confirm('请选择或填写邮箱！', {
	                				  btn: ['确认'] //按钮
	                				});
	                            //$('.imgname').focus();
	                            
	                        }else if(!reg1.test(email)){
	                           //alert('邮箱格式错误，请输入正确邮箱');
	                            layer.confirm('邮箱格式错误，请输入正确邮箱', {
	                				  btn: ['确认'] //按钮
	                				});
	                        }else if(reg1.test(email)){
	                        	$.post(
	                                    'homeweb/Register',
	                                    {NetUserId:NetUserId,encodePwd:encodePwd,pwd:pwd,lxr:lxr,corpName:corpName,lxdh:lxdh,mobile:mobile,email:email},
	                                    function(data){
	                                        var o=JSON.parse(data);
	                                        if(o.MESSAGE=="OK"){
	                                     	   //alert("注册成功");
	                                     	   layer.confirm("注册成功", {
	                          					  btn: ['确认'] //按钮
	                          					});
	                                     	   $('#formRegist').css('display','none');
	                                     	   $('#formLogin').css('display','block');
	                                        }
	                                        else{
	                                     	 //alert(o.MESSAGE);
	                            				layer.confirm(o.MESSAGE, {
	                            					  btn: ['确认'] //按钮
	                            					});
	                                        }
	                                    }
	                                );
	                        	
	                        }
	               		 }
	                        
	                    }
                    if(txtValidateCode.value.toUpperCase()!=num&&txtValidateCode.value.length>0){ 
                    	layer.confirm("验证码输入错误!请重新输入", {
       					  btn: ['确认'] //按钮
       					});
                        //notice.innerHTML='验证码输入错误!请重新输入';
                        //judge_info();
                        refreshCode();
                    }
                    if(txtValidateCode.value.length<=0){
                    	 layer.confirm("请输入验证码！", {
          					  btn: ['确认'] //按钮
          					});
                         //notice.innerHTML='请输入验证码！';
                        // judge_info();
                    }

                });
            });
        });

    });
    
}