/* SETUP SUGGESTED ITEMS INTERFACE */

/**
 *  position the suggested item popups and hidden pages
 */
var divs = document.getElementsByTagName("div");
var offTop;
var offLeft;
var itemsTop = new Array(3);
var itemsLeft = new Array(3);
var shiftRight = (document.all) ? 4 : 5;

var currentPage = 1;
var pageCount = 1;

/**
 *  position hidden pages
 */
var count = 2;  // first hidden page is two

for (var i = 0; i < divs.length; i++) {
  if (divs[i].id == ("suggest_page" + count)) {
    offTop = document.getElementById("suggest_page1").offsetTop;
    offLeft = document.getElementById("suggest_page1").offsetLeft;
    divs[i].style.top = offTop + "px";
    divs[i].style.left = offLeft + "px";
    count++;
    pageCount++;
  }
}

/**
 *  position first three (visible) suggested item popups and save values
 */
count = 1;
itemNdx = 0;

for (var i = 0; i < divs.length; i++) {
  if (divs[i].id == ("suggest" + count)) {
    itemsTop[itemNdx] = document.getElementById("suggest" + count).offsetTop;
    document.getElementById("suggest_info" + count).style.top =
      itemsTop[itemNdx] + "px";

    itemsLeft[itemNdx] =
      document.getElementById("suggest" + count).offsetLeft + shiftRight;
    document.getElementById("suggest_info" + count).style.left =
      itemsLeft[itemNdx] + "px";

    itemNdx++;

    if (++count > 3) {  // stop after three
      break;
    }
  }
}
/**
 *  position remaining (hidden) suggested item popups and save values
 *  count = 4;
 */
itemNdx = 0;

for (var i = 0; i < divs.length; i++) {
  if (divs[i].id == ("suggest" + count)) {
    document.getElementById("suggest_info" + count).style.left =
      itemsLeft[itemNdx] - 22 + "px"; // account for offsetParent padding

    count++;

    if (++itemNdx > 2) {  // loop values 0 1 2
      itemNdx = 0;
    }
  }
}