jQuery.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
	//alert('load image')
    jQuery("<img>").attr("src", arguments[i]);
  }
}

$().ready(function() {
  var galleryListElems = $("ul#studies li").get();
  
  // label each li with index
  for(i = 0; i < galleryListElems.length ; i++) {
    $(galleryListElems[i]).attr("id", i.toString());
  }
  
  $("li.study-item").click(function() {
  	addHighlight(this);
  });  
  
  // set initial highlight
  $("ul#studies li:first").each(function() {
	    addHighlight(this);
  });   
  
});

var prevItemId = null;

function addHighlight(elem) {
  // Change class to change bkg (this is for IE)
  var curItemId = $(elem).attr("id");
  var prevItem = $("#"+prevItemId);
  
  $(elem).addClass("select");
  
  if (prevItemId != null && prevItemId != curItemId) {
  	prevItem.removeClass("select");
  }
  
  prevItemId = curItemId;
  
  //and set the selected study in the main view
  var infoHtml = $(elem).children(".study-info").html();
  $(".study-summary").html(infoHtml);  
}