<?xml version="1.0" encoding="UTF-8"?>
<Module>
<ModulePrefs title="Persian DateTime" 
author_email="Hamed.ji@gmail.com" author="Hamed J.I"
author_affiliation = "JI"
author_location="Tehran, Iran" Height="80"
thumbnail = "http://hamed.ji.googlepages.com/PersianDateTimeThumbnail.png"
screenshot = "http://hamed.ji.googlepages.com/PersianDateTimeScreenshot.png"
description = "This Gadget provide persian date and time with convertor of persian date to gregorian and vice versa">
<Require feature="dynamic-height"/>
</ModulePrefs>
<UserPref name="Background" required="true" display_name="Theme: " default_value="BlueWhite" datatype="enum">
  <EnumValue value="Blue"/>
  <EnumValue value="Green"/>
  <EnumValue value="Red"/>
  <EnumValue value="Yellow"/>
  <EnumValue display_value="Blue White" value="BlueWhite"/>
  <EnumValue display_value="Green White" value="GreenWhite"/>
  <EnumValue display_value="Red White" value="RedWhite"/>
  <EnumValue display_value="Yellow White" value="YellowWhite"/>
</UserPref>
<UserPref required="true" name="ShowClock" display_name="Show Clock: " default_value="true" datatype="bool" />
<UserPref required="true" name="ClockType" display_name="Clock Type: " default_value="12H" datatype="enum">
  <EnumValue display_value="24 Hours" value="24H" />
  <EnumValue display_value="12 Hours" value="12H" />
</UserPref>
<Content type="html"><![CDATA[
<script src="http://hamed.ji.googlepages.com/PersianCalendar.js" type="text/javascript"></script>
<script type="text/javascript">
function ShowHideConvertor()
{
  if(Convertor__MODULE_ID__.style.display == '')
    Convertor__MODULE_ID__.style.display = 'none'; 
  else
    Convertor__MODULE_ID__.style.display = ''; 

  _IG_AdjustIFrameHeight();
}

function SetBackground(themeName)
{
  Left__MODULE_ID__.style.backgroundImage = 'url("http://hamed.ji.googlepages.com/' + themeName + 'Left.jpg")'; 
  Right__MODULE_ID__.style.backgroundImage = 'url("http://hamed.ji.googlepages.com/' + themeName + 'Right.jpg")'; 
  Center__MODULE_ID__.style.backgroundImage = 'url("http://hamed.ji.googlepages.com/' + themeName + 'Center.jpg")';
  var Color;
  switch(themeName) 
  {
    case 'Blue': 
      Color = '#9FC6FF'; 
      break;
    case 'BlueWhite':
      Color = '#C3E0FE';
      break; 
    case 'Green':
      Color = '#A4E763';
      break;
    case 'GreenWhite': 
      Color = '#BBFE7A';
      break; 
    case 'Red':
      Color = '#F29782'; 
      break;
    case 'RedWhite': 
      Color = '#FECFBF';
      break; 
    case 'Yellow': 
      Color = '#FDDA3F';
      break; 
    case 'YellowWhite':
      Color = '#FEE05C'; 
      break;
  }
  Convertor__MODULE_ID__.style.backgroundColor = Color;
}

function ShowClock(Is12Hour)
{
  var Time = new Date(); 
  var ClockString = "";
  if(Is12Hour == false) 
  { 
    ClockString = Time.getHours(); 
  } 
  else 
  {
    if(Time.getHours() > 12) 
      ClockString += Time.getHours() - 12; 
    else 
      ClockString += Time.getHours(); 
  }  
  if(Time.getMinutes() < 10) 
    ClockString += ":0" + Time.getMinutes();
  else  
    ClockString += ":" + Time.getMinutes();
  if(Time.getSeconds() < 10) 
    ClockString += ":0" + Time.getSeconds();
  else 
    ClockString += ":" + Time.getSeconds(); 
  if(Is12Hour) 
  {
    if(Time.getHours() >= 12)
      ClockString += ' <font style="font-size: 8pt; font-family: Tahoma">&#1576;.&#1592;</font>'; 
    else 
      ClockString += ' <font style="font-size: 8pt; font-family: Tahoma">&#1602;.&#1592;</font>';
  }
  Clock__MODULE_ID__.innerHTML = ClockString; 
  setTimeout('ShowClock(' + Is12Hour + ')', 1000);
}

function ShowDate()
{
  var Today = new PersianCalendar();
  Day__MODULE_ID__.innerHTML = Today.getDay();
  Month__MODULE_ID__.innerHTML = Today.getMonthName(); 
  Year__MODULE_ID__.innerHTML = Today.getYear(); 
  DayName__MODULE_ID__.innerHTML = Today.getDayName();
}
function Convert()
{
  var Arr = DateString__MODULE_ID__.value.split('/');
  var gDate, pDate;
  var err = "&#1578;&#1575;&#1585;&#1610;&#1582; &#1585;&#1575; &#1576;&#1607; &#1589;&#1608;&#1585;&#1578; &#1585;&#1608;&#1586;/&#1605;&#1575;&#1607;/&#1587;&#1575;&#1604; &#1608;&#1575;&#1585;&#1583; &#1705;&#1606;&#1610;&#1583;." +  "&#1587;&#1575;&#1604; &#1585;&#1575; &#1576;&#1607; &#1589;&#1608;&#1585;&#1578; 4 &#1585;&#1602;&#1605;&#1610; &#1608;&#1575;&#1585;&#1583; &#1705;&#1606;&#1610;&#1583;." + "&#1575;&#1586; &#1583;&#1585;&#1587;&#1578; &#1576;&#1608;&#1583;&#1606; &#1575;&#1593;&#1583;&#1575;&#1583; (&#1608; &#1578;&#1575;&#1585;&#1610;&#1582;&#1607;&#1575;&#1610; &#1705;&#1576;&#1610;&#1587;&#1607;) &#1575;&#1591;&#1605;&#1610;&#1606;&#1575;&#1606; &#1581;&#1575;&#1589;&#1604; &#1705;&#1606;&#1610;&#1583;."; 
  if(ConvertType__MODULE_ID__.selectedIndex == 0) 
  {
    if(gIsValidDate(Arr[0], Arr[1], Arr[2]) == false)
    {
      ConvertResult__MODULE_ID__.innerHTML = err;
      return; 
    }
    gDate = new Date(Arr[0], Arr[1] - 1, Arr[2]); 
    pDate = new PersianCalendar();
    pDate.fromGregorian(gDate); 
  }
  else 
  {
    if(pIsValidDate(Arr[0], Arr[1], Arr[2]) == false)
    {
      ConvertResult__MODULE_ID__.innerHTML = err;
      return; 
    }
    pDate = new PersianCalendar(); 
    pDate.setDate(parseInt(Arr[0],10), parseInt(Arr[1],10), parseInt(Arr[2],10)); 
    gDate = pDate.toGregorian(); 
  }
  ConvertResult__MODULE_ID__.innerHTML = pDate.toLongDateString() + "<br/>" + gDate.toDateString();
}
</script>
<table dir="rtl" align="center" cellspacing="0" cellpadding="0" style="font-family: tahoma; font-size: small;"><tbody>

  <tr>
    <td id="Right__MODULE_ID__" style="width: 20px; height: 80px; text-align: center;">&nbsp;</td>
    <td id="Center__MODULE_ID__">
      <table id="Table" style="width: 100%; text-align: center" cellspacing="0" cellpadding="0"><tbody>
        <tr>
          <td id="DayName__MODULE_ID__" colspan="2" style="text-align: right; font-size: 10pt; font-family: Tahoma; height: 25px;" valign="top">&nbsp;</td>
          <td id="Clock__MODULE_ID__" rowspan="3" style="width: 120px; text-align: center; font-family: 'Times New Roman', Times, serif; font-size: large; display: none;">&nbsp;</td>
        </tr>
        <tr>
          <td id="Day__MODULE_ID__" style="width: 50px; font-size: 24pt; font-family: 'Times New Roman', Times, serif; height: 50px;" rowspan="2">&nbsp;</td>
          <td id="Month__MODULE_ID__" style="font-family: Tahoma; font-size: 10pt">&nbsp;</td>
        </tr>
        <tr>
          <td id="Year__MODULE_ID__" style="width: 60px; font-size: 16pt; font-family: 'Times New Roman', Times, serif">&nbsp;</td>
        </tr>
      </tbody></table>
    </td>
    <td id="Left__MODULE_ID__" style="width: 20px;">
      <br /><br /><a href="javascript:ShowHideConvertor();"><span style="color: #000000; text-decoration: none; font-size: 10pt; font-family: tahoma;">&#1578;</span></a>
    </td>
  </tr>
  <tr>
    <td colspan="3">
      <table id="Convertor__MODULE_ID__" style="font-family: Tahoma; font-size: small; text-align: center; width: 100%; display: none;" align="center" cellspacing="0" cellpadding="0"><tbody>
        <tr>
          <td dir="ltr" style="text-align: right" valign="top"><img src="http://hamed.ji.googlepages.com/corner_tr.gif" width="2" height="2" /></td>
          <td dir="ltr" style="font-family: tahoma; font-size: 9pt; text-align: center"><input id="DateString__MODULE_ID__" name="DateString1" type="text" style="width: 75px; margin-left: 0px;" size="20" /> :&#1578;&#1575;&#1585;&#1610;&#1582;</td>
          <td dir="ltr" style="text-align: left; height: 2px;" valign="top"><img src="http://hamed.ji.googlepages.com/corner_tl.gif" width="2" height="2" /></td>
        </tr>
        <tr>
          <td colspan="3"><select id="ConvertType__MODULE_ID__" name="Select1" style="width: 110px; font-family: Tahoma; font-size: 8pt;"><option selected="selected">&#1605;&#1610;&#1604;&#1575;&#1583;&#1740; &#1576;&#1607; &#1588;&#1605;&#1587;&#1740;</option><option>&#1588;&#1605;&#1587;&#1740; &#1576;&#1607; &#1605;&#1610;&#1604;&#1575;&#1583;&#1740;</option></select> </td>
        </tr>
        <tr>
          <td style="text-align: center">&nbsp;</td>
          <td style="text-align: center"><input style="font-family:Tahoma;font-size:10pt;" onclick="javascript:Convert();_IG_AdjustIFrameHeight();" name="btnConvert" type="button" value="&#1578;&#1576;&#1583;&#1610;&#1604;" style="font-family: tahoma; font-size: small;" /></td>
          <td style="text-align: center">&nbsp;</td>
        </tr>
        <tr>
          <td valign="bottom" style="text-align: right"><img alt="" src="http://hamed.ji.googlepages.com/corner_br.gif" width="2" height="2" /></td>
          <td id="ConvertResult__MODULE_ID__" style="font-family: tahoma; font-size: 10pt; height: 20px; width: 140px;"></td>
          <td style="text-align: left" valign="bottom"><img src="http://hamed.ji.googlepages.com/corner_bl.gif" width="2" height="2" /></td>
        </tr>
      </tbody></table>
    </td>
   </tr>
</tbody></table>
<script type="text/javascript">
var prefs = new _IG_Prefs();
var sClock = prefs.getBool('ShowClock');
var is12 = prefs.getString('ClockType');
var Backg = prefs.getString('Background');
SetBackground(Backg);
if(sClock)
{
  Clock__MODULE_ID__.style.display = '';
  if(is12 == '24H')
    ShowClock(false);
  else
    ShowClock(true);
}
ShowDate();
</script>
]]></Content>
</Module>














