var Banners;

BannersClass = function(){
	var ul = $("#banners");
	var links = ul.find("a");
	var banners = this;
	links.each(function(i, link){
		
		var std_img = $(link).find(":last");
		var src = std_img.attr("src").replace("/thumb/", "/tint/");
		var image = new Image();
		image.src = src;
		image.onload = function(){
			
			$(image).addClass("overimg");
			Banners.Loaded(image, link);
		}
		/*$(std_img).mouseout(function(e){
				$(link).find(".over").fadeOut(200);
				$(link).find(":last").fadeIn(200);
		});*/
		$(link).parent().mouseleave(function(e){
				$(link).find(".over").fadeOut(200);
				$(link).find(":last").fadeIn(200);
		});
		$(link).parent().mouseenter(function(e){
				$(image).fadeOut(200);
				$(link).find(".over").fadeIn(200);
		});
		/*$(image).mouseover(function(e){
				$(image).fadeOut(200);
				$(link).find(".over").fadeIn(200);
		});
		$(image).mouseout(function(e){
			if($(image).css("display")!="none") {
				$(link).find(":last").fadeIn();
			}
		});*/
	});

 
	
	return {
		Loaded: function(image, container){
			$(container).append(image);
		}
	}
}