#plugin_container {
width:440px;
height:250px;
position:relative;
overflow:hidden;
font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif;
color:#fff;
top:0;
}

#plugin_container p {
margin:0;
padding:0;
}


#digital_container {
width:440px;
height:250px;
background:url(../images/background.png) 50% 0px no-repeat;
position:absolute;
top:35px;
left:0;
font-size: 100px;
}


#clock {
float:left;
margin-left:18px;
}

#hours, #minutes {
width:200px;
height:200px;
float:left;
position:relative;
top:-40;
}

#minutes {
margin-left:4px;
}

#hours_bg, #minutes_bg {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}

.first_digit {
width:80px;
height:100%;
position:absolute;
top:6;
left:20px;
}

.second_digit {
width:80px;
height:100%;
position:absolute;
top:6;
left:100px;
}

.line {
width:175px;
height:2px;
background:#efefef;
position:absolute;
top:97px;
left:12px;
z-index:101;
font-size:1px;
}


#am_pm {
position:absolute;
top:160px;
left:148px;
}

#date {
position:absolute;
width:440px;
height:60px;
margin-top:195px;
text-align:center;
font-size:26pt;
font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif;
color:#C0C0C0;
font-weight:normal;
z-index:98;
}

html, body {
min-height: 100%;
height: auto !important;
height: 100%;
}

body {
font: 100.01% "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, sans-serif;
color: #333;
padding: 0;
}

body * {
line-height:1.22em;
}

h1, h2, h3, h4, h5, h6 {
font-family: Georgia, "Times New Roman", Times, serif;
color:#4088b8;
clear: both;
}

h1 {
}

h2 {
color: #c8c8c8;
margin-top: -25px;
}

h3 {
}

h4 {
color: #333;
margin-bottom: -10px;
}

p {

}


ul, ol {
margin-left: 0;
}

ul ul {
margin-bottom: 20px;
}

#wrap {
color: #404040;
margin: 20px 40px;
}

a {
color: #4088b8;
}

table {
font-size: inherit;
border: 1px solid #c8c8c8;
}

th {
background: #d8d8d8;
text-align: left;
padding: 5px;
white-space: nowrap;
}

td {
background: #f8f8f8;
text-align: left;
padding: 5px;
vertical-align: top;
}

select, input, textarea {
font: 80% "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, sans-serif;
}

pre, code, tt, dt {
font: 100% monospace;
margin: 20px 0;
}

pre, blockquote {
padding: 15px;
background-color: #f0f0f0;
margin: 20px 0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

td pre {
font: 85% monospace;
padding: 5px;
margin: 5px 0;
}

/*
Original by * jDigiClock plugin 2.1
*
* [Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...]
*
* Copyright (c) 2009 Radoslav Dimov
*
* Dual licensed under the MIT and GPL licenses:
* [Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...]
* [Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...]
*
*/

var Digital;
var hours;
var minutes;
var month;
var date;
var day;
var year;
var currDate;
var timeUpdate;
var ampm = false;
var vvv = 0;

var MonthsOfYear = new Array(12);
MonthsOfYear[0] = "01";
MonthsOfYear[1] = "02";
MonthsOfYear[2] = "03";
MonthsOfYear[3] = "04";
MonthsOfYear[4] = "05";
MonthsOfYear[5] = "06";
MonthsOfYear[6] = "07";
MonthsOfYear[7] = "08";
MonthsOfYear[8] = "09";
MonthsOfYear[9] = "10";
MonthsOfYear[10] = "11";
MonthsOfYear[11] = "12";

var DaysOfWeek = new Array(7);
var DaysOfWeekS = new Array(7);
var MonthNames = new Array(12);

switch(GetLanguage()){
case "en":
DaysOfWeek[0] = "Sunday";
DaysOfWeek[1] = "Monday";
DaysOfWeek[2] = "Tuesday";
DaysOfWeek[3] = "Wednesday";
DaysOfWeek[4] = "Thursday";
DaysOfWeek[5] = "Friday";
DaysOfWeek[6] = "Saturday";
DaysOfWeekS[0] = "Sun";
DaysOfWeekS[1] = "Mon";
DaysOfWeekS[2] = "Tue";
DaysOfWeekS[3] = "Wed";
DaysOfWeekS[4] = "Thu";
DaysOfWeekS[5] = "Fri";
DaysOfWeekS[6] = "Sat";
MonthNames[0] = 'Jan';
MonthNames[1] = 'Feb';
MonthNames[2] = 'Mar';
MonthNames[3] = 'Apr';
MonthNames[4] = 'May';
MonthNames[5] = 'Jun';
MonthNames[6] = 'Jul';
MonthNames[7] = 'Aug';
MonthNames[8] = 'Sep';
MonthNames[9] = 'Oct';
MonthNames[10] = 'Nov';
MonthNames[11] = 'Dec';
break;
case "es":
DaysOfWeek[0] = "Sonntag";
DaysOfWeek[1] = "Montag";
DaysOfWeek[2] = "Dienstag";
DaysOfWeek[3] = "Mittwoch";
DaysOfWeek[4] = "Donnerstag";
DaysOfWeek[5] = "Freitag";
DaysOfWeek[6] = "Samstag";
DaysOfWeekS[0] = "So";
DaysOfWeekS[1] = "Mo";
DaysOfWeekS[2] = "Di";
DaysOfWeekS[3] = "Mi";
DaysOfWeekS[4] = "Do";
DaysOfWeekS[5] = "Fr";
DaysOfWeekS[6] = "Sa";
MonthNames[0] = 'Jan';
MonthNames[1] = 'Feb';
MonthNames[2] = 'Mär';
MonthNames[3] = 'Apr';
MonthNames[4] = 'Mai';
MonthNames[5] = 'Jun';
MonthNames[6] = 'Jul';
MonthNames[7] = 'Aug';
MonthNames[8] = 'Sep';
MonthNames[9] = 'Okt';
MonthNames[10] = 'Nov';
MonthNames[11] = 'Dez';
break;
default:
DaysOfWeek[0] = "Sonntag";
DaysOfWeek[1] = "Montag";
DaysOfWeek[2] = "Dienstag";
DaysOfWeek[3] = "Mittwoch";
DaysOfWeek[4] = "Donnerstag";
DaysOfWeek[5] = "Freitag";
DaysOfWeek[6] = "Samstag";
DaysOfWeekS[0] = "So";
DaysOfWeekS[1] = "Mo";
DaysOfWeekS[2] = "Di";
DaysOfWeekS[3] = "Mi";
DaysOfWeekS[4] = "Do";
DaysOfWeekS[5] = "Fr";
DaysOfWeekS[6] = "Sa";
MonthNames[0] = 'Jan';
MonthNames[1] = 'Feb';
MonthNames[2] = 'Mär';
MonthNames[3] = 'Apr';
MonthNames[4] = 'Mai';
MonthNames[5] = 'Jun';
MonthNames[6] = 'Jul';
MonthNames[7] = 'Aug';
MonthNames[8] = 'Sep';
MonthNames[9] = 'Okt';
MonthNames[10] = 'Nov';
MonthNames[11] = 'Dez';
}


function init(){
getTime();
//setTimeout("getTime()", 5000);
}

function getTime() {
Digital = new Date();
hours = Digital.getHours();
minutes = Digital.getMinutes();
month = MonthsOfYear[Digital.getMonth()];
date = Digital.getDate();
day = Digital.getDay();
year = Digital.getFullYear();

var now = new Date();

var now_hours, now_minutes, old_hours, old_minutes, timeOld = '';
now_hours = now.getHours();
now_minutes = now.getMinutes();

if (ampm) {
var am_pm = now_hours > 11 ? 'pm' : 'am';
now_hours = ((now_hours > 12) ? now_hours - 12 : now_hours);
document.getElementById('iap').src = 'images/clock/' + am_pm + '.png';
}

now_hours = ((now_hours < 10) ? "0" : "") + now_hours;
now_minutes = ((now_minutes < 10) ? "0" : "") + now_minutes;

date = ((date < 10) ? "0" : "") + date;

// data - verificar formato: dd/mm/yyyy ou yyyy/dd/mm ou outro
//currDate = date + "/" + month + "/" + year;
/*
dd/mm/aaaa Fri 23 Apr 2010
mm/dd/aaaa Fri Apr 23 2010
aaaa/mm/dd 2010 Apr 23 Fri
aaaa/dd/mm 2010 23 Apr Fri
*/
currDate = Digital.toLocaleDateString();
var ary = new Array();
ary = currDate.split(" ");

if(isNaN(ary[0])){
currDate = DaysOfWeekS[day]+', ';
if(isNaN(ary[1])){
currDate += MonthNames[Digital.getMonth()] + ' ' +date+',*'+year;
}else{
currDate += date + ' ' + MonthNames[Digital.getMonth()] + ', *' + year;
}
}else{
if(isNaN(ary[1])){
currDate = year + ' ' + MonthNames[Digital.getMonth()] + ' ' + date + ', ' + DaysOfWeekS[day];
}else{
currDate = year + ' ' + date + ' ' + MonthNames[Digital.getMonth()] + ', ' + DaysOfWeekS[day];
}
}

timeOld += '<div id="hours"><div class="line"></div>';
timeOld += '<div id="hours_bg">';

timeOld += '<img id="hours_bg1" src="images/clock/clockbg1.png" /></div>';
timeOld += '<img src="images/clock/clockbg-blank.png" id="fhd" class="first_digit" />';
timeOld += '<img src="images/clock/clockbg-blank.png" id="shd" class="second_digit" />';
timeOld += '</div>';
timeOld += '<div id="minutes"><div class="line"></div>';
if (ampm) {
timeOld += '<div id="am_pm"><img src="images/clock/apm.png" /></div>';
}
timeOld += '<div id="minutes_bg"><img id="minutes_bg1" src="images/clock/clockbg1.png" /></div>';
timeOld += '<img src="images/clock/clockbg-blank.png" id="fmd" class="first_digit" />';
timeOld += '<img src="images/clock/clockbg-blank.png" id="smd" class="second_digit" />';
timeOld += '</div>';


document.getElementById('clock').innerHTML = timeOld;

document.getElementById("date").innerHTML = currDate;

document.getElementById('fhd').src = 'images/clock/' + now_hours.substr(0,1) + '.png';
document.getElementById('shd').src = 'images/clock/' + now_hours.substr(1,1) + '.png';
document.getElementById('fmd').src = 'images/clock/' + now_minutes.substr(0,1) + '.png';
document.getElementById('smd').src = 'images/clock/' + now_minutes.substr(1,1) + '.png';

//setTimeout("getTime()",(60 - now.getSeconds()) * 1000);
setTimeout("getTime()", 4000);
}


function GetLanguage(){
try
{
return widget.sysInfo.getLanguage();
}catch(E){
return "pt";
}
}