// JavaScript Document

jQuery(function(){

  reinitialiseScrollPane = function()
				{
					jQuery('#ArtistPane').jScrollPane();
				}
	
  jQuery("#combo-box").sexyCombo({emptyText: "Select an artist...",
    changeCallback: function() {
	    var id = this.getHiddenValue();
	    jQuery("#ArtistImage").addClass("loading");
	    jQuery("#artistselect").css("display", "none");
	    jQuery("#artistframe").css("height", "270px");
	    jQuery("#artistframe").css("display", "block");
	    var img = new Image();
      jQuery(img).load(function () {
            jQuery(this).css('display', 'none');
            jQuery(this).hide();
            jQuery('#ArtistImage').removeClass("loading").html(this);
            jQuery(this).fadeIn();            
        }).attr({src : 'Artists/'+id});
      jQuery("#ArtistPane").css('top','0px');   
      jQuery("#ArtistPane").load("Artists/"+id+".html","",reinitialiseScrollPane);
      jQuery("#ArtistName").text(this.getTextValue());


	  }
  });
});