/* * * *
 * button: should be the element that is the link being clicked.
 * hideshow() assumes this DOM structure:
 * <UL>
 *   |-<li>
 *   |-<li class="extra">
 *   |-<li class="extra">
 * <DIV>
 *    |-<A button>
 *    |     |-<IMG more/less images>  
 * * * * */  

var moreImg = new Image();
var lessImg = new Image();
moreImg.src = '/lib/yhst-21219413423351/more.gif';
lessImg.src = '/lib/yhst-21219413423351/less.gif'; 


function hideshow(button) {
  var img = button.firstChild;
  var ul = button.parentNode.previousSibling;
  var li = ul.getElementsByTagName('li');
  
  //determine if we are hiding or showing from the image source
  if (img.src==lessImg.src) {
    // Hide Extra LIs
    img.src=moreImg.src;
    for (var i=0; i<li.length; i++) {
      if (li[i].className.indexOf('extra')!=-1) {
        li[i].style.display='none';
      }
    }
  } else {
    img.src = lessImg.src;
    // Show Extra LIs
    for (var i=0; i<li.length; i++) {
      if (li[i].className.indexOf('extra')!=-1) {
        li[i].style.display='block';
      }
    }
  }
}