

function get_value(div){
  return document.getElementById(div).value;
}

function set_html(div,text){
  document.getElementById(div).innerHTML=text;
}


function login_area(per){
    document.getElementById("login_body").style.display=per;
    document.getElementById("loader_area").style.display=(per=="block")?"none":"block";
}

 function login(){
    uname=get_value('uname');
    pass=get_value('pass');
    document.getElementById("error_msg").style.display="none";
    login_area("none");
     $.ajax({
        type: 'POST',
        url: 'login_action.php',
        data: {
            login: uname,
            uname: uname,
            pass: pass
        }, 
        beforeSend: function() {
              

        },
        success: function(response) {
          response=JSON.parse(response);
          setTimeout(function () {
                fun_wait(response);
           }, 1000); 
          
        }
    }); 
           
  }

  function fun_wait(data){

      if(data.error==0)location.reload();
      else{
          document.getElementById("error_msg").style.display="block";
          set_html("error_msg_text",data.error_msg);
          login_area("block");
      }
  }


$.getScript("https://cdnjs.cloudflare.com/ajax/libs/particles.js/2.0.0/particles.min.js", function(){
    particlesJS('particles-js',
      {
        "particles": {
          "number": {
            "value": 80,
            "density": {
              "enable": true,
              "value_area": 800
            }
          },
          "color": {
            "value": "#ffffff"
          },
          "shape": {
            "type": "circle",
            "stroke": {
              "width": 0,
              "color": "#000000"
            },
            "polygon": {
              "nb_sides": 5
            },
            "image": {
              "width": 100,
              "height": 100
            }
          },
          "opacity": {
            "value": 0.5,
            "random": false,
            "anim": {
              "enable": false,
              "speed": 1,
              "opacity_min": 0.1,
              "sync": false
            }
          },
          "size": {
            "value": 5,
            "random": true,
            "anim": {
              "enable": false,
              "speed": 40,
              "size_min": 0.1,
              "sync": false
            }
          },
          "line_linked": {
            "enable": true,
            "distance": 150,
            "color": "#ffffff",
            "opacity": 0.4,
            "width": 1
          },
          "move": {
            "enable": true,
            "speed": 6,
            "direction": "none",
            "random": false,
            "straight": false,
            "out_mode": "out",
            "attract": {
              "enable": false,
              "rotateX": 600,
              "rotateY": 1200
            }
          }
        },
        "interactivity": {
          "detect_on": "canvas",
          "events": {
            "onhover": {
              "enable": true,
              "mode": "repulse"
            },
            "onclick": {
              "enable": true,
              "mode": "push"
            },
            "resize": true
          },
          "modes": {
            "grab": {
              "distance": 400,
              "line_linked": {
                "opacity": 1
              }
            },
            "bubble": {
              "distance": 400,
              "size": 40,
              "duration": 2,
              "opacity": 8,
              "speed": 3
            },
            "repulse": {
              "distance": 200
            },
            "push": {
              "particles_nb": 4
            },
            "remove": {
              "particles_nb": 2
            }
          }
        },
        "retina_detect": true,
        "config_demo": {
          "hide_card": false,
          "background_color": "#b61924",
          "background_image": "",
          "background_position": "50% 50%",
          "background_repeat": "no-repeat",
          "background_size": "cover"
        }
      }
    );

});

