function historyNavigation(h_page) {
  request = createRequest();
  if (request == null) {
    alert("Unable to create request");
    return;
  }
  // Version for JSON server-side script


  var url= "http://ruach.ru/admin/historyNavigation.php?his_page=" + escape(h_page);

  request.open("GET", url, true);
  request.onreadystatechange = displayHistory;
  request.send(null);
}

function displayHistory() {

  if (request.readyState == 4) {
    if (request.status == 200) {

      var historyData = eval('(' + request.responseText + ')');

      // Add new item details
      var hisDiv = document.getElementById('his_content');
      hisDiv.innerHTML = '';
      var base = historyData['base'];
	 for (var item in historyData) {
     	if (item == 0 || item == 1) hisDiv.innerHTML += '<p><b>' + historyData[item]['date'] + '</b><br/>' + historyData[item]['description'] + '</p><div style="margin:0 0 0 2px;"><img src="' + base + 'design/images/' + historyData[item]['img'] + '" alt="" width="161" height="50" border="0" /></div>';
	 }



          var navPrev = document.getElementById('nav.prev');

          if (historyData['nav']['prev'] == 'empty') {
          	 navPrev.innerHTML = '<img src="' + base + 'design/images/' + historyData['img']['prev'] + '" alt="" width="90" height="32" border="0" class="png_img" />';
          }

          else {
          	navPrev.innerHTML = '<a href="#" title="" onClick="historyNavigation(' + historyData['nav']['prev'] + '); return false;"><img src="' + base + 'design/images/' + historyData['img']['prev'] + '" alt="" width="90" height="32" border="0" class="png_img" /></a>';
          }

          var navNext = document.getElementById('nav.next');

          if (historyData['nav']['next'] == 'empty') {
          	   navNext.innerHTML = '<img src="' + base + 'design/images/'+historyData['img']['next']+'" alt="" width="83" height="32" border="0" class="png_img" />';
          }
          else {navNext.innerHTML = '<a href="#" title="" onClick="historyNavigation(' + historyData['nav']['next'] + '); return false;"><img src="' + base + 'design/images/' + historyData['img']['next'] + '" alt="" width="83" height="32" border="0" class="png_img" /></a>';
          }

      }
    }
  }