function frontpageSlider(Id) {
    var Id;
    var e = "easeInOutSine"; //old: "sineEaseInOut"
    if (Id == '1') {
        $("#FPpart1").animate(
        { marginLeft: '0px' },
        { duration: 1200, easing: e, queue: false }
      );
        $("#FPpart2").animate(
        { marginLeft: '0px' },
        { duration: 1500, easing: e, queue: false }
      );
        document.getElementById('nav1').className = 'topnav1Select';
        document.getElementById('nav2').className = 'topnav2';
        document.getElementById('nav3').className = 'topnav3';
    }
    if (Id == '2') {
        $("#FPpart1").animate(
        { marginLeft: '-990px' },
        { duration: 1200, easing: e, queue: false }
      );
        $("#FPpart2").animate(
        { marginLeft: '-990px' },
        { duration: 1500, easing: e, queue: false }
      );
        document.getElementById('nav1').className = 'topnav1';
        document.getElementById('nav2').className = 'topnav2Select';
        document.getElementById('nav3').className = 'topnav3';
    }
    if (Id == '3') {
        $("#FPpart1").animate(
        { marginLeft: '-1972px' },
        { duration: 1200, easing: e, queue: false }
      );
        $("#FPpart2").animate(
        { marginLeft: '-1972px' },
        { duration: 1500, easing: e, queue: false }
      );
        document.getElementById('nav1').className = 'topnav1';
        document.getElementById('nav2').className = 'topnav2';
        document.getElementById('nav3').className = 'topnav3Select';
    }

}