]> code.delx.au - comingnext/blobdiff - comingNextB/index.html
updated release date in readme
[comingnext] / comingNextB / index.html
index a0e6f0d751a840c6d7678d5aab4e4cf9dee51929..cadf3296f7e06d0e63bdd4fd886b00be476a42af 100644 (file)
@@ -6,62 +6,72 @@
 <title>Coming Next</title>\r
 \r
 <style type="text/css">\r
-.background { color:#ffffff; background-color:#000000 } /* Defines the background of the widget. If you want to use a background image, set useBackgroundImage = true below */\r
-                                       /* for the default themes, black, gray, and light blue, codes are #292029, #e7dfe7, #009aef */\r
-.backgroundFullscreen { color:#ffffff; background-color:#000000 } /* Same as background but for the fullscreen version of the widget */\r
-.weekDay { }                           /* Defines the appearance of all week day texts */\r
-.date { }                              /* Defines the appearance of all date texts */\r
-.today { color:#ff0000; }              /* Defines the appearance of "Today" text */\r
-.tomorrow { color:#0000ff; }           /* Defines the appearance of "Tomorrow" text */\r
-.time { }                              /* Defines the appearance of all time texts */\r
-.now { color:#ff00ff; }                        /* Defines the appearance of "Now" text */\r
-.description { }                       /* Defines the appearance of all event descriptions */\r
-.icon { width:15px; height:15px; }     /* Defines size and appearance of icons */\r
+/* The following classes can be modified by widget settings */\r
+.background { }\r
+.backgroundFullscreen { }\r
+.weekDay { }\r
+.date { }\r
+.today { }\r
+.tomorrow { }\r
+.time { }\r
+.now { }\r
+.description { }\r
+.icon { }\r
 </style>\r
 \r
+<script type="text/javascript" src="localizedTextStrings.js" charset="utf-8" />\r
+\r
 <script>\r
-var monthRange = 2;            // number of months to include in the event list\r
-var includeTodos = true;       // disable to remove ToDos from event list\r
-var useBackgroundImage = true; // use background_portrait.png and background_landscape.png to fake transparency. Set to "false" to use a solid background color\r
-var showCombinedDateTime = false;// only show the time for events happening today, otherwise just show the date\r
-var showLocation = true;       // show the location for meeting events\r
-var showTodayAsText = true;    // if enabled, the current date will be shown as "Today" instead of "31.12"\r
-var todayText = 'Today';       // text to display for "Today"\r
-var tomorrowText = 'Tomorrow'; // text to display for "Tomorrow"\r
-var showNowAsText = true;      // if enabled, the appointment time will be shown as "Now" instead of "12:00"\r
-var nowText = 'Now';           // text to display for "Now"\r
-var dateSeparator = '.';       // separator for dates. e.g. "31.12" or "31/12"\r
-var dateFormat = 'auto'                // how dates will be displayed. 'auto' will autodetect your phone's date format setting. 'MMDD' will write month first, 'DDMM' will write day first\r
-var weekDayLength = 2;         // defines how many characters of the weekday will be shown. E.g. 2 will cut "Friday" to "Fr"\r
-var updateDataInterval = 5;    // how many minutes to wait before updating the displayed data. The higher the number, the less battery is used\r
-var calendarApp = 0x10005901;  // UID of the calendar app to run when clicking the widget. 0x10005901 = buildin calendar, 0x20004ec1 = Epocware Handy Calendar\r
-var eventsPerWidget = 4;       // number of events to show per widget. Default is 4\r
-var showNothingText = true;    // if set to "true", show a text if no events are in the list\r
-var nothingText = 'No further events within ' + monthRange + ' months';                // text to show when no events are in the list\r
-var enableDaylightSaving = true;// enable this if you are in a timezone that has daylight saving time (+1h)\r
-\r
-var cssStyle_background = "color:#ffffff; background-color:#000000"; // Defines the background of the widget. If you want to use a background image, set useBackgroundImage = true below. For the default themes, black, gray, and light blue, codes are #292029, #e7dfe7, #009aef\r
-var cssStyle_backgroundFullscreen = "color:#ffffff; background-color:#000000"; // Same as background but for the fullscreen version of the widget\r
-var cssStyle_weekDay = "";                     // Defines the appearance of all week day texts\r
-var cssStyle_date = "";                                // Defines the appearance of all date texts\r
-var cssStyle_today = "color:#ff0000";          // Defines the appearance of "Today" text\r
-var cssStyle_tomorrow = "color:#0000ff";       // Defines the appearance of "Tomorrow" text\r
-var cssStyle_time = "";                                // Defines the appearance of all time texts\r
-var cssStyle_now = "color:#ff00ff";            // Defines the appearance of "Now" text\r
-var cssStyle_description = "";                 // Defines the appearance of all event descriptions\r
-var cssStyle_icon = "width:15px; height:15px"; // Defines size and appearance of icons\r
+// valid types for the config object are 'Int', 'Bool', 'String', 'Enum', 'UID'\r
+var config = {\r
+       monthRange: { Type: 'Int', Default: 2, Value: 2,},\r
+       includeTodos: { Type: 'Bool', Default: true, Value: true,},\r
+       useBackgroundImage: { Type: 'Bool', Default: true, Value: true,},\r
+       backgroundImageLocation: { Type: 'Enum', Default: 'internal', Value: 'internal', ValidValues: ['internal', 'external']},\r
+       showCombinedDateTime: { Type: 'Bool', Default: false, Value: false,},\r
+       showLocation: { Type: 'Bool', Default: true, Value: true,},\r
+       showTodayAsText: { Type: 'Bool', Default: true, Value: true,},\r
+       todayText: { Type: 'String', Default: getLocalizedText('settings.default.todayText'), Value: getLocalizedText('settings.default.todayText'),},\r
+       tomorrowText: { Type: 'String', Default: getLocalizedText('settings.default.tomorrowText'), Value: getLocalizedText('settings.default.tomorrowText'),},\r
+       showNowAsText: { Type: 'Bool', Default: true, Value: true,},\r
+       nowText: { Type: 'String', Default: getLocalizedText('settings.default.nowText'), Value: getLocalizedText('settings.default.nowText'),},\r
+       dateSeparator: { Type: 'String', Default: getLocalizedText('settings.default.dateSeparator'), Value: getLocalizedText('settings.default.dateSeparator'),},\r
+       dateFormat: { Type: 'Enum', Default: 'auto', Value: 'auto', ValidValues: ['auto', 'DDMM', 'MMDD'],},\r
+       weekDayLength: { Type: 'Int', Default: 2, Value: 2,},\r
+       updateDataInterval: { Type: 'Int', Default: 5, Value: 5,},\r
+       calendarApp: { Type: 'UID', Default: 0x10005901, Value: 0x10005901,},\r
+       eventsPerWidget: { Type: 'Int', Default: 4, Value: 4,},\r
+       showNothingText: { Type: 'Bool', Default: true, Value: true,},\r
+       nothingText: { Type: 'String', Default: getLocalizedText('settings.default.nothingText'), Value: getLocalizedText('settings.default.nothingText'),},\r
+       enableDaylightSaving: { Type: 'Bool', Default: true, Value: true,},\r
+       hideWidgetOnCalendarOpen: { Type: 'Bool', Default: false, Value: false,},\r
+       cssStyle_background: { Type: 'String', Default: 'color:#ffffff; background-color:#000000', Value: 'color:#ffffff; background-color:#000000',},\r
+       cssStyle_backgroundFullscreen: { Type: 'String', Default: 'color:#ffffff; background-color:#000000', Value: 'color:#ffffff; background-color:#000000',},\r
+       cssStyle_weekDay: { Type: 'String', Default: '', Value: '',},\r
+       cssStyle_date: { Type: 'String', Default: '', Value: '',},\r
+       cssStyle_today: { Type: 'String', Default: 'color:#ff0000', Value: 'color:#ff0000',},\r
+       cssStyle_tomorrow: { Type: 'String', Default: 'color:#0000ff', Value: 'color:#0000ff',},\r
+       cssStyle_time: { Type: 'String', Default: '', Value: '',},\r
+       cssStyle_now: { Type: 'String', Default: 'color:#ff00ff', Value: 'color:#ff00ff',},\r
+       cssStyle_description: { Type: 'String', Default: '', Value: '',},\r
+       cssStyle_icon: { Type: 'String', Default: 'width:15px; height:15px', Value: 'width:15px; height:15px',},\r
+}\r
+\r
+\r
 \r
 //-------------------------------------------------------\r
 // Nothing of interest from here on...\r
 //-------------------------------------------------------\r
-var panelNum = 1; // use 1 for second panel\r
-var version = "1.23";\r
+var panelNum = 0; // use 1 for second panel\r
+var version = "1.25";\r
+var versionURL = "http://comingnext.sourceforge.net/version.xml";\r
 var calendarService = null;\r
 var cacheEntriesHtml = [];\r
 var months_translated = [];\r
 var orientation = '';\r
 var now = new Date();\r
-var mode = 0; // 0 = homescreen, 1 = fullscreen, 2 = settings, 3 = about\r
+var mode = 0; // 0 = homescreen, 1 = fullscreen, 2 = settings, 3 = about, 4 = check for update\r
+var reqV = null; \r
 \r
 // vars for daylight saving time\r
 var daylightsavingWinter = 0;\r
@@ -329,7 +339,7 @@ function parseDate(dateString)
        console.info('year=' + year + ' month=' + month + ' day=' + day + ' hours=' + hours + ' minutes=' + minutes+ ' seconds=' + seconds);\r
 \r
        // take care of daylight saving time\r
-       if (enableDaylightSaving) {\r
+       if (config['enableDaylightSaving'].Value) {\r
                var date = new Date(year, month - 1, day, hours, minutes, seconds);\r
                if (summertime && date > daylightsavingWinter && date < daylightsavingSummer)\r
                        hours -= 1;\r
@@ -348,27 +358,27 @@ function formatDate(date, format)
        while (day.length < 2) { day = '0' + day; }\r
        while (month.length < 2) { month = '0' + month; }\r
 \r
-       if (showTodayAsText && isToday(date))\r
-               return '<span class="today">' + todayText + '</span>';\r
-       if (showTodayAsText && isTomorrow(date))\r
-               return '<span class="tomorrow">' + tomorrowText + '</span>';\r
+       if (config['showTodayAsText'].Value && isToday(date))\r
+               return '<span class="today">' + config['todayText'].Value + '</span>';\r
+       if (config['showTodayAsText'].Value && isTomorrow(date))\r
+               return '<span class="tomorrow">' + config['tomorrowText'].Value + '</span>';\r
 \r
        var dateArr = format.replace(/,/g,'').replace(/\./g,':').replace(/  /g,' ').split(' ');\r
        if (dateArr.length != 5 && dateArr.length != 6) {\r
                // we don't know how to format this\r
-               if (dateFormat == 'auto' || dateFormat == 'DDMM')\r
-                       return day + dateSeparator + month;\r
+               if (config['dateFormat'].Value == 'auto' || config['dateFormat'].Value == 'DDMM')\r
+                       return day + config['dateSeparator'].Value + month;\r
                else\r
-                       return month + dateSeparator + day;\r
+                       return month + config['dateSeparator'].Value + day;\r
        }\r
 \r
        var dayFirst = true;\r
-       if (dateFormat == 'MMDD')\r
+       if (config['dateFormat'].Value == 'MMDD')\r
                dayFirst = false;\r
-       else if (dateFormat == 'DDMM')\r
+       else if (config['dateFormat'].Value == 'DDMM')\r
                dayFirst = true;\r
        else {\r
-               // dateFormat == 'auto', try to detect system setting\r
+               // config['dateFormat'].Value == 'auto', try to detect system setting\r
                // parse date\r
                var day_ = dateArr[1];\r
                var month_ = dateArr[2];\r
@@ -391,9 +401,9 @@ function formatDate(date, format)
        }\r
 \r
        if (dayFirst)\r
-               return day + dateSeparator + month;\r
+               return day + config['dateSeparator'].Value + month;\r
        else\r
-               return month + dateSeparator + day;\r
+               return month + config['dateSeparator'].Value + day;\r
 }\r
 \r
 function formatTime(date)\r
@@ -403,13 +413,14 @@ function formatTime(date)
        var time = date.toLocaleTimeString().replace(/[\.:]00/, ''); // remove seconds from string\r
        if (time.replace(/\./, ':').split(':')[0].length < 2)\r
                time = '0' + time;\r
-       if (showNowAsText && date.getTime() == now.getTime())\r
-               time = '<span class="now">' + nowText + '</span>';\r
+       if (config['showNowAsText'].Value && date.getTime() == now.getTime())\r
+               time = '<span class="now">' + config['nowText'].Value + '</span>';\r
        return time;\r
 }\r
 \r
 function updateData()\r
 {\r
+       console.info('updateData()');\r
        calcDaylightSaving();\r
        try {\r
                // meetings have time\r
@@ -419,15 +430,17 @@ function updateData()
                        Type:'CalendarEntry',\r
                        Filter:{\r
                                StartRange: (new Date(now.getFullYear(), now.getMonth(), now.getDate(), 0, 0, 0)),\r
-                               EndRange: (new Date(now.getFullYear(), now.getMonth() + monthRange, now.getDate(), 0, 0, 0))\r
+                               EndRange: (new Date(now.getFullYear(), now.getMonth() + config['monthRange'].Value, now.getDate(), 0, 0, 0))\r
                        }\r
                }\r
                var meetingResult = calendarService.IDataSource.GetList(meetingListFiltering);\r
+               if (meetingResult.ErrorCode != 0)\r
+                       throw("Error fetching calendar data: " + meetingResult.ErrorCode + ': ' + meetingResult.ErrorMessage);\r
                var meetingList = meetingResult.ReturnValue;\r
 \r
                // todos don't, they start on 00:00 hrs., but should be visible anyway\r
                // this will generate a list of passed todos. We have to check if they have been marked as "done" yet\r
-               if (includeTodos) {\r
+               if (config['includeTodos'].Value) {\r
                        var todayTodoListFiltering = {\r
                                Type:'CalendarEntry',\r
                                Filter:{\r
@@ -456,7 +469,7 @@ function updateData()
                var eventIds = [];\r
                var max;\r
                if (mode == 0)\r
-                       max = ((panelNum == 0) ? eventsPerWidget : 2 * eventsPerWidget);\r
+                       max = ((panelNum == 0) ? config['eventsPerWidget'].Value : 2 * config['eventsPerWidget'].Value);\r
                else\r
                        max = 30; // we can display a lot more events in fullscreen mode\r
 \r
@@ -479,14 +492,14 @@ function updateData()
                                );\r
 \r
                                // we don't want ToDos when includeTodos == false or when they are completed\r
-                               if (entry.Type == 'ToDo' && (entry.Status == "TodoCompleted" || !includeTodos)) {\r
+                               if (entry.Type == 'ToDo' && (entry.Status == "TodoCompleted" || !config['includeTodos'].Value)) {\r
                                        console.info('skipping ' + entry.id );\r
                                        counter--;\r
                                        continue;\r
                                }\r
 \r
                                // make sure that we don't include an event twice (useful for ToDos that might come up twice)\r
-                               if (eventIds[entry.id] == 1) {\r
+                               if (eventIds[entry.id] == 1 && entry.Type == 'ToDo') {\r
                                        console.info('skipped (already included) ' + entry.id);\r
                                        counter--;\r
                                        continue;\r
@@ -495,7 +508,7 @@ function updateData()
 \r
                                // summary can be undefined!\r
                                var Summary = ((entry.Summary == null) ? '' : entry.Summary);\r
-                               if (entry.Type == 'Meeting' && entry.Location != '' && showLocation)\r
+                               if (entry.Type == 'Meeting' && entry.Location != '' && config['showLocation'].Value)\r
                                        Summary += ', ' + entry.Location;\r
                                \r
                                // fix by yves: determine start and end dates/times\r
@@ -558,7 +571,7 @@ function updateData()
                                }\r
 \r
                                // skip events for the first panel in case this is the second one and we're not in fullscreen mode\r
-                               if (mode == 0 && panelNum == 1 && counter < eventsPerWidget + 1) {\r
+                               if (mode == 0 && panelNum == 1 && counter < config['eventsPerWidget'].Value + 1) {\r
                                        console.info('skipping (already in first widget) ' + entry.id);\r
                                        continue;\r
                                }\r
@@ -569,16 +582,16 @@ function updateData()
                                        // some languages have very strange locale date formats, can't parse all those. Also some todos don't have dates at all.\r
                                        entriesHtml += '<td colspan="4"><span class="date">' + entryDate + '</span> ';\r
                                } else {\r
-                                       var weekDay = date.toLocaleDateString().substr(0,weekDayLength);\r
+                                       var weekDay = date.toLocaleDateString().substr(0,config['weekDayLength'].Value);\r
                                        var time = formatTime(date);\r
                                        var dateStr = formatDate(date, entryDate);\r
                                        if (entry.Type == 'ToDo' || entry.Type == 'Anniversary' || entry.Type == 'DayEvent' || entry.Type == 'Reminder') {\r
-                                               if ((isToday(date) || isTomorrow(date)) && showTodayAsText) // show weekday if the date string is not text. looks odd otherwise\r
+                                               if ((isToday(date) || isTomorrow(date)) && config['showTodayAsText'].Value) // show weekday if the date string is not text. looks odd otherwise\r
                                                        entriesHtml += '<td colspan="4" width="1px"><span class="date">' + dateStr + '</span> ';\r
                                                else\r
                                                        entriesHtml += '<td class="weekDay" width="1px">' + weekDay + '</td><td width="1px" class="date">' + dateStr + '</td><td colspan="2">';\r
                                        } else if (entry.Type == 'Meeting') {\r
-                                               if (showCombinedDateTime) {\r
+                                               if (config['showCombinedDateTime'].Value) {\r
                                                        if (isToday(date))\r
                                                                entriesHtml += '<td width="1px" colspan="4"><span class="today">' + time + '</span> ';\r
                                                        else if (isTomorrow(date))\r
@@ -586,7 +599,7 @@ function updateData()
                                                        else\r
                                                                entriesHtml += '<td width="1px" class="weekDay">' + weekDay + '</td><td width="1px" class="date">' + dateStr + '</td><td colspan="2">';\r
                                                } else {\r
-                                                       if ((isToday(date) || isTomorrow(date)) && showTodayAsText)\r
+                                                       if ((isToday(date) || isTomorrow(date)) && config['showTodayAsText'].Value)\r
                                                                entriesHtml += '<td colspan="4" width="1px"><span class="today">' + dateStr + '</span> <span class="time">' + time + '</span> ';\r
                                                        else\r
                                                                entriesHtml += '<td width="1px" class="weekDay">' + weekDay + '</td><td width="1px" class="date">' + dateStr + '</td><td width="1px" class="time">' + time + '</td><td>';\r
@@ -597,8 +610,10 @@ function updateData()
                        }\r
                }\r
                entriesHtml += '</table>';\r
-               if (showNothingText && entriesHtml == '<table></table>')\r
-                       entriesHtml = '<div style="width:295px; height:75px; text-align:center; line-height:75px; overflow:visible;">' + nothingText + '</div>';\r
+               if (config['showNothingText'].Value && entriesHtml == '<table></table>') {\r
+                       var text = config['nothingText'].Value.replace(/%d/, config['monthRange'].Value);\r
+                       entriesHtml = '<div style="width:295px; height:75px; text-align:center; line-height:75px; overflow:visible;">' + text + '</div>';\r
+               }\r
                if (cacheEntriesHtml != entriesHtml) {\r
                        if (mode == 0)\r
                                document.getElementById('calendarList').innerHTML = entriesHtml;\r
@@ -636,8 +651,9 @@ function updateScreen()
 function launchCalendar()\r
 {\r
        try {\r
-               widget.openApplication(calendarApp, "");\r
-               //window.close();\r
+               widget.openApplication(config['calendarApp'].Value, "");\r
+               if (config['hideWidgetOnCalendarOpen'].Value)\r
+                       window.close();\r
        } catch(e) {\r
                error('starting Calendar App');\r
                return;\r
@@ -646,11 +662,16 @@ function launchCalendar()
 \r
 function init()\r
 {\r
+       console.info('New widget instance starting up...');\r
+       \r
        try {\r
                // call calendar service\r
-               calendarService = device.getServiceObject("Service.Calendar", "IDataSource");\r
+               if (device != "undefined")\r
+                       calendarService = device.getServiceObject("Service.Calendar", "IDataSource");\r
+               else\r
+                       throw('device object does not exist');\r
        } catch(e) {\r
-               error('loading Calendar service');\r
+               error('loading Calendar service: ' + e + ', line ' + e.line);\r
                return;\r
        }\r
 \r
@@ -659,14 +680,14 @@ function init()
        collectLocales();\r
        //updateData();\r
        requestNotification();\r
-       window.setInterval('updateData()', 1000 * 60 * updateDataInterval);\r
+       window.setInterval('updateData()', 1000 * 60 * config['updateDataInterval'].Value);\r
 \r
        mode = 0;\r
        showHomescreen();\r
        updateScreen();\r
-       if (useBackgroundImage)\r
-               // check for screen rotation every 3 secs\r
-               window.setInterval('updateScreen()', 1000 * 3);\r
+       if (config['useBackgroundImage'].Value)\r
+               // check for screen rotation every 1 secs\r
+               window.setInterval('updateScreen()', 1000 * 1);\r
 }\r
 \r
 function createMenu()\r
@@ -674,69 +695,48 @@ function createMenu()
        window.menu.setLeftSoftkeyLabel("",null);\r
        window.menu.setRightSoftkeyLabel("",null);\r
        var id = 0;\r
-       var menuSettings = new MenuItem("Settings", id++);\r
-       var menuCallApp = new MenuItem("Open Calendar App", id++);\r
-       var menuAbout = new MenuItem("About", id++);\r
+       var menuSettings = new MenuItem(getLocalizedText('menu.settings'), id++);\r
+       var menuCallApp = new MenuItem(getLocalizedText('menu.openCalendarApp'), id++);\r
+       var menuUpdate = new MenuItem(getLocalizedText('menu.update'), id++);\r
+       var menuAbout = new MenuItem(getLocalizedText('menu.about'), id++);\r
        menuSettings.onSelect = showSettings;\r
        menuAbout.onSelect = showAbout;\r
        menuCallApp.onSelect = launchCalendar;\r
+       menuUpdate.onSelect = showUpdate;\r
        window.menu.clear();\r
        window.menu.append(menuCallApp);\r
        window.menu.append(menuSettings);\r
+       window.menu.append(menuUpdate);\r
        window.menu.append(menuAbout);  \r
 }\r
 \r
 function showSettings()\r
 {\r
        mode = 2;\r
-       document.getElementById("homescreenView").style.display = "none";\r
-       document.getElementById("fullscreenView").style.display = "none";\r
-       document.getElementById("aboutView").style.display = "none";\r
+       hideViews();\r
        document.getElementById("settingsView").style.display = "block";\r
+       document.onclick = null;\r
        \r
-       window.menu.setLeftSoftkeyLabel("Save", function()\r
+       window.menu.setLeftSoftkeyLabel(getLocalizedText('settings.save'), function()\r
        {\r
-               //document.forms[0].elements["settings.monthRange"].value = monthRange;\r
-               monthRange = parseInt(document.forms[0].elements["settings.monthRange"].value);\r
-               if (monthRange < 0 || monthRange > 100)\r
-                       monthRange = 2;\r
-               includeTodos = document.forms[0].elements["settings.includeTodos"].checked;\r
-               useBackgroundImage = document.forms[0].elements["settings.useBackgroundImage"].checked;\r
-               showCombinedDateTime = document.forms[0].elements["settings.showCombinedDateTime"].checked;\r
-               showLocation = document.forms[0].elements["settings.showLocation"].checked;\r
-               showTodayAsText = document.forms[0].elements["settings.showTodayAsText"].checked;\r
-               todayText = document.forms[0].elements["settings.todayText"].value;\r
-               tomorrowText = document.forms[0].elements["settings.tomorrowText"].value;\r
-               showNowAsText = document.forms[0].elements["settings.showNowAsText"].checked;\r
-               nowText = document.forms[0].elements["settings.nowText"].value;\r
-               dateSeparator = document.forms[0].elements["settings.dateSeparator"].value;\r
-               dateFormat = document.forms[0].elements["settings.dateFormat"].value;\r
-               if (dateFormat != 'auto' && dateFormat != 'DDMM' && dateFormat != 'MMDD')\r
-                       dateFormat = 'auto';\r
-               weekDayLength = Number(parseInt(document.forms[0].elements["settings.weekDayLength"].value));\r
-               if (weekDayLength < 0 || weekDayLength > 20)\r
-                       weekDayLength = 2;\r
-               updateDataInterval = parseInt(document.forms[0].elements["settings.updateDataInterval"].value);\r
-               if (updateDataInterval < 1 || updateDataInterval > 1000)\r
-                       updateDataInterval = 5;\r
-               calendarApp = parseInt(document.forms[0].elements["settings.calendarApp"].value);\r
-               eventsPerWidget = parseInt(document.forms[0].elements["settings.eventsPerWidget"].value);\r
-               if (eventsPerWidget < 1 || eventsPerWidget > 10)\r
-                       eventsPerWidget = 4;\r
-               showNothingText = document.forms[0].elements["settings.showNothingText"].checked;\r
-               nothingText = document.forms[0].elements["settings.nothingText"].value;\r
-               enableDaylightSaving = document.forms[0].elements["settings.enableDaylightSaving"].checked;\r
-               \r
-               cssStyle_background = document.forms[0].elements["settings.cssStyle_background"].value;\r
-               cssStyle_backgroundFullscreen = document.forms[0].elements["settings.cssStyle_backgroundFullscreen"].value;\r
-               cssStyle_weekDay = document.forms[0].elements["settings.cssStyle_weekDay"].value;\r
-               cssStyle_date = document.forms[0].elements["settings.cssStyle_date"].value;\r
-               cssStyle_today = document.forms[0].elements["settings.cssStyle_today"].value;\r
-               cssStyle_tomorrow = document.forms[0].elements["settings.cssStyle_tomorrow"].value;\r
-               cssStyle_time = document.forms[0].elements["settings.cssStyle_time"].value;\r
-               cssStyle_now = document.forms[0].elements["settings.cssStyle_now"].value;\r
-               cssStyle_description = document.forms[0].elements["settings.cssStyle_description"].value;\r
-               cssStyle_icon = document.forms[0].elements["settings.cssStyle_icon"].value;\r
+               for (var key in config) {\r
+                       if (config[key].Type == 'String')\r
+                               config[key].Value = document.forms[0].elements["settings." + key].value;\r
+                       else if (config[key].Type == 'Int') {\r
+                               config[key].Value = parseInt(document.forms[0].elements["settings." + key].value);\r
+                               if (config[key].Value < 0)\r
+                                       config[key].Value = config[key].Default;\r
+                       }\r
+                       else if (config[key].Type == 'Bool')\r
+                               config[key].Value = document.forms[0].elements["settings." + key].checked;\r
+                       else if (config[key].Type == 'UID')\r
+                               config[key].Value = parseInt(document.forms[0].elements["settings." + key].value);\r
+                       else if (config[key].Type == 'Enum') {\r
+                               config[key].Value = document.forms[0].elements["settings." + key].value;\r
+                               if (config[key].ValidValues.indexOf(config[key].Value) == -1)\r
+                                       config[key].Value = config[key].Default;\r
+                       }\r
+               }\r
                                \r
                updateCssClasses();\r
                \r
@@ -745,50 +745,32 @@ function showSettings()
                mode = 1;\r
                showFullscreen();\r
        });\r
-       window.menu.setRightSoftkeyLabel("Cancel", function()\r
+       window.menu.setRightSoftkeyLabel(getLocalizedText('settings.cancel'), function()\r
        {\r
                mode = 1;\r
                showFullscreen();\r
        });\r
        \r
-       document.getElementById("settingsList").innerHTML = \r
-       '<form>' +\r
-       '<table><tr><td>Month Range:<br><input class="textInput" name="settings.monthRange" type="text" value="' + monthRange + '" /></td>' + printHintBox('number of months to include in the event list') +\r
-       '<hr><table><tr><td>Include ToDos:<br><input name="settings.includeTodos" type="checkbox" value="true" ' + (includeTodos ? 'checked="checked"' : '') + '/></td>' + printHintBox('disable to remove ToDos from event list') +\r
-       '<hr><table><tr><td>Use Background Image:<br><input name="settings.useBackgroundImage" type="checkbox" value="true" ' + (useBackgroundImage ? 'checked="checked"' : '') + '/></td>' + printHintBox('use background_portrait.png and background_landscape.png to fake transparency. Disable to use a solid background color') +\r
-       '<hr><table><tr><td>Show Combined Date & Time:<br><input name="settings.showCombinedDateTime" type="checkbox" value="true" ' + (showCombinedDateTime ? 'checked="checked"' : '') + '/></td>' + printHintBox('only show the time for events happening today, otherwise just show the date') +\r
-       '<hr><table><tr><td>Show Location:<br><input name="settings.showLocation" type="checkbox" value="true" ' + (showLocation ? 'checked="checked"' : '') + '/></td>' + printHintBox('show the location for meeting events') +\r
-       '<hr><table><tr><td>Show Today As Text:<br><input name="settings.showTodayAsText" type="checkbox" value="true" ' + (showTodayAsText ? 'checked="checked"' : '') + '/></td>' + printHintBox('if enabled, the current date will be shown as "Today" instead of "31.12"') +\r
-       '<hr><table><tr><td>"Today" Text:<br><input class="textInput" name="settings.todayText" type="text" value="' + todayText + '" /></td>' + printHintBox('text to display for "Today"') + '</tr>' +\r
-       '<hr><table><tr><td>"Tomorrow" Text:<br><input class="textInput" name="settings.tomorrowText" type="text" value="' + tomorrowText + '" /></td>' + printHintBox('text to display for "Tomorrow"') +\r
-       '<hr><table><tr><td>Show "Now" As Text:<br><input name="settings.showNowAsText" type="checkbox" value="true" ' + (showNowAsText ? 'checked="checked"' : '') + '/></td>' + printHintBox('if enabled, the appointment time will be shown as "Now" instead of "12:00"') +\r
-       '<hr><table><tr><td>"Now" Text:<br><input class="textInput" name="settings.nowText" type="text" value="' + nowText + '" /></td>' + printHintBox('text to display for "Now"') +\r
-       '<hr><table><tr><td>Date Separator:<br><input class="textInput" name="settings.dateSeparator" type="text" value="' + dateSeparator + '" /></td>' + printHintBox('separator for dates. e.g. "31.12" or "31/12"') +\r
-       '<hr><table><tr><td>Date Format:<br><select name="settings.dateFormat" size="1">' + \r
-               '<option label="auto detect"' + (dateFormat == 'auto' ? ' selected="selected"' : '') + '>auto</option>' +\r
-               '<option label="MMDD"' + (dateFormat == 'MMDD' ? ' selected="selected"' : '') + '>MMDD</option>' +\r
-               '<option label="DDMM"' + (dateFormat == 'DDMM' ? ' selected="selected"' : '') + '>DDMM</option>' +\r
-               '</select></div>' + printHintBox('how dates will be displayed. \'auto\' will autodetect your phone\'s date format setting. \'MMDD\' will write month first, \'DDMM\' will write day first') + '</tr>' +\r
-       '<hr><table><tr><td>Weekday Length:<br><input class="textInput" name="settings.weekDayLength" type="text" value="' + weekDayLength + '" /></td>' + printHintBox('defines how many characters of the weekday will be shown. E.g. 2 will cut "Friday" to "Fr"') +\r
-       '<hr><table><tr><td>Update Data Interval:<br><input class="textInput" name="settings.updateDataInterval" type="text" value="' + updateDataInterval + '" /></td>' + printHintBox('how many minutes to wait before updating the displayed data. The higher the number, the less battery is used') +\r
-       '<hr><table><tr><td>Calendar Application UID:<br><input class="textInput" name="settings.calendarApp" type="text" value="0x' + calendarApp.toString(16) + '" /></td>' + printHintBox('UID of the calendar app to run when clicking the widget. 0x10005901 = buildin calendar, 0x20004ec1 = Epocware Handy Calendar') +\r
-       '<hr><table><tr><td>Events Per Widget:<br><input class="textInput" name="settings.eventsPerWidget" type="text" value="' + eventsPerWidget + '" /></td>' + printHintBox('number of events to show per widget. Default is 4') +\r
-       '<hr><table><tr><td>Show Nothing Text:<br><input name="settings.showNothingText" type="checkbox" value="true" ' + (showNothingText ? 'checked="checked"' : '') + '/></td>' + printHintBox('if enabled, show a text if no events are in the list') +\r
-       '<hr><table><tr><td>"nothing" Text:<br><input class="textInput" name="settings.nothingText" type="text" value="' + nothingText + '" /></td>' + printHintBox('text to show when no events are in the list') +\r
-       '<hr><table><tr><td>Enable Daylight Saving:<br><input name="settings.enableDaylightSaving" type="checkbox" value="true" ' + (enableDaylightSaving ? 'checked="checked"' : '') + '/></td>' + printHintBox('enable this if you are in a timezone that has daylight saving time (+1h)') +\r
-       '<hr style="margin-bottom:60px;"><h1 class="title">CSS Styles</h1>' +\r
-       '<hr><table><tr><td>.background:<br><input class="textInput" name="settings.cssStyle_background" type="text" value="' + cssStyle_background + '" /></td>' + printHintBox('Defines the background of the widget. If you want to use a background image, enable "useBackgroundImage" instead. For the default themes, black, gray, and light blue, codes are #292029, #e7dfe7, #009aef') +\r
-       '<hr><table><tr><td>.backgroundFullscreen:<br><input class="textInput" name="settings.cssStyle_backgroundFullscreen" type="text" value="' + cssStyle_backgroundFullscreen + '" /></td>' + printHintBox('Same as background but for the fullscreen version of the widget') +\r
-       '<hr><table><tr><td>.weekDay:<br><input class="textInput" name="settings.cssStyle_weekDay" type="text" value="' + cssStyle_weekDay + '" /></td>' + printHintBox('Defines the appearance of all week day texts') +\r
-       '<hr><table><tr><td>.date:<br><input class="textInput" name="settings.cssStyle_date" type="text" value="' + cssStyle_date + '" /></td>' + printHintBox('Defines the appearance of all date texts') +\r
-       '<hr><table><tr><td>.today:<br><input class="textInput" name="settings.cssStyle_today" type="text" value="' + cssStyle_today + '" /></td>' + printHintBox('Defines the appearance of "Today" text') +\r
-       '<hr><table><tr><td>.tomorrow:<br><input class="textInput" name="settings.cssStyle_tomorrow" type="text" value="' + cssStyle_tomorrow + '" /></td>' + printHintBox('Defines the appearance of "Tomorrow" text') +\r
-       '<hr><table><tr><td>.time:<br><input class="textInput" name="settings.cssStyle_time" type="text" value="' + cssStyle_time + '" /></td>' + printHintBox('Defines the appearance of all time texts') +\r
-       '<hr><table><tr><td>.now:<br><input class="textInput" name="settings.cssStyle_now" type="text" value="' + cssStyle_now + '" /></td>' + printHintBox('Defines the appearance of "Now" text') +\r
-       '<hr><table><tr><td>.description:<br><input class="textInput" name="settings.cssStyle_description" type="text" value="' + cssStyle_description + '" /></td>' + printHintBox('Defines the appearance of all event descriptions') +\r
-       '<hr><table><tr><td>.icon:<br><input class="textInput" name="settings.cssStyle_icon" type="text" value="' + cssStyle_icon + '" /></td>' + printHintBox('Defines size and appearance of icons') +\r
-       '<hr style="margin-bottom:60px;"><input name="reset" type="button" value="Restore Defaults" onclick="javascript:restoreDefaultSettings();showSettings();" />' +\r
-       '</form>';\r
+       var settingsHtml = '<form>';\r
+       for (var key in config) {\r
+               if (config[key].Type == 'String')\r
+                       settingsHtml += '<table><tr><td>' + getLocalizedText('settings.name.' + key) + '<br /><input class="textInput" name="settings.' + key + '" type="text" value="' + config[key].Value + '" /></td>' + printHintBox(getLocalizedText('settings.info.' + key)) + '<hr />';\r
+               else if (config[key].Type == 'Int')\r
+                       settingsHtml += '<table><tr><td>' + getLocalizedText('settings.name.' + key) + '<br /><input class="textInput" name="settings.' + key + '" type="text" value="' + config[key].Value + '" /></td>' + printHintBox(getLocalizedText('settings.info.' + key)) + '<hr />';\r
+               else if (config[key].Type == 'Bool')\r
+                       settingsHtml += '<table><tr><td>' + getLocalizedText('settings.name.' + key) + '<br /><input name="settings.' + key + '" type="checkbox" value="true" ' + (config[key].Value ? 'checked="checked"' : '') + '/></td>' + printHintBox(getLocalizedText('settings.info.' + key)) + '<hr />';\r
+               else if (config[key].Type == 'UID')\r
+                       settingsHtml += '<table><tr><td>' + getLocalizedText('settings.name.' + key) + '<br /><input class="textInput" name="settings.' + key + '" type="text" value="0x' + config[key].Value.toString(16) + '" /></td>' + printHintBox(getLocalizedText('settings.info.' + key)) + '<hr />';\r
+               else if (config[key].Type == 'Enum') {\r
+                       settingsHtml += '<table><tr><td>' + getLocalizedText('settings.name.' + key) + '<br /><select name="settings.' + key + '" size="1">';\r
+                       for(var i = 0; i < config[key].ValidValues.length; i++)\r
+                               settingsHtml += '<option value="' + config[key].ValidValues[i] + '"' + (config[key].Value == config[key].ValidValues[i] ? ' selected="selected"' : '') + '>' + getLocalizedText('settings.validValues.' + key + '.' + config[key].ValidValues[i]) + '</option>';\r
+                       settingsHtml += '</select></div></td>' + printHintBox(getLocalizedText('settings.info.' + key)) + '<hr />';\r
+               }\r
+       }\r
+       settingsHtml += '<input name="reset" type="button" value="' + getLocalizedText('settings.restoreDefaults') + '" onclick="javascript:restoreDefaultSettings();showSettings();" />';\r
+       settingsHtml += '</form>';\r
+       document.getElementById("settingsList").innerHTML = settingsHtml;\r
 }\r
 \r
 function changeCssClass(classname, properties)\r
@@ -805,234 +787,52 @@ function changeCssClass(classname, properties)
 \r
 function updateCssClasses()\r
 {\r
-       changeCssClass(".background", cssStyle_background);\r
-       changeCssClass(".backgroundFullscreen", cssStyle_backgroundFullscreen);\r
-       changeCssClass(".weekDay", cssStyle_weekDay);\r
-       changeCssClass(".date", cssStyle_date);\r
-       changeCssClass(".today", cssStyle_today);\r
-       changeCssClass(".tomorrow", cssStyle_tomorrow);\r
-       changeCssClass(".time", cssStyle_time);\r
-       changeCssClass(".now", cssStyle_now);\r
-       changeCssClass(".description", cssStyle_description);\r
-       changeCssClass(".icon", cssStyle_icon);\r
+       for(var key in config) {\r
+               changeCssClass(getLocalizedText('settings.name.' + key), config[key].Value);\r
+       }\r
 }\r
 \r
 function restoreDefaultSettings()\r
 {\r
-       monthRange = 2;\r
-       includeTodos = true;\r
-       useBackgroundImage = true;\r
-       showCombinedDateTime = false;\r
-       showLocation = true;\r
-       showTodayAsText = true;\r
-       todayText = 'Today';\r
-       tomorrowText = 'Tomorrow';\r
-       showNowAsText = true;\r
-       nowText = 'Now';\r
-       dateSeparator = '.';\r
-       dateFormat = 'auto'\r
-       weekDayLength = 2;\r
-       updateDataInterval = 5;\r
-       calendarApp = 0x10005901;\r
-       eventsPerWidget = 4;\r
-       showNothingText = true;\r
-       nothingText = 'No further events within ' + monthRange + ' months';\r
-       enableDaylightSaving = true;\r
-\r
-       cssStyle_background = "color:#ffffff; background-color:#000000";\r
-       cssStyle_backgroundFullscreen = "color:#ffffff; background-color:#000000";\r
-       cssStyle_weekDay = "";\r
-       cssStyle_date = "";\r
-       cssStyle_today = "color:#ff0000";\r
-       cssStyle_tomorrow = "color:#0000ff";\r
-       cssStyle_time = "";\r
-       cssStyle_now = "color:#ff00ff";\r
-       cssStyle_description = "";\r
-       cssStyle_icon = "width:15px; height:15px";\r
+       for (var key in config)\r
+               config[key].Value = config[key].Default;\r
 }\r
 \r
 function loadSettings()\r
 {\r
-       if (widget.preferenceForKey('monthRange'))\r
-               monthRange = Number(widget.preferenceForKey('monthRange'));\r
-       else\r
-               monthRange = 2;\r
-       \r
-       if (widget.preferenceForKey('includeTodos'))\r
-               includeTodos = (widget.preferenceForKey('includeTodos') == 'true');\r
-       else\r
-               includeTodos = true;\r
-       \r
-       if (widget.preferenceForKey('useBackgroundImage'))\r
-               useBackgroundImage = (widget.preferenceForKey('useBackgroundImage') == 'true');\r
-       else\r
-               useBackgroundImage = true;\r
-       \r
-       if (widget.preferenceForKey('showCombinedDateTime'))\r
-               showCombinedDateTime = (widget.preferenceForKey('showCombinedDateTime') == 'true');\r
-       else\r
-               showCombinedDateTime = false;\r
-       \r
-       if (widget.preferenceForKey('showLocation'))\r
-               showLocation = (widget.preferenceForKey('showLocation') == 'true');\r
-       else\r
-               showLocation = true;\r
-       \r
-       if (widget.preferenceForKey('showTodayAsText'))\r
-               showTodayAsText = (widget.preferenceForKey('showTodayAsText') == 'true');\r
-       else\r
-               showTodayAsText = true;\r
-       \r
-       if (widget.preferenceForKey('todayText'))\r
-               todayText = widget.preferenceForKey('todayText');\r
-       else\r
-               todayText = 'Today';\r
-       \r
-       if (widget.preferenceForKey('tomorrowText'))\r
-               tomorrowText = widget.preferenceForKey('tomorrowText');\r
-       else\r
-               tomorrowText = 'Tomorrow';\r
-       \r
-       if (widget.preferenceForKey('showNowAsText'))\r
-               showNowAsText = (widget.preferenceForKey('showNowAsText') == 'true');\r
-       else\r
-               showNowAsText = true;\r
-       \r
-       if (widget.preferenceForKey('nowText'))\r
-               nowText = widget.preferenceForKey('nowText');\r
-       else\r
-               nowText = 'Now';\r
-       \r
-       if (widget.preferenceForKey('dateSeparator'))\r
-               dateSeparator = widget.preferenceForKey('dateSeparator');\r
-       else\r
-               dateSeparator = '.';\r
-       \r
-       if (widget.preferenceForKey('dateFormat'))\r
-               dateFormat = widget.preferenceForKey('dateFormat');\r
-       else\r
-               dateFormat = 'auto';\r
-       \r
-       if (widget.preferenceForKey('weekDayLength'))\r
-               weekDayLength = Number(widget.preferenceForKey('weekDayLength'));\r
-       else\r
-               weekDayLength = 2;\r
-       \r
-       if (widget.preferenceForKey('updateDataInterval'))\r
-               updateDataInterval = Number(widget.preferenceForKey('updateDataInterval'));\r
-       else\r
-               updateDataInterval = 5;\r
-       \r
-       if (widget.preferenceForKey('calendarApp'))\r
-               calendarApp = Number(widget.preferenceForKey('calendarApp'));\r
-       else\r
-               calendarApp = 0x10005901;\r
-       \r
-       if (widget.preferenceForKey('eventsPerWidget'))\r
-               eventsPerWidget = Number(widget.preferenceForKey('eventsPerWidget'));\r
-       else\r
-               eventsPerWidget = 4;\r
-       \r
-       if (widget.preferenceForKey('showNothingText'))\r
-               showNothingText = (widget.preferenceForKey('showNothingText') == 'true');\r
-       else\r
-               showNothingText = true;\r
-       \r
-       if (widget.preferenceForKey('nothingText'))\r
-               nothingText = widget.preferenceForKey('nothingText');\r
-       else\r
-               nothingText = 'No further events within ' + monthRange + ' months';\r
-       \r
-       if (widget.preferenceForKey('enableDaylightSaving'))\r
-               enableDaylightSaving = (widget.preferenceForKey('enableDaylightSaving') == 'true');\r
-       else\r
-               enableDaylightSaving = true;\r
-       \r
-       // CSS styles\r
-               \r
-       if (widget.preferenceForKey('cssStyle_background'))\r
-               cssStyle_background = widget.preferenceForKey('cssStyle_background');\r
-       else\r
-               cssStyle_background = "color:#ffffff; background-color:#000000";\r
-\r
-       if (widget.preferenceForKey('cssStyle_backgroundFullscreen'))\r
-               cssStyle_backgroundFullscreen = widget.preferenceForKey('cssStyle_backgroundFullscreen');\r
-       else\r
-               cssStyle_backgroundFullscreen = "color:#ffffff; background-color:#000000";\r
-               \r
-       if (widget.preferenceForKey('cssStyle_weekDay'))\r
-               cssStyle_weekDay = widget.preferenceForKey('cssStyle_weekDay');\r
-       else\r
-               cssStyle_weekDay = "";\r
-               \r
-       if (widget.preferenceForKey('cssStyle_date'))\r
-               cssStyle_date = widget.preferenceForKey('cssStyle_date');\r
-       else\r
-               cssStyle_date = "";\r
-               \r
-       if (widget.preferenceForKey('cssStyle_today'))\r
-               cssStyle_today = widget.preferenceForKey('cssStyle_today');\r
-       else\r
-               cssStyle_today = "color:#ff0000";\r
-       \r
-       if (widget.preferenceForKey('cssStyle_tomorrow'))\r
-               cssStyle_tomorrow = widget.preferenceForKey('cssStyle_tomorrow');\r
-       else\r
-               cssStyle_tomorrow = "color:#0000ff";\r
-       \r
-       if (widget.preferenceForKey('cssStyle_time'))\r
-               cssStyle_time = widget.preferenceForKey('cssStyle_time');\r
-       else\r
-               cssStyle_time = "";\r
-       \r
-       if (widget.preferenceForKey('cssStyle_now'))\r
-               cssStyle_now = widget.preferenceForKey('cssStyle_now');\r
-       else\r
-               cssStyle_now = "color:#ff00ff";\r
-       \r
-       if (widget.preferenceForKey('cssStyle_description'))\r
-               cssStyle_description = widget.preferenceForKey('cssStyle_description');\r
-       else\r
-               cssStyle_description = "";\r
-       \r
-       if (widget.preferenceForKey('cssStyle_icon'))\r
-               cssStyle_icon = widget.preferenceForKey('cssStyle_icon');\r
-       else\r
-               cssStyle_icon = "width:15px; height:15px";\r
+       for (var key in config) {\r
+               if (widget.preferenceForKey(key)) {\r
+                       if (config[key].Type == 'Int')\r
+                               config[key].Value = Number(widget.preferenceForKey(key));\r
+                       else if (config[key].Type == 'String')\r
+                               config[key].Value = widget.preferenceForKey(key);\r
+                       else if (config[key].Type == 'Bool')\r
+                               config[key].Value = (widget.preferenceForKey(key) == 'true')\r
+                       else if (config[key].Type == 'Enum')\r
+                               config[key].Value = widget.preferenceForKey(key);\r
+                       else if (config[key].Type == 'UID')\r
+                               config[key].Value = Number(widget.preferenceForKey(key));\r
+               }\r
+               else\r
+                       config[key].Value = config[key].Default;\r
+               console.info('Settings: ' + key + '=\'' + config[key].Value + '\'');\r
+       }\r
 }\r
 \r
 function saveSettings()\r
 {\r
-       widget.setPreferenceForKey(monthRange.toString(), 'monthRange');\r
-       widget.setPreferenceForKey(includeTodos ? 'true' : 'false', 'includeTodos');\r
-       widget.setPreferenceForKey(useBackgroundImage ? 'true' : 'false', 'useBackgroundImage');\r
-       widget.setPreferenceForKey(showCombinedDateTime ? 'true' : 'false', 'showCombinedDateTime');\r
-       widget.setPreferenceForKey(showLocation ? 'true' : 'false', 'showLocation');\r
-       widget.setPreferenceForKey(showTodayAsText ? 'true' : 'false', 'showTodayAsText');\r
-       widget.setPreferenceForKey(todayText, 'todayText');\r
-       widget.setPreferenceForKey(tomorrowText, 'tomorrowText');\r
-       widget.setPreferenceForKey(showNowAsText ? 'true' : 'false', 'showNowAsText');\r
-       widget.setPreferenceForKey(nowText, 'nowText');\r
-       widget.setPreferenceForKey(dateSeparator, 'dateSeparator');\r
-       widget.setPreferenceForKey(dateFormat, 'dateFormat');\r
-       widget.setPreferenceForKey(weekDayLength.toString(), 'weekDayLength');\r
-       widget.setPreferenceForKey(updateDataInterval.toString(), 'updateDataInterval');\r
-       widget.setPreferenceForKey(calendarApp.toString(), 'calendarApp');\r
-       widget.setPreferenceForKey(eventsPerWidget.toString(), 'eventsPerWidget');\r
-       widget.setPreferenceForKey(showNothingText ? 'true' : 'false', 'showNothingText');\r
-       widget.setPreferenceForKey(nothingText, 'nothingText');\r
-       widget.setPreferenceForKey(enableDaylightSaving ? 'true' : 'false', 'enableDaylightSaving');\r
-       \r
-       widget.setPreferenceForKey(cssStyle_background, 'cssStyle_background');\r
-       widget.setPreferenceForKey(cssStyle_backgroundFullscreen, 'cssStyle_backgroundFullscreen');\r
-       widget.setPreferenceForKey(cssStyle_weekDay, 'cssStyle_weekDay');\r
-       widget.setPreferenceForKey(cssStyle_date, 'cssStyle_date');\r
-       widget.setPreferenceForKey(cssStyle_today, 'cssStyle_today');\r
-       widget.setPreferenceForKey(cssStyle_tomorrow, 'cssStyle_tomorrow');\r
-       widget.setPreferenceForKey(cssStyle_time, 'cssStyle_time');\r
-       widget.setPreferenceForKey(cssStyle_now, 'cssStyle_now');\r
-       widget.setPreferenceForKey(cssStyle_description, 'cssStyle_description');\r
-       widget.setPreferenceForKey(cssStyle_icon, 'cssStyle_icon');\r
+       for (var key in config) {\r
+               if (config[key].Type == 'Int')\r
+                       widget.setPreferenceForKey(config[key].Value.toString(), key);\r
+               else if (config[key].Type == 'String')\r
+                       widget.setPreferenceForKey(config[key].Value, key);\r
+               else if (config[key].Type == 'Bool')\r
+                       widget.setPreferenceForKey(config[key].Value ? 'true' : 'false', key);\r
+               else if (config[key].Type == 'Enum')\r
+                       widget.setPreferenceForKey(config[key].Value, key);\r
+               else if (config[key].Type == 'UID')\r
+                       widget.setPreferenceForKey(config[key].Value.toString(), key);\r
+       }\r
 }\r
 \r
 function toggleVisibility(elementId)\r
@@ -1047,20 +847,19 @@ var uniqueId = 0;
 function printHintBox(text)\r
 {\r
        uniqueId++;\r
-       return '<td width="1%" align="right" onclick="javascript:toggleVisibility(\'info' + uniqueId + '\')">Help</td></tr></table>'+\r
+       return '<td width="1%" align="right" onclick="javascript:toggleVisibility(\'info' + uniqueId + '\')">' + getLocalizedText('settings.help') + '</td></tr></table>'+\r
               '<div class="settingsInfo" id="info' + uniqueId + '">' + text + '</div>';\r
 }\r
 \r
 function showAbout()\r
 {\r
        mode = 3;\r
-       document.getElementById("homescreenView").style.display = "none";\r
-       document.getElementById("fullscreenView").style.display = "none";\r
+       hideViews();\r
        document.getElementById("aboutView").style.display = "block";\r
-       document.getElementById("settingsView").style.display = "none";\r
+       document.onclick = null;\r
        \r
        window.menu.setLeftSoftkeyLabel(" ", function(){});\r
-       window.menu.setRightSoftkeyLabel("Back", function()\r
+       window.menu.setRightSoftkeyLabel(getLocalizedText('softkey.back'), function()\r
        {\r
                mode = 1;\r
                showFullscreen();\r
@@ -1076,49 +875,129 @@ function updateFullscreen()
 \r
 function showFullscreen()\r
 {\r
-       document.getElementById("homescreenView").style.display = "none";\r
+       hideViews();\r
        document.getElementById("fullscreenView").style.display = "block";\r
-       document.getElementById("aboutView").style.display = "none";\r
-       document.getElementById("settingsView").style.display = "none";\r
        document.getElementById('body').className = "backgroundFullscreen";\r
+       document.onclick = launchCalendar;\r
        createMenu();\r
        updateData();\r
 }\r
 \r
+function getBackgroundImage()\r
+{\r
+       var bgImage;\r
+       if (config['backgroundImageLocation'].Value == config['backgroundImageLocation'].ValidValues[0]) // internal\r
+               bgImage = 'background_' + orientation + '.png';\r
+       else\r
+               bgImage = 'C:/Data/background_' + panelNum + '_' + orientation + '.png';\r
+       return bgImage;\r
+}\r
+\r
 function updateHomescreen()\r
 {\r
-       if (useBackgroundImage) {\r
+       if (config['useBackgroundImage'].Value) {\r
                // check for screen rotation\r
                if (orientation != 'portrait' && screen.width == 360 && screen.height == 640) {\r
                        window.widget.prepareForTransition("fade");\r
                        orientation = 'portrait';\r
-                       document.getElementById('body').style.backgroundImage = 'url(background_' + orientation + '.png)';\r
+                       document.getElementById('body').style.backgroundImage = 'url(' + getBackgroundImage() + ')';\r
                        document.getElementById('body').style.backgroundColor = 'none';\r
                        window.widget.performTransition();\r
                } else if (orientation != 'landscape' && screen.width == 640 && screen.height == 360) {\r
                        window.widget.prepareForTransition("fade");\r
                        orientation = 'landscape';\r
-                       document.getElementById('body').style.backgroundImage = 'url(background_' + orientation + '.png)';\r
+                       document.getElementById('body').style.backgroundImage = 'url(' + getBackgroundImage() + ')';\r
                        document.getElementById('body').style.backgroundColor = 'none';\r
                        window.widget.performTransition();\r
                }\r
                else if (document.getElementById('body').style.backgroundImage == "")\r
                {\r
-                       document.getElementById('body').style.backgroundImage = 'url(background_' + orientation + '.png)';\r
+                       document.getElementById('body').style.backgroundImage = 'url(' + getBackgroundImage() + ')';\r
                }\r
        }\r
 }\r
 \r
 function showHomescreen()\r
 {\r
+       hideViews();\r
        document.getElementById("homescreenView").style.display = "block";\r
-       document.getElementById("fullscreenView").style.display = "none";\r
-       document.getElementById("aboutView").style.display = "none";\r
-       document.getElementById("settingsView").style.display = "none";\r
        document.getElementById('body').className = "background";\r
+       document.onclick = null;\r
        updateData();\r
 }\r
 \r
+function getLocalizedText(p_Txt)\r
+{\r
+       if (localizedText[p_Txt])\r
+               return localizedText[p_Txt];\r
+       else \r
+               return 'ERROR: missing translation for ' + p_Txt;\r
+}\r
+\r
+function showUpdate()\r
+{\r
+       mode = 4;\r
+       hideViews();\r
+       document.getElementById("updateView").style.display = "block";\r
+       document.onclick = null;\r
+       \r
+       window.menu.setLeftSoftkeyLabel(getLocalizedText('update.checknow'), function(){\r
+               checkForUpdate();\r
+       });\r
+       window.menu.setRightSoftkeyLabel(getLocalizedText('softkey.back'), function()\r
+       {\r
+               mode = 1;\r
+               showFullscreen();\r
+       });\r
+       \r
+       document.getElementById("currentVersion").innerHTML = getLocalizedText("update.current") + version;\r
+       checkForUpdate();\r
+}\r
+\r
+function checkForUpdate()\r
+{\r
+       // asynch XHR to server url\r
+       reqV = new XMLHttpRequest();\r
+       reqV.onreadystatechange = checkForUpdateCallback;\r
+       document.getElementById("updateDiv").innerHTML = getLocalizedText("update.checking");\r
+       reqV.open("GET", versionURL, true);\r
+       reqV.setRequestHeader( "If-Modified-Since", "Sat, 1 Jan 2000 00:00:00 GMT" ); // disable caching\r
+       reqV.send(null);\r
+}\r
+\r
+function checkForUpdateCallback()\r
+{ \r
+       if (reqV.readyState == 4) {\r
+               if (reqV.status == 200) {\r
+                       var resultXml = reqV.responseText;\r
+                       if (resultXml) {\r
+                               var div = document.getElementById("tmp");\r
+                               div.innerHTML = resultXml;\r
+                               var newVersion = div.getElementsByTagName('version')[0].innerHTML;\r
+                               var newVersionURL = div.getElementsByTagName('url')[0].innerHTML;\r
+                               div.innerHTML = "";\r
+                               if (version != newVersion) {\r
+                                       document.getElementById("updateDiv").innerHTML = getLocalizedText("update.download").replace(/%1/, newVersion).replace(/%2/, newVersionURL);\r
+                               }\r
+                               else {\r
+                                       document.getElementById("updateDiv").innerHTML = getLocalizedText("update.nonewversion");\r
+                               }\r
+                       }\r
+               }\r
+               else {\r
+                       document.getElementById("updateDiv").innerHTML = getLocalizedText("update.error") + reqV.status + " " + reqV.responseText;\r
+               }\r
+       }\r
+}\r
+\r
+function hideViews()\r
+{\r
+       document.getElementById("homescreenView").style.display = "none";\r
+       document.getElementById("fullscreenView").style.display = "none";\r
+       document.getElementById("aboutView").style.display = "none";\r
+       document.getElementById("settingsView").style.display = "none";\r
+       document.getElementById("updateView").style.display = "none";\r
+}\r
 </script>\r
 \r
 <style type="text/css">\r
@@ -1128,10 +1007,11 @@ hr { color:#ffffff; background-color:#ffffff; height:1px; text-align:left; borde
 .settingsInfo { display:none; font-style:italic; }\r
 .title { font-weight:bold; font-size:14pt; }\r
 .textInput { width:90%; }\r
+.credits { margin-left:40px; text-indent: -20px; margin-bottom:0px; }\r
 #homescreenView { width: 315px; height:91px; overflow:hidden; }\r
 #calendarList { position:absolute; left:10px; top:4px; width:295px; height:75px; overflow:hidden; }\r
 #name { text-align:center; }\r
-#appicon { display: block; margin-left: auto; margin-right: auto; margin-top: 50px; }\r
+#appicon { display: block; margin-left: auto; margin-right: auto; margin-top: 10px; }\r
 #smallappicon { width:22px; height:22px; margin-right:10px; float:left; }\r
 </style>\r
 \r
@@ -1141,9 +1021,9 @@ hr { color:#ffffff; background-color:#ffffff; height:1px; text-align:left; borde
 <div id="homescreenView">\r
        <div id="calendarList"></div>\r
 </div>\r
-<div id="fullscreenView" style="display:none">\r
-       <img src="Icon.png" id="smallappicon" onClick="javascript:launchCalendar()">\r
-       <h1 class="title" onClick="javascript:launchCalendar()">Coming Next</h1>\r
+<div id="fullscreenView" style="display:none;">\r
+       <img src="Icon.png" id="smallappicon">\r
+       <h1 class="title">Coming Next</h1>\r
        <hr />\r
        <div id="fullscreenCalendarList">loading...</div>\r
 </div>\r
@@ -1158,9 +1038,22 @@ hr { color:#ffffff; background-color:#ffffff; height:1px; text-align:left; borde
        <h1 id="name">Coming Next</h1>\r
        <hr />\r
        <p>Created by Dr. Cochambre and Michael Prager.</p>\r
+       <p>Contributions:</p>\r
+               <p class="credits">Paul Moore (bug fixes, new features and code cleanup)</p>\r
+               <p class="credits">Manfred Hanselmann (DST support)</p>\r
+               <p class="credits">Christophe Milsent (translation support & french translation</p>\r
+               <p class="credits">Flavio Nathan (portuguese-brazilian translation</p>\r
        <p>This software is open source and licensed under the GPLv3.</p>\r
-       <p>Visit https://sourceforge.net/projects/comingnext/ for free updates.</p>\r
+       <p>Visit sourceforge.net/projects/comingnext for free updates.</p>\r
+       <hr />\r
+</div>\r
+<div id="updateView" style="display:none">\r
+       <img src="Icon.png" id="smallappicon">\r
+       <h1 class="title">Check for update</h1>\r
        <hr />\r
+       <div id="currentVersion">Coming Next ??</div>\r
+       <div id="updateDiv"></div>\r
+       <div id="tmp" style="display:none;"></div>\r
 </div>\r
 </body>\r
 \r