<!doctype html>
<html>
	<head>
        <title>Pandora FMS extension</title>
        <link rel="stylesheet" href="css/popup.css" type="text/css" /> 
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,500,600' rel='stylesheet' type='text/css'>
        <script src="js/jquery-1.7.2.min.js"></script>
        <script src="js/sound.js"></script>
        <script src="js/options.js"></script>
        <script src="js/popup.js"></script>
	</head>
    <body>
    <div id="demo">
        <div class="options_header">
            <img src="images/logo.png">
        </div> 
        <div class="options_divider"><h2>Options Menu</h2></div>

        <div class="options_textarea">
            <table width=600px>
                <caption><h3>Global Parameters</h3></caption>
                <tr>
                    <td  title="IP address of server eg: http://127.0.0.1/pandora_console" style="cursor:help">Console URL</td>
                    <td><input type="text" size=50px name="ip_address" id="ip_address"> </td>
                </tr>
                <tr>
                    <td title="API password of the server" style="cursor:help">API Password</td>
                    <td><input type="password" size=50px name="api_pass" id="api_pass" ></td>
                </tr>
                <tr>
                    <td title="A valid user name" style="cursor:help">User name</td>
                    <td> <input type="text" size=50px name="user_name" id="user_name"> </td>
                </tr>
                <tr>
                    <td title="Password" style="cursor:help">Password</td>
                    <td> <input type="password" size=50px name="pass" id="pass"> </td>
                </tr>
            </table>
            <br/>
            <table width=450px>
                <caption><h3>Event Alert Sounds Configuration</h3></caption>
                <tr>
                    <td style='padding-bottom: 15px;' title="All sound alerts of notifications on/off" style="cursor:help">Sound Alerts </td>
                    <td style='padding-bottom: 15px;'>
                        <input type="radio" id="sound_alert_o" name="sound_alert" value="on" /> On
                        <input type="radio" id="sound_alert_f" name="sound_alert" value="off" /> Off

                    </td>
                </tr>
                <tr class="sound_selector">
                    <td>Critical</td>
                    <td>
                        <select id="critical">
                            <option value="1">Air Craft Alarm</option>
                            <option value="2">Air Shock Alarm</option>
                            <option value="3">Alien Alarm</option>
                            <option value="4">Alien Beacon</option>
                            <option value="5">Bell Ringing</option>
                            <option value="6">Door Alarm</option>
                            <option value="7">EAS Beep</option>
                            <option value="8">Fire Warner</option>
                            <option value="9">Hard PCM Alarm</option>
                            <option value="10">Negative Beep</option>
                            <option value="11">Star Trek Emergency Alarm</option>
                        </select>
                    </td>
                </tr>
                <tr class="sound_selector">
                    <td>Informational</td>
                    <td>
                        <select id="informational">
                            <option value="1">Air Craft Alarm</option>
                            <option value="2">Air Shock Alarm</option>
                            <option value="3">Alien Alarm</option>
                            <option value="4">Alien Beacon</option>
                            <option value="5">Bell Ringing</option>
                            <option value="6">Door Alarm</option>
                            <option value="7">EAS Beep</option>
                            <option value="8">Fire Warner</option>
                            <option value="9">Hard PCM Alarm</option>
                            <option value="10">Negative Beep</option>
                            <option value="11">Star Trek Emergency Alarm</option>
                        </select>
                    </td>
                </tr>
                <tr class="sound_selector">
                    <td>Maintenance</td>
                    <td>
                        <select id="maintenance">
                            <option value="1">Air Craft Alarm</option>
                            <option value="2">Air Shock Alarm</option>
                            <option value="3">Alien Alarm</option>
                            <option value="4">Alien Beacon</option>
                            <option value="5">Bell Ringing</option>
                            <option value="6">Door Alarm</option>
                            <option value="7">EAS Beep</option>
                            <option value="8">Fire Warner</option>
                            <option value="9">Hard PCM Alarm</option>
                            <option value="10">Negative Beep</option>
                            <option value="11">Star Trek Emergency Alarm</option>
                        </select>
                    </td>
                </tr>
                <tr class="sound_selector">
                    <td>Normal</td>
                    <td>
                        <select id="normal">
                            <option value="1">Air Craft Alarm</option>
                            <option value="2">Air Shock Alarm</option>
                            <option value="3">Alien Alarm</option>
                            <option value="4">Alien Beacon</option>
                            <option value="5">Bell Ringing</option>
                            <option value="6">Door Alarm</option>
                            <option value="7">EAS Beep</option>
                            <option value="8">Fire Warner</option>
                            <option value="9">Hard PCM Alarm</option>
                            <option value="10">Negative Beep</option>
                            <option value="11">Star Trek Emergency Alarm</option>
                        </select>
                    </td>
                </tr>
                <tr class="sound_selector">
                    <td>Warning</td>
                    <td>
                        <select id="warning">
                            <option value="1">Air Craft Alarm</option>
                            <option value="2">Air Shock Alarm</option>
                            <option value="3">Alien Alarm</option>
                            <option value="4">Alien Beacon</option>
                            <option value="5">Bell Ringing</option>
                            <option value="6">Door Alarm</option>
                            <option value="7">EAS Beep</option>
                            <option value="8">Fire Warner</option>
                            <option value="9">Hard PCM Alarm</option>
                            <option value="10">Negative Beep</option>
                            <option value="11">Star Trek Emergency Alarm</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td style='padding-top: 15px;' title="Automatic Refresh time to fetch new events" style="cursor:help">Auto Refresh Time</td>
                    <td style='padding-top: 15px;'>
                        <select id="refresh">
                            <option value="5">5 seconds</option>
                            <option value="10">10 seconds</option>
                            <option value="15">15 seconds</option>
                            <option value="30">30 seconds</option>
                            <option value="60">1 minute</option>
                            <option value="120">2 minutes</option>
                            <option value="300">5 minutes</option>
                            <option value="900">15 minutes</option>
                            <option value="1800">30 minutes</option>
                            <option value="3600">1 hour</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td title="Number of events to be displayed in pop up window" style="cursor:help">Number of events</td>
                    <td>
                        <select id="number_events">
                            <option value="5">5</option>
                            <option value="10">10</option>
                            <option value="12">12</option>
                            <option value="14">14</option>
                            <option value="16">16</option>
                            <option value="18">18</option>
                            <option value="20">20</option>
                        </select>
                    </td>
                </tr>
            </table>

			<button id="close" type="button"><h3>Close</h3></button>
        </div>
        <div class="options_footer">
			<p style="display: none;font-family:arial;font-style:italic;color:black;font-size:11px;">Author Information : R.Hareesan (rharishan@gmail.com)</p>
        </div>
    </body>
    </html>