Javascript-форум - Рандомные картинки и описания к ним

Здравствуйте, уже раннее обращался на этом форуме, мне помогли но не до конца.
Я хочу, что бы по нажатию на кнопку, на сайте появлялся рандомный флаг страны, а справа от флага быт текст с описанием страны, "это флаг Казахстана, этот РФ" и т.п

window.onload = changeIMG;
            function changeIMG() {
              var first = 1;  
              var last = 4; 
              var path = '../img-crd/'; 
              
              var img_src = 'url("' + path + getRandomInt(first,last) + '.jpg")';
              var div = document.getElementById("u_vip");
              div.style.backgroundImage=img_src;
            }
            function getRandomInt(min, max)
            {
              return Math.floor(Math.random() * (max - min + 1)) + min;
            }
             
            function viewDiv(){
              document.getElementById("u_vip").style.display = "block";
            };


var img_src = 'url("' + path + getRandomInt(first,last) + '.jpg")';
var div = document.getElementById("u_vip");
div.style.backgroundImage=img_src;
-->
var description = {
  1: 'foo',
  2: 'bar'
}
var number = getRandomInt(first,last);
var img_src = 'url("' + path + number + '.jpg")';
var img_description = description[number];
var div = document.getElementById("u_vip");
div.innerHTML=img_description;
div.style.backgroundImage=img_src;

<div>
                        <input  type="button" value="Узнать страну" onmousedown="viewDiv()">
                        <input type="button" onclick="location.reload(); return false;" value="Перезапустить">
<div id="u_vip"></div>
</div>

Выдает ошибку about.php:245 Uncaught ReferenceError: path is not defined
Помогите пожалуйста, вторую неделю мучаюсь :(