Рандомные картинки и описания к ним

[DaRth_BaRs]

Всем привет, новичок в js.
У меня есть код, который выводит рандомный флаг страны. Как к каждому флагу добавить конкретное описание в виде тега <p>.
Резюмируя: Я хочу, что бы по нажатию на кнопку, на сайте появлялся рандомный флаг, а справа от флага быт тектс, -это флаг Казахстана, этот РФ и т.п

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";
			};

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

[Aetae]

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;

[DaRth_BaRs]

Прошу прощения, а как это применить? В какой id добавить div? что бы к каждому рандомному флагу привязался определенный текст?

[DaRth_BaRs]

Не работает, выдает ошибку
about.php:245 Uncaught ReferenceError: path is not defined