function topFunction() {
    document.body.scrollTop = 0; // For Safari
    document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
  }

window.onscroll = function() {myFunction()};
function myFunction() {
  if (document.documentElement.scrollTop > 350) {
    $(".up").css("display", "block");   
  }
  else {
    $(".up").css("display", "none");
  }
}

$(document).ready(function(){
  $(document).on('click','.menuMobileC2', function(){
    $(".menuMobileC3").toggle();
  });
  $(document).on('click','#job', function(){    
    $(".menujob2").toggle();   
   
  });
  $(document).on('click','#job3', function(){    
    $(".menujob3").toggle();   
   
  });
  $(document).on('click','.sukien', function(){
    window.location.href = "tin-tuc.html?type=1";
  });
  $(document).on('click','.chuyennganh', function(){
    window.location.href = "tin-tuc.html?type=2";
  });
  $(document).on('click', '.fa-bars', function(){
  
    $(".listmenu").toggle();
    $(".listmenu").addClass("w3-animate-left");
    $("hr").toggle();
  });
  $(document).on('click', '#btnContact2', function(){       
                  
    var name = $("#name2").val();
    var email = $('#email2').val(); 
    var tel = $('#tel2').val(); 
    var address = $('#address2').val();                    //To save file with this name
    var topic = $('#topic2').val();            
    var content = $('#content2').val();                                          
        
    var form_data = new FormData();                                 
    form_data.append("name",name);
    form_data.append("email",email);
    form_data.append("tel",tel);
    form_data.append("address",address);
    form_data.append("topic",topic);
    form_data.append("content",content);
    
    
    if(name != "" && email != "" && tel != "" && address != "" && topic != "" && content != ""){
        //Ajax to send file to upload
        $.ajax({
            url: "save_contact.php",  
            type: "POST",                                   
            cache: false,
            contentType: false,
            processData: false, 
            data: form_data,                                                             
            success:function(dat2){                                                                                                     
                $(".success").html(dat2);
                resetForm2();
                }
          });
          return false;
        }
});
function resetForm2(){
    $("#name2").val('');
    $('#email2').val(''); 
    $('#tel2').val(''); 
    $('#address2').val('');                    //To save file with this name
    $('#topic2').val('');            
    $('#content2').val('');       
  
};

  $(document).on('click', '#btnContact', function(){       
                  
    var name = $("#name").val();
    var email = $('#email').val(); 
    var tel = $('#tel').val(); 
    var address = $('#address').val();                    //To save file with this name
    var topic = $('#topic').val();            
    var content = $('#content').val();                                          
        
    var form_data = new FormData();                                 
    form_data.append("name",name);
    form_data.append("email",email);
    form_data.append("tel",tel);
    form_data.append("address",address);
    form_data.append("topic",topic);
    form_data.append("content",content);
    
    
    if(name != "" && email != "" && tel != "" && address != "" && topic != "" && content != ""){
        //Ajax to send file to upload
        $.ajax({
            url: "save_contact.php",  
            type: "POST",                                   
            cache: false,
            contentType: false,
            processData: false, 
            data: form_data,                                                             
            success:function(dat2){                                                                                                     
                $(".success").html(dat2);
                resetForm();
                }
          });
          return false;
        }
});
function resetForm(){
    $("#name").val('');
    $('#email').val(''); 
    $('#tel').val(''); 
    $('#address').val('');                    //To save file with this name
    $('#topic').val('');            
    $('#content').val('');       
  
};
  
  var overlay = document.getElementById("overlay");
  var popup = document.getElementById("popup");
  var overlay_tuvan = document.getElementById("overlay_tuvan");
  var popup_tuvan = document.getElementById("popup_tuvan");

  $(document).on('click', '.applyjob', function(){         
    overlay.className = 'show';
    popup.className = 'show';
   });
   $(document).on('click', '#popupclose', function(){  
      overlay.className = '';
      popup.className = '';
   });
   $(document).on('click', '#example1', function(){       
    
    overlay_tuvan.className = 'show';
    popup_tuvan.className = 'show';
   });
   $(document).on('click', '#popup_tuvanclose', function(){  
    overlay_tuvan.className = '';
    popup_tuvan.className = '';
   });
  
  
  $(".mjob").mouseenter(function(){
    
      $(".cjob").css("display", "block");
      $(".menuc2").css("display", "none");
    });

    $(".mjob").mouseleave(function(){
      $(".cjob").css("display", "none");
    });

    $(".mjob2").mouseenter(function(){
    
      $(".cjob2").css("display", "block");
      
    });

    $(".mjob2").mouseleave(function(){
      $(".cjob2").css("display", "none");
    });

    $("#lightSlider").lightSlider3({
      loop:true,
      keyPress:true
  });
  

  $(".tProject").hover(function(){
    $(this).css({
      "background-color": "#ed1c24",
      "color": "white",
    });
    }, function(){
    $(this).css({
      "background-color": "white",
      "color": "black",
    });
  });

  
   
  

  $(".anhduan").hover(function(){
   
    $(this).children(".newsimg").css('transition', '1s');
    $(this).children(".newsimg").css('transform', 'scale(1.05)');
    $('.textduan, .anhnen').addClass('w3-animate-bottom');
    $(this).children(".textduan, .anhnen").show();
    
    }, function(){
      $('.textduan, .anhnen').addClass('w3-animate-bottom');
      $(this).children(".textduan, .anhnen").hide();
      $(this).children(".newsimg").css('transition', '1s');
      $(this).children(".newsimg").css('transform', 'scale(1)');
  });
  
  $(".xemtatca").hover(function(){
    $(this).css({
      'color':'white',
      'background-color':'#ed1c24',
      'cursor':'pointer'
    });
    
    
    }, function(){
      $(this).css({
        'color':'#ed1c24',
        'background-color':'white'
      });
  });

 
  
});

window.onload = function()
{
  let path  = location.pathname;
  let gioithieu_page = "gioi-thieu";
  let sanpham_page = "san-pham";
  let dichvu_page = "dich-vu";
  let duan_page = "du-an";
  let tintuc_page = "tin-tuc";
  let nghenghiep_page = "tuyen-dung";
  let lienhe_page = "lien-he";
  
  if(path.indexOf(gioithieu_page) != -1){
    $("#gt").css("color", "red");
  }
  if(path.indexOf(sanpham_page) != -1){
    $("#sp").css("color", "red");
  }
  if(path.indexOf(dichvu_page) != -1){
    $("#dv").css("color", "red");
  }
  if(path.indexOf(duan_page) != -1){
    $("#da").css("color", "red");
  }
  if(path.indexOf(tintuc_page) != -1){
    $("#tt").css("color", "red");
    }
  if(path.indexOf(nghenghiep_page) != -1){
    $("#nn").css("color", "red");
    }
  if(path.indexOf(lienhe_page) != -1){
    $("#lh").css("color", "red");
  }
 
};

function reveal() {
  var reveals = document.querySelectorAll(".gioithieu");

  for (var i = 0; i < reveals.length; i++) {
    var windowHeight = window.innerHeight;
    var elementTop = reveals[i].getBoundingClientRect().top;
    var elementVisible = 150;

    if (elementTop < windowHeight - elementVisible) {
      reveals[i].classList.add("active");
    } else {
      reveals[i].classList.remove("active");
    }
  }
}

window.addEventListener("scroll", reveal);

function hotProject() {
  var reveals = document.querySelectorAll(".hotProject");

  for (var i = 0; i < reveals.length; i++) {
    var windowHeight = window.innerHeight;
    var elementTop = reveals[i].getBoundingClientRect().top;
    var elementVisible = 150;

    if (elementTop < windowHeight - elementVisible) {
      reveals[i].classList.add("active");
    } else {
      reveals[i].classList.remove("active");
    }
  }
}

function dichvu() {
  var reveals = document.querySelectorAll(".dichvu");

  for (var i = 0; i < reveals.length; i++) {
    var windowHeight = window.innerHeight;
    var elementTop = reveals[i].getBoundingClientRect().top;
    var elementVisible = 150;

    if (elementTop < windowHeight - elementVisible) {
      reveals[i].classList.add("active");
    } else {
      reveals[i].classList.remove("active");
    }
  }
}

function congnghe() {
  var reveals = document.querySelectorAll(".congnghe");

  for (var i = 0; i < reveals.length; i++) {
    var windowHeight = window.innerHeight;
    var elementTop = reveals[i].getBoundingClientRect().top;
    var elementVisible = 150;

    if (elementTop < windowHeight - elementVisible) {
      reveals[i].classList.add("active");
    } else {
      reveals[i].classList.remove("active");
    }
  }
}

function duan() {
  var reveals = document.querySelectorAll(".duan");

  for (var i = 0; i < reveals.length; i++) {
    var windowHeight = window.innerHeight;
    var elementTop = reveals[i].getBoundingClientRect().top;
    var elementVisible = 150;

    if (elementTop < windowHeight - elementVisible) {
      reveals[i].classList.add("active");
    } else {
      reveals[i].classList.remove("active");
    }
  }
}

function tintuc() {
  var reveals = document.querySelectorAll(".tintuc");

  for (var i = 0; i < reveals.length; i++) {
    var windowHeight = window.innerHeight;
    var elementTop = reveals[i].getBoundingClientRect().top;
    var elementVisible = 150;

    if (elementTop < windowHeight - elementVisible) {
      reveals[i].classList.add("active");
    } else {
      reveals[i].classList.remove("active");
    }
  }
}

window.addEventListener("scroll", hotProject);
window.addEventListener("scroll", dichvu);
window.addEventListener("scroll", congnghe);
window.addEventListener("scroll", duan);
window.addEventListener("scroll", tintuc);