function use_filter(filter) {	
	$('#thumbs').html(initial_content);
	
	api = $('div.scrollable').scrollable();
	if(filter) {
		api.getItems().filter(filter).remove();
	} 
	api.reload().begin();
	$("#filter a").removeClass('current');
	$('#count').text(api.getItems().size());
	
	$("div.scrollable a[rel]").overlay({
		expose: '#333333',
		onBeforeLoad: function() {
			var wrap = this.getContent().find("div.wrap");
			wrap.html("<br><img src='" + this.getTrigger().attr("href") + "' title='" + this.getTrigger().attr("title") + "'>");
		}

	});
}

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

var start_text, api, start_order; 

$(function() {			
	if ($.browser.msie && $.browser.version == 6) {
	} else {
		$("a[rel]").overlay({ 
			expose: '#333333',
			onBeforeLoad: function() { 
				var wrap = this.getContent().find("div.wrap");
				
				if (this.getTrigger().attr("id") == "order") { 
					wrap.load(this.getTrigger().attr("href")); 
				} else {
					wrap.html("<br><img src='" + this.getTrigger().attr("href") + "' title='" + this.getTrigger().attr("title") + "'>");
				}
			} 
		}); 
	}
      
	var api = $('div.scrollable').scrollable({
		size: 4,
		items: '#thumbs',  
		hoverClass: 'hover'
	}).mousewheel(); 

	initial_content = $('#thumbs').html();
  
	$.preloadImages("images/design/black.png");
	
	$('#count').text($('div.scrollable').scrollable().getItems().size());

});