function ImageObj(imgPath, fullText) {
	this.imgPath = imgPath;
	this.fullText = fullText;
}

var randomImages = Array();
var imageTimer = null;
function opacity1(id, opacStart, opacEnd, millisec) {
  //speed for each frame
  var speed = Math.round(millisec / 100);
  var timer = 0;
	var i;

  //determine the direction for the blending, if start and end are the same nothing happens
  if(opacStart > opacEnd) {
      for(i = opacStart; i >= opacEnd; i--) {
          setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
          timer++;
      }
  } else if(opacStart < opacEnd) {
      for(i = opacStart; i <= opacEnd; i++)
          {
          setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
          timer++;
      }
  }
} 

var isClicked = false;
var imgTimer = null;

function showReason(id) {
  if (imageTimer != null) clearTimeout(imageTimer);
  if (imgTimer != null) clearTimeout(imgTimer);
  isClicked = true;
  var i;
  var d;
  for (i = 1; i <= 10; i++) {
    d = document.getElementById("box_reasons_detail_" + i);
    if (d == null) continue;
    if (i != id) 
      d.style.display = "none";
    else 
      d.style.display = "block";
  }
  displayRandomImage(id, 0);
}

function displayRandomImage(r, id) {
  changeOpac(0, 'placeHolder');
  if (randomImages[r][id].imgPath != '') {
    document.getElementById('imageHolder').innerHTML = '<img src="' + randomImages[r][id].imgPath + '" style="border: 1px solid black; padding: 1px;"/>';
  }
  else document.getElementById('imageHolder').innerHTML = '';
  
  document.getElementById('textHolder').innerHTML = randomImages[r][id].fullText;
  isClicked = false;
  var timer = 0;
      for(var i = 0; i <= 100; i++) {
    if (isClicked) return;
          imgTimer = setTimeout("changeOpac(" + i + ",'placeHolder')",(timer * 50));
    if (isClicked) return;
          timer++;
      }

  imageTimer = setTimeout("displayRandomImage(" + r + "," + (1 - id) + ")", 8000);
}