<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<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">
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>Settings</title>
<script src="settingsview.js" type="text/javascript"></script>
<script language="JavaScript">
</script>
<script>
$(document).ready(function() {
//HIDE THE DIVS ON PAGE LOAD
var settingsLoaded = window.pageController.getSettingsLoaded();
var image1;
var image2;
var image3;
var imagesrc1;
var imagesrc2;
var imagesrc3;
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";
image3 = document.getElementById("im3");
image3.setAttribute("src", "icons/list_headerarrow_closed.png");
imagesrc3 = "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";
image3 = document.getElementById("im3");
image3.setAttribute("src", "icons/list_headerarrow_closed.png");
imagesrc3 = "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";
image3 = document.getElementById("im3");
image3.setAttribute("src", "icons/list_headerarrow_closed.png");
imagesrc3 = "icons/list_headerarrow_closed.png";
}
else if(settingsLoaded == 3)
{
$('div.accordionButtonABT').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_closed.png");
imagesrc2 = "icons/list_headerarrow_closed.png";
image3 = document.getElementById("im3");
image3.setAttribute("src", "icons/list_headerarrow_open.png");
imagesrc3 = "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();
$('div.accordionButtonABT').next().hide();
image1 = document.getElementById("im1");
image2 = document.getElementById("im2");
image3 = document.getElementById("im3");
if(imagesrc1 == "icons/list_headerarrow_closed.png") // current state
{
imagesrc1 = "icons/list_headerarrow_open.png";
imagesrc2 = "icons/list_headerarrow_closed.png";
imagesrc3 = "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);
image3.setAttribute("src", imagesrc3);
});
$('div.accordionButtonCD').click(function() {
$(this).next().toggle();
$('div.accordionButtonGS').next().hide();
$('div.accordionButtonABT').next().hide();
image1 = document.getElementById("im1");
image2 = document.getElementById("im2");
image3 = document.getElementById("im3");
if(imagesrc2 == "icons/list_headerarrow_closed.png") // current state
{
imagesrc2 = "icons/list_headerarrow_open.png";
imagesrc1 = "icons/list_headerarrow_closed.png";
imagesrc3 = "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);
image3.setAttribute("src", imagesrc3);
});
$('div.accordionButtonABT').click(function() {
$(this).next().toggle();
$('div.accordionButtonGS').next().hide();
$('div.accordionButtonCD').next().hide();
image1 = document.getElementById("im1");
image2 = document.getElementById("im2");
image3 = document.getElementById("im3");
if(imagesrc3 == "icons/list_headerarrow_closed.png") // current state
{
imagesrc3 = "icons/list_headerarrow_open.png";
imagesrc1 = "icons/list_headerarrow_closed.png";
imagesrc2 = "icons/list_headerarrow_closed.png";
}
else // imagesrc3 == "icons/list_headerarrow_open.png"
{
imagesrc3 = "icons/list_headerarrow_closed.png";
}
image1.setAttribute("src", imagesrc1);
image2.setAttribute("src", imagesrc2);
image3.setAttribute("src", imagesrc3);
});
});
</script>
</head>
<body>
<div id="wrapper">
<div class="accordionButtonGS"> <span id="txt_browser_settings_general_settings"></span> <img id="im1" align="right" style="padding-right: 20px; vertical-align: middle; " ></div>
<div class="accordionContent"><br />
<form name="encoding" ><span id="txt_browser_settings_general_settings_character_encoding"></span> <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;"><span id="txt_browser_settings_general_settings_save_browser_history"></span></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"> <span id="txt_browser_settings_clear_data"></span> <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"><span id="txt_browser_settings_clear_data_cache"></span> </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;"><span id="txt_browser_settings_clear_data_cookies"></span> </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;"><span id="txt_browser_settings_clear_data_history"></span> </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;"><span id="txt_browser_settings_clear_data_bookmarks"></span> </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;"><span id="txt_browser_settings_clear_data_all"></span> </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 class="accordionButtonABT"> <span id="txt_browser_settings_general_settings_about"></span> <img id="im3" align="right" style="padding-right: 20px; vertical-align: middle; "></div>
<div class="accordionContent"><br />
<form name="aboutform">
<table width="100%" cellspacing="0">
<tr>
<td class="settingstext">Nokia Browser </td>
</tr>
<tr>
<td class="settingstext" style="border-top: solid 1px #E0E0E0;">
<div id="release_version">
<script type="text/javascript">
var UAString = navigator.userAgent;
var brNameVer = "unknown";
var UALen = 1;
var nameStart = 1;
UALen = UAString.length;
nameStart = UAString.indexOf("NokiaBrowser");
// test to see if "NokiaBrowser" is in the UA String at all
if (nameStart < 0)
brNameVer = "NOT a NokiaBrowser Browser";
else
{
// crop string starting at "NokiaBrowser"
brNameVer = UAString.substring(nameStart, UALen);
// limit substring to "NokiaBrowser" and version only
brNameVer = brNameVer.substr(0, brNameVer.indexOf(" "));
// clean up string for presentation
brNameVer = brNameVer.replace("NokiaBrowser/", " Version: ");
}
document.write(brNameVer);
document.write("<br/>");
</script>
</div>
</td>
</tr>
<tr>
<td class="settingstext" style="border-top: solid 1px #E0E0E0;">
<iframe src = "LegalNotice.html" frameborder="0" scrolling="auto">
</iframe>
</td>
</tr>
</table>
</form>
</div>
</div>
<div id="BottomPad"></div>
</body>
</html>