function image_roll(site, item, price, image_loc)
{
  //get [site title] [item title] [item price]
  document.getElementById('site_title_span').innerHTML = site;
  document.getElementById('item_title_span').innerHTML = item;
  document.getElementById('price_title_span').innerHTML = price;
  
  //change img
  document.getElementById('main_image').src = image_loc;

}

/*
    NEED A FUNCTION THAT ONLOAD MAKES SURE ALL THE CHECKMARKS ARE NOT CHECKED
    INCASE SOMEONE REFRESHED THE PAGE!!!!
*/


// globals to keep track of what is set and not set for the checkbox sorting
var electronics_set = true;
var software_set    = true;
var clothing_set    = true;
var other_set       = true;

function sort_options(which)
{
  set_globals(which);
  //alert('e: ' + electronics_set + '\n s: ' + software_set + '\n c: ' + clothing_set + '\n o: ' + other_set);

  //get the div that holds all the images
  var image_div = document.getElementById('images_div');
  var imgs = image_div.getElementsByTagName('div');
  
  for(var i = 0; i < imgs.length ; i++)
  {
      options_sorter(imgs[i]);
  }
  

}

function options_sorter(object)
{
  var id_array = object.id.split("_");
  var type = id_array[0];
  
  //alert(type);
  if(type == 'electronics')
  {
    //alert('checking electronics');
    object.style.display = (electronics_set == true) ? 'block' : 'none';
  }
  
  if(type == 'software')
  {
    //alert('checking software');
    object.style.display = (software_set == true) ? 'block' : 'none';  
  }
  
  if(type == 'clothing')
  {
    //alert ('checking clothing');
    object.style.display = (clothing_set == true) ? 'block' : 'none';  
  }
  
  if(type == 'mix')
  {
    //alert('checking mix');
    object.style.display = (other_set == true) ? 'block' : 'none'; 
  }
  
}

//manages the setting and unsetting of the globals
function set_globals(which)
{
  switch(which)
  {
    case 'e':
    electronics_set = (electronics_set == false) ? true : false;
    break;
  
    case 's':
    software_set = (software_set == false) ? true : false;
    break;
    
    case 'c':
    clothing_set = (clothing_set == false) ? true : false;
    break;
    
    case 'o':
    other_set = (other_set == false) ? true : false;
    break;
  }


}