function getElementsByStyleClass (className) 
{
   var all = document.all ? document.all :
      document.getElementsByTagName('*');
   var elements = new Array();
   for (var e = 0; e < all.length; e++)
   {
      if (all[e].className == className)
      {
         elements[elements.length] = all[e];
      }
   }
   return elements;
}

var selected;

function displayItem(element)
{
   selected.className='item';
   document.getElementById('itemDescription').innerHTML = items[element.id].description;
   document.getElementById('itemForm').innerHTML = getFormData(items[element.id]);
   element.className='selected';
   selected = element;
}

function getFormData(item)
{
   var s = '';
   s += '<p>';
   s += '<form name="cart" target="cart" action="https://www.theperpetualgaragesale.net/pgscart/add-to-cart.php" method="post">';
   s += '<input type="hidden" name="item_name" value="">';
   s += '<input type="hidden" name="amount" value="' + item.price + '">';
   if ( item.shipping )
   {
      s += '<input type="hidden" name="shipping" value="' + item.shipping + '">';
   }
   else
   {
      s += '<input type="hidden" name="shipping" value="4.90">';
   }
   s += '<input type="hidden" name="shipping2" value="2.50">';
   if ( item.optionName != '' )
   {
      s += '<input type="hidden" name="on0" value="' + item.optionName + '">';
      s += item.optionName + ': <select name="os0">';
      var numOptions = item.options.length;
      s += '<option selectd="selected" name="' + item.options[0] + '">' + item.options[0] + '</option>';
      for ( var i = 1; i < numOptions; ++i )
      {
         s += '<option name="' + item.options[i] + '">' + item.options[i] + '</option>';
      }
      s += '</select>';
   }
   
   s += '<p><span class="price">$' + item.price + '</span></p>';


   s += '</form>';
   s += '</p>';

   return s;
}

function initialize()
{
   var itemDivs = getElementsByStyleClass("item");
   for ( var i in itemDivs )
   {
      itemDivs[i].onmouseover = function()
      {
         if (selected == this) return;
         displayItem(this);
      };
   } 

   if ( itemDivs.length > 0 )
   {
      selected = itemDivs[0];
      document.getElementById('itemDescription').innerHTML = items[selected.id].description;
      document.getElementById('itemForm').innerHTML = getFormData(items[selected.id]);
      selected.className='selected';
   }
}

function addSelectedItemToCart()
{
   var form = document.cart;
   form.item_name.value=items[selected.id].name;
   form.submit();
}

window.onload = initialize;