(function ($) {

	$.fn.innovaAionCoolDropdown = function (options) {

		var options = $.extend({
			// fooBarClass: "class_name"
		}, options);

		return this.each(function () {

			var original = this;
			var op_html = "";
			var html = "";

			for (var i = 0; i < original.options.length; i++) {
				op_html += "<span value=\"" + original.options[i].value + "\">" + original.options[i].text + "</span>";
			}

			html = ""
				+ '<div class="select">'
				+ '<div class="select_one"></div>'
				+ '<div class="select_all display_none">'
				+ '<div class="up"></div>'
				+ '<div class="center">'
				+ op_html
				+ '</div>'
				+ '<div class="down"></div>'
				+ '</div>'
				+ '<div class="select_close"></div>'
				+ '<input name="' + original.name + '" type="hidden" value="' + original.options[original.selectedIndex].value + '">'
				+ '<div class="text">' + original.options[original.selectedIndex].text + '</div>'
				+ '</div>'
				+ "";

			html = $(html);

			$(original).replaceWith(html);

			$('.select_one, .select_close, .select_all, .text', $(html)).click(function() {
				if ($(this).parent('.select').hasClass('open')) {
					$(this).parent('.select').removeClass('open');
				} else {
					$(this).parent('.select').addClass('open');
				}
			});

			$('.select_all > .center > span', $(html)).click(function() {
				var s=$(this).html();
				var v=$(this).attr('value');
				$(this).parents('.select').children('.text').html(s);
				$(this).parents('.select').children('input').attr('value', v);
			});

		});

	};

})(jQuery);