﻿$.fn.extend ({
	dropDown : function (flatrate) {
	
		var container = $(this);
		
		var options = [
			'Bitte ausw&auml;hlen',
			'PowerPoint-Premium-PLUS-Flatrate',
            'PowerPoint-Premium-Flatrate'
		];
		
		var width = $('#email').css('width');
			
		var div = $('<div/>').addClass('selectForm');
		
		var select = $('<select/>')
			.attr('id','flatrate')
			.css('width',width)
			.appendTo(div)
			.change(function() {
				var value = $(this).attr('value');
				
				$('#orderformwkz',container).html($(this).val().indexOf('PLUS') != -1 ? wkzPlus:wkzDefault);
				hidden.val($(this).val());
				
				if ($(this).val() == '') {
					div.removeClass('selectFormBorder');
					container
						.animate({
							opacity : 0
						},'normal', function () {
							container.css({
								visibility:'hidden'
							});
						});
						
					return;
				}
				
				div.addClass('selectFormBorder');
				container
					.css({
						visibility:'visible',
						opacity : 0
					})
					.animate({
						opacity : 1
					},'normal');
			});
		
		var label = $('<label/>')
			.attr('for','flatrate')
			.html('Ihre gew&uuml;nschte Flatrate')
			.append($('<span/>').text(' *').addClass('star'))
			.appendTo(div);
		
		$.each(options, function(index) { 
			$('<option/>')
				.html(this.toString())
				.attr('value',index > 0 ? this : '')
				.attr('selected',flatrate == this.toString())
				.appendTo(select);
		});
		
		var hidden = $('<input/>')
			.attr('type','hidden')
			.attr('name','additional_fields[flatrate]')
			.prependTo(container.find('form'));
		
		this.before(div);
		
		if (!flatrate || flatrate == '')
			this.css({visibility:'hidden'}); 
		
		return this;

	}
});