$.fn.customSelect = function() {
	$(this).parent('form').find('input[type=submit]').remove();
	
	this.each(function() {  
		obj = $(this);  
		obj.after('<div id="select-container">'
				+ '  <input type="hidden" value="" name="' + this.name + '" class="customselect"/>'
				+ '  <div id="iconselect"><img src="/images/' + $(this).attr('value') + '/flag.gif' + '" /></div>'
				+ '  <div id="iconselectholder"> </div>'
				+ '  <div id="selectoptions"> </div>'
				+ '</div>');
		obj.find('option').each(function(i){
			 $("#selectoptions").append('<div id="'
					 + $(this).attr('value')
					 + '" class="selectitems"><img src="/images/'
					 + $(this).attr('value')
					 + '/flag.gif" /></div>');
		});
		
		$("#iconselectholder").append( $("#selectoptions")[0] );
		
//		$(".selectitems").mouseover(function(){
//			$(this).addClass("hoverclass");
//		});
//		$(".selectitems").mouseout(function(){
//			$(this).removeClass("hoverclass");
//		});
		
		var old = $(this).attr('value');
	    $(".selectitems").click(function(){
	     	if (old != this.id) {
	            $(".customselect").val(this.id);
	            
	            $("#iconselect").html($(this).html());
	    
	            $("#iconselectholder").slideUp("fast", function(){
	            	$('#form-select-culture').submit();
	            });
	        }
	        else {
	        	$("#iconselectholder").slideUp("fast");
	        }
		});
		
		$("#iconselect").click(function(){
			$("#iconselectholder").slideToggle("fast");
		});
		$("#iconselectholder").slideUp(0);
	});
	
	$(this).hide();
}

