$(document).ready(function(){
    //replace the main image with the first image
	_firstsrc = $('#views a:first').attr("href");
	
	if(_firstsrc){
	$("#mainimage img").css('opacity', 0).attr("src", _firstsrc).bind("load", function(){
		  $(this).fadeTo(1000, 1)
		});
	}
	
  $('#views a').click(function(){
	//get the link's target
	_src = $(this).attr("href");
	
	$("#mainimage img").fadeTo(100, 0, function(){
	    $(this).attr("src", _src).bind("load", function(){
		  $(this).fadeTo(1000, 1)
		});
	  });
	  return false;
  });
});