(function($){

	$.fn.swap = function() {
		var opt = {};
		var height;
		var el = $(this).eq(0);
		
		if(el) {
		
			// extend our default options with anything passed in by user
			$.extend(opt, $.fn.swap.defaults, arguments[0] || {});
			
			// hide the other hovers
			el.find(".render").css("height", "207px");
			
			// create the list
			el.append('<ul class="render-control"><li class="active"><span>::</span> Design 1</li><li><span>::</span> Design 2</li><li><span>::</span> Design 3</li></ul>');
			
			el.find('li').each(function(i){
				var bg = [0, -207, -414];
				var c = i;
				$(this).click(function(){
					$(this).siblings().removeClass("active").end().addClass("active"); 
					el.find(".render").css("background-position", "left " + (0 + bg[i]) + "px");
					});
				
			});
			
		}
	};
	
	// Default options for the plugin.
	$.fn.swap.defaults = {};
	
})(jQuery);