Смена изображений при нажатии на кнопку

        <script type="text/javascript">
            function chg1 (id)
            {
                var el = document.getElementById(id);
                var all = new Array();
                var num = 0;
                all[0] = "https://www.cyberforum.ru/images/Europ001.png";
                all[1] = "https://www.cyberforum.ru/images/Asia001.png";
                all[2] = "https://www.cyberforum.ru/images/America001.png";
                for (var i=0; i<3; i++)
                {
                    if (el.src == all[i])
                    {
                        num == i;
                        break;
                    }
                }
                num++;
                el.src=all[num];
            }   
        </script>

        <input type="button" onclick="chg1(id)" value="" class="button2" style="left: 90%; top: 120px; width: 70px; height: 500px" />
        <img id="id" alt="" src="https://www.cyberforum.ru/images/Europ001.png" style="position:absolute; left:50%; top:50%" />

   var index = 0;
     var links = new Array (
            "http://javascript.ru/forum/images/ca_serenity/misc/logo.gif", 
            "https://www.cyberforum.ru/images/cyberforum_logo.jpg", 
            "http://www.webdeveloper.com/forum/images/webdev-logo2.gif"
    ); 
  
    function slide(v) {
      var element = document.getElementById("pic");
      index += 1 * v;
            
      if(index > links.length - 1) index = 0;
      else if(index < 0) index = links.length - 1;
      element.src = links[index];
  }