<script type="text/javascript">
	$(document).ready( function() 
	    {
				$("#dbtype").change(function( objEvent ){
					var current = $("#dbtype option:selected").val();

					if(current == 'pgsql' ) {
						$("#create_database_off").attr("checked", "checked"); 
						$("#create_database_on").attr("disabled", "disabled");  
					} else {
						$("#create_database_on").attr("checked", "checked");
						$("#create_database_on").removeAttr("disabled");  
					}
				}
				);

		});
</script>

<h1>{#I-04#}</h1>

<form action="{#url#}" method="post">
	<input type="hidden" name="step" value="database" />

	<!-- <p class="warning" style="color: red">{#l21-11#}</p> -->

	<div class="input">
		<p>{#l21-01#}</p>
		<select name="dbtype" id="dbtype">
			<option value="mysql">mysql</option>
			<!-- <option value="pgsql">postgresql</option> -->
		</select>
	</div>

	<div class="input">
		<p>{#I-05#}</p>
		<input size="30" class="text" type="text" name="dbname" value="" />
	</div>

	<div class="input">
		<p>{#I-06#}</p>
		<input size="30" class="text" type="text" name=dbuser value="" />
	</div>

	<div class="input">
		<p>{#I-07#}</p>
		<input size="30" class="text" type="password" name="dbpass" value="" />
	</div>

	<div class="input">
		<p>{#I-08#}</p>
		<input size="30" class="text" type="text" name="dbhost"
			value="localhost" />
	</div>

	<div class="input">
		<p>{#I-09#}</p>
		<input type="radio" name="create_database" id="create_database_off" value="0" />
		<label>{#I-11#}</label>
		<input type="radio" name="create_database" id="create_database_on" checked="checked" value="1" />
		<label>{#I-10#}</label>
		<!-- <p class="warning">{#l21-02#}</p>  -->
		
	</div>


	<!-- begin buttons -->
	<div class="input">
		<input class="button" type="submit" value="{#I-03#}" />
	</div>
	<!-- end buttons -->
</form>
