;(function($){

	var defaults = {
		wrapperElement: '<span />',
		wrapperClass:	'select-wrapper',
		wrapperStyle: {
			position: 	'relative',
			display: 	'block'
		},
		replaceElement:	'<span />',
		replaceClass:	'select-replacement',
		replaceStyle: {
			left: 		0,
			top: 		0
		},
		selectStyle: {
			opacity:	0,
			position: 	'absolute',
			left: 		0,
			top: 		0,
			cursor: 	'pointer'
		}
	};

	$.fn.imageSelect = function(options){

		var settings = $.extend(defaults, options);


		if ( $.browser.msie && $.browser.version.substr(0, 1) <= 6 ) {
			return;
		}


		return this.each(function(){

			var $wrapper = $(settings.wrapperElement),
				$replace = $(settings.replaceElement),
				$select  = $(this);

			$wrapper
				.css(settings.wrapperStyle)
				.addClass(settings.wrapperClass);

			$select
				.wrap($wrapper)
				.css(settings.selectStyle)
				.change(function(){
					$replace.html($select.find('option[value="' + $select.val() + '"]').html());
				});

			$replace
				.css(settings.replaceStyle)
				.addClass(settings.replaceClass)
				.insertAfter($select)
				.html($select.find('option[value="' + $select.val() + '"]').html());

		});

	}

})(jQuery);