function addClickTo(id,target,url) {

 $(id).click(function(){

	$(target).fadeTo(600,0, function() {
	 $(this).load(url, function() {
	  $(this).fadeTo(600,1); 
	  }); 
	 });

	});
}

function prepPage(target,url) {

	$(target).fadeTo(0,0, function() {
	 $(this).load(url, function() {
	  $(this).fadeTo(600,1);
	  }); 
	 });
}

function hideTillLoaded (id) {

$(id).fadeTo(0,0).load(function(){
		$(this).fadeTo(500,1);
	 }).each(function(){
	 if(this.complete) $(this).trigger("load");
	 });

}

function hideThumbsTillLoaded (id) {

$(id).fadeTo(0,0).load(function(){
		$(this).fadeTo(200,0.6);
	 }).each(function(){
	 if(this.complete) $(this).trigger("load");
	 });

}

function addHover (id) {

$(id).hover( function() {
	$(this).fadeTo(200,1);
	}, function(){
	$(this).fadeTo(500,0.6);
});

}

//http://api.jquery.com/load-event/
//don't know about Gecko, but at least in Opera .load() doesn't fire for images that allready lie in the browser's cache ... writing something like
//
//$("#myImg").one("load",function(){
//do something
//})
//.each(function(){
//if(this.complete) $(this).trigger("load");
//});
//
//seems to solve the problem.