<script type="text/javascript">

   $("#block-left ul li").removeClass();
   $("#step3").addClass("active");

   var checks = [
                   [ "1", "../libs/AJAX/install/oneFile.php?chkType=database&subChk=dbtype&dbtype=" + $('#dbtype').val() + "", "", "success" ],
                   [ "2", "../libs/AJAX/install/oneFile.php?chkType=database&subChk=dbhost&dbtype=" + $('#dbtype').val() + "&dbhost=" + $('#dbhost').text() + "&dbname=" + $('#dbname').val() + "&dbuser=" + $('#dbuser').val() + "&dbpass=" + $('#dbpass') + "", "", "success" ],
                   [ "3", "../libs/AJAX/install/oneFile.php?chkType=database&subChk=dbuser&dbtype=" + $('#dbtype').val() + "&dbhost=" + $('#dbhost').text() + "&dbname=" + $('#dbname').val() + "&dbuser=" + $('#dbuser').val() + "&dbpass=" + $('#dbpass') + "", "", "success" ],
                   [ "4", "../libs/AJAX/install/oneFile.php?chkType=database&subChk=dbpass&dbtype=" + $('#dbtype').val() + "&dbhost=" + $('#dbhost').text() + "&dbname=" + $('#dbname').val() + "&dbuser=" + $('#dbuser').val() + "&dbpass=" + $('#dbpass') + "", "", "success" ],
                   [ "5", "../libs/AJAX/install/oneFile.php?chkType=database&subChk=dbname&dbtype=" + $('#dbtype').val() + "&dbhost=" + $('#dbhost').text() + "&dbname=" + $('#dbname').val() + "&dbuser=" + $('#dbuser').val() + "&dbpass=" + $('#dbpass') + "", "", "success" ]
                ];

   var checker = new AjaxChecker(checks, "#btnTestConn", "#btnCont", "#errMsg", true, "#check", "#detect", "-");

</script>

<div class="logo-sm"><img src="../themes/classic/install/images/usercake-badge-mini.png" alt="UserCake" title="UserCake"></div>
<div style="clear:right;"></div>
<p>Please enter your database information below to complete the <strong>Database Setup</strong>.</p>

<div style="display:none;" id="errMsg"><div class="ui-widget" style="margin: 0 5px;"><div class="ui-state-error ui-corner-all"> <p><span class="ui-icon ui-icon-alert" style="float: left;margin:0 5px;"></span> <strong>Warning:</strong> <span id="err"></span></p></div></div></div>

<span class="col5">Database Type:</span>
<span class="col4"><select id="dbtype" name="dbtype"><option value="mysql">mySQL</option><option value="mysqli">mySQLi</option></select></span>
<span id="detect1" style="display:none;"></span>
<span class="col3" id="check1"></span><br>

<span class="col5">Database Host:</span>
<span class="col4"><input type="text" id="dbhost" name="dbhost" value="localhost"></span>
<span id="detect2" style="display:none;"></span>
<span class="col3" id="check2"></span><br>

<span class="col5">Database Name:</span>
<span class="col4"><input type="text" id="dbname" name="dbname" value=""></span>
<span id="detect3" style="display:none;"></span>
<span class="col3" id="check3"></span><br>

<span class="col5">Database Username:</span>
<span class="col4"><input type="text" id="dbuser" name="dbuser" value=""></span>
<span id="detect4" style="display:none;"></span>
<span class="col3" id="check4"></span><br>

<span class="col5">Database Password:</span>
<span class="col4"><input type="password" id="dbpass" name="dbpass" value=""></span>
<span id="detect5" style="display:none;"></span>
<span class="col3" id="check5"></span><br>

<div align="center"><input type="button" value="Test Connection" id="btnTestConn" onclick="checker.reset();alert(checks[1][1]);" style="margin-bottom:40px;"></div>
<span class="buttons"><input type="button" value="Continue &raquo;" id="btnCont" onclick="window.ajax.get('#main','../themes/' + theme + '/install/database-setup.html', '', 'loading', '')"></span>