<script src="../../js/3rdparty/jquery-1.4.2.min.js" type="text/javascript"></script>

  <script src="../../js/3rdparty/jquery-ui/ui.core.js" type="text/javascript"></script>

  <script src="../../js/3rdparty/jquery-ui/effects.core.js" type="text/javascript"></script>

  <script src="../../js/3rdparty/jquery-ui/effects.blind.js" type="text/javascript"></script>

  <script src="../../js/3rdparty/jquery-ui/dima.js" type="text/javascript"></script>

  <link rel="stylesheet" id="CSSLink" type="text/css" href="settingsview.css"/>

  <meta name = "viewport" content = "width = device-width, height = device-height, initial-scale = 1.0, user-scalable = no">

  <script>

 $(document).ready(function() {

    //HIDE THE DIVS ON PAGE LOAD

    var settingsLoaded = window.pageController.getSettingsLoaded();

    var image1;

    var image2  

    var imagesrc1;

    var imagesrc2;

    if(settingsLoaded == 0)

    {

    	$("div.accordionContent").hide();

    	image1 = document.getElementById("im1");   

	   	image1.setAttribute("src", "icons/list_headerarrow_closed.png")	

	   	imagesrc1 = "icons/list_headerarrow_closed.png";

  	  image2 = document.getElementById("im2");   

   		image2.setAttribute("src", "icons/list_headerarrow_closed.png");  

   		imagesrc2 = "icons/list_headerarrow_closed.png";

    }

    else if(settingsLoaded == 1){

      $('div.accordionButtonGS').next().show();

      image1 = document.getElementById("im1");   

	   	image1.setAttribute("src", "icons/list_headerarrow_open.png")	

	   	imagesrc1 = "icons/list_headerarrow_open.png";

  	  image2 = document.getElementById("im2");   

   		image2.setAttribute("src", "icons/list_headerarrow_closed.png");  

   		imagesrc2 = "icons/list_headerarrow_closed.png";

    }  

    else if(settingsLoaded == 2)

    {	

      $('div.accordionButtonCD').next().show();

       image1 = document.getElementById("im1");   

	     image1.setAttribute("src", "icons/list_headerarrow_closed.png");	

	     imagesrc1 = "icons/list_headerarrow_closed.png";

  	   image2 = document.getElementById("im2");   

   		 image2.setAttribute("src", "icons/list_headerarrow_open.png");  

   		 imagesrc2 = "icons/list_headerarrow_open.png";

   	}	

    //ACCORDION BUTTON ACTION

    $('div.accordionButtonGS').click(function() {

        //$('div.accordionContent').slideUp('normal');

        //$(this).next().slideDown('normal');

        $(this).next().toggle();

        $('div.accordionButtonCD').next().hide();  

        image1 = document.getElementById("im1");   

        image2 = document.getElementById("im2");  

        if(imagesrc1 == "icons/list_headerarrow_closed.png") // current state

        {

        	imagesrc1 = "icons/list_headerarrow_open.png";

        	imagesrc2 = "icons/list_headerarrow_closed.png";        	

        }       

        else // imagesrc1 == "icons/list_headerarrow_open.png"

        {

        	imagesrc1 = "icons/list_headerarrow_closed.png";

        }       

        image1.setAttribute("src", imagesrc1);

        image2.setAttribute("src", imagesrc2);  

    });

    $('div.accordionButtonCD').click(function() {

        $(this).next().toggle();

        $('div.accordionButtonGS').next().hide();

        image1 = document.getElementById("im1");   

        image2 = document.getElementById("im2");  

        if(imagesrc2 == "icons/list_headerarrow_closed.png") // current state

        {

        	imagesrc2 = "icons/list_headerarrow_open.png";

        	imagesrc1 = "icons/list_headerarrow_closed.png";        	

        }       

        else // imagesrc2 == "icons/list_headerarrow_open.png"

        {

        	imagesrc2 = "icons/list_headerarrow_closed.png";

        }       

        image1.setAttribute("src", imagesrc1);

        image2.setAttribute("src", imagesrc2);       

    });

});

  </script>

<div id="wrapper">

       <div class="accordionButtonGS">&nbsp;&nbsp;&nbsp;&nbsp;General Settings   <img id="im1" align="right" style="padding-right: 20px; vertical-align: middle; " ></div>                

        <div class="accordionContent"><br />

            <form name="encoding" >Character Encoding <br> 

            <table width="100%" cellspacing="0">

         	 <tr>

           <td style="text-align: center;">

           	<select onChange="setValue(this.selectedIndex)" name="formbutton">

            <option value="Automatic">Automatic            

            <option value="Big5">Big5                

						<option value="Big5-HKSCS">Big5-HKSCS

						<option value="CP949">CP949 

						<option value="EUC-JP">EUC-JP 

						<option value="EUC-KR">EUC-KR 

						<option value="GB18030-0">GB18030-0 

						<option value="IBM-850">IBM-850 

						<option value="IBM-866">IBM-866 

						<option value="IBM-874">IBM-874

						<option value="ISO-2022-JP">ISO-2022-JP 

						<option value="ISO-8859-1">ISO-8859-1  

						<option value="ISO-8859-2">ISO-8859-2

						<option value="ISO-8859-3">ISO-8859-3

						<option value="ISO-8859-4">ISO-8859-4

						<option value="ISO-8859-5">ISO-8859-5

						<option value="ISO-8859-6">ISO-8859-6

						<option value="ISO-8859-7">ISO-8859-7

						<option value="ISO-8859-8">ISO-8859-8

						<option value="ISO-8859-9">ISO-8859-9

						<option value="ISO-8859-10">ISO-8859-10

						<option value="ISO-8859-13">ISO-8859-13

						<option value="ISO-8859-14">ISO-8859-14

						<option value="ISO-8859-15">ISO-8859-15

						<option value="ISO-8859-16">ISO-8859-16

						<option value="KOI8-R">KOI8-R 

						<option value="KOI8-U">KOI8-U

						<option value="MuleLao-1">MuleLao-1 

						<option value="ROMAN8">ROMAN8 

						<option value="Shift-JIS">Shift-JIS 

						<option value="TIS-620">TIS-620 

						<option value="TSCII">TSCII

						<option value="UTF-8">UTF-8 

						<option value="UTF-16">UTF-16 

						<option value="UTF-16BE">UTF-16BE 

						<option value="UTF-16LE">UTF-16LE 

						<option value="UTF-32">UTF-32 

						<option value="UTF-32BE">UTF-32BE 

						<option value="UTF-32LE">UTF-32LE 

						<option value="Windows-1250">Windows-1250 

						<option value="Windows-1251">Windows-1251

						<option value="Windows-1252">Windows-1252

						<option value="Windows-1253">Windows-1253

						<option value="Windows-1254">Windows-1254

						<option value="Windows-1255">Windows-1255

						<option value="Windows-1256">Windows-1256

						<option value="Windows-1257">Windows-1257

						<option value="Windows-1258">Windows-1258           	

            </select>

               </td> 

           </tr>

         </table>

            </form> 

         <table width="100%" cellspacing="0">

         	 <tr>

            <td class="settingstext" style="border-top: solid 1px #E0E0E0;">Save Browsing History</td>

            <td style="border-top: solid 1px #E0E0E0;"><input id="saverestore1" onclick="saveSR('yes')"    type="image" STYLE="vertical-align: middle; padding:5px" >

                <input id="saverestore2" onclick="saveSR('no')"     type="image" STYLE="vertical-align: middle; padding:5px" ></td> 

           </tr>

           <!--

           <tr> 

            <td class="settingstext" style="border-top: solid 1px #E0E0E0;">Save Form/Passwords</td>

            <td style="border-top: solid 1px #E0E0E0;"><input id="formpwd1" onclick="saveFP('yes')" type="image" STYLE="vertical-align: middle; padding:5px" >

                																			 <input id="formpwd2" onclick="saveFP('no')"  type="image" STYLE="vertical-align: middle; padding:5px" ></td>

           </tr> -->

         </table>         

        </div>

        <div class="accordionButtonCD">&nbsp;&nbsp;&nbsp;&nbsp;Clear Data <img id="im2" align="right" style="padding-right: 20px; vertical-align: middle; "></div>

        <div class="accordionContent"><br />

             <form name="deleteform">

                  <table width="100%" cellspacing="0">

								  <tr>

								    <td class="settingstext">Cache&nbsp;&nbsp;</td>

								    <td style="text-align: right;  white-space: nowrap;"><img id="id1" onclick="clearSelected('cache')"     type="image" STYLE="vertical-align: middle;"></td>

								  </tr>

								  <tr>

								    <td class="settingstext" style="border-top: solid 1px #E0E0E0;">Cookies&nbsp;&nbsp;</td>

								    <td style="text-align: right; border-top: solid 1px #E0E0E0; white-space: nowrap;"><img id="id2" onclick="clearSelected('cookies')"   type="image" STYLE="vertical-align: middle;" ></td>

								  </tr>

								  <tr>

								    <td class="settingstext" style="border-top: solid 1px #E0E0E0;">History&nbsp;&nbsp;</td>

								    <td style="text-align: right; border-top: solid 1px #E0E0E0;  white-space: nowrap;"><img id="id3" onclick="clearSelected('history')"   type="image" STYLE="vertical-align: middle;" ></td>

								  </tr>

								  <tr>

								    <td class="settingstext" style="border-top: solid 1px #E0E0E0;">Bookmarks&nbsp;&nbsp;</td>

								    <td style="text-align: right; border-top: solid 1px #E0E0E0;  white-space: nowrap;"><img id="id4" onclick="clearSelected('bookmarks')"   type="image" STYLE="vertical-align: middle;" ></td>

								  </tr>

								  <tr>

								    <td class="settingstext" style="border-top: solid 1px #E0E0E0;">Forms and Passwords&nbsp;&nbsp;</td>

								    <td style="text-align: right; border-top: solid 1px #E0E0E0;  white-space: nowrap;"><img id="id5" onclick="clearSelected('forms')"   type="image" STYLE="vertical-align: middle;" ></td>

								  </tr>

								  <tr>

								    <td class="settingstext" style="border-top: solid 1px #E0E0E0;">All&nbsp;&nbsp;</td>

								    <td style="text-align: right; border-top: solid 1px #E0E0E0; white-space: nowrap;"><img id="id6" onclick="clearSelected('all')"   type="image" STYLE="vertical-align: middle;" ></td>

								  </tr>

								</table>

            </form>

        </div>

    </div>