<?xml version="1.0" encoding="UTF-8" ?> 
<Module>
  <ModulePrefs
    title="__MSG_title__"
    directory_title="Yatta!?"
    title_url="__MSG_title_url__"
    description="__MSG_description__"
    author="Tomoya YAMAMOTO"
    author_email="tmyymmt@gmail.com"
    author_affiliation="Tomoya YAMAMOTO"
    author_location="Tokyo, Japan, Earth."
    category="tools"
    category2="lifestyle"
    height="250"
    screenshot="http://tmyymmt.mine.nu/yatta/screenshot_ja.png"
    thumbnail="http://tmyymmt.mine.nu/yatta/thumnail_ja.png"
    author_photo="http://tmyymmt.mine.nu/profile/g_profile.png"
    author_aboutme="."
    author_link="http://tmyymmt.vox.com/"
    author_quote="I create what I want. Share it all over the world.">
    <Require feature="setprefs"/>
    <Require feature="dynamic-height"/>
    <Require feature="analytics"/>
    <Require feature="views" />
    <Locale messages="http://tmyymmt.mine.nu/yatta/ALL_ALL.xml"/>
    <Locale lang="en" country="ALL" messages="http://tmyymmt.mine.nu/yatta/en_ALL.xml"/>
    <Locale lang="ja" country="ALL" messages="http://tmyymmt.mine.nu/yatta/ja_ALL.xml"/>
    <Icon>http://tmyymmt.mine.nu/favicon.ico</Icon>
  </ModulePrefs>
  <UserPref name="up_item_size" display_name="__MSG_item_size__" datatype="enum" default_value="3">
    <EnumValue value="1" display_value="1"/>
    <EnumValue value="2" display_value="2"/>
    <EnumValue value="3" display_value="3"/>
    <EnumValue value="4" display_value="4"/>
    <EnumValue value="5" display_value="5"/>
  </UserPref>
  <UserPref name="up_item0" display_name="__MSG_item0__" datatype="string" default_value="item1"/>
  <UserPref name="up_item1" display_name="__MSG_item1__" datatype="string" default_value="item2"/>
  <UserPref name="up_item2" display_name="__MSG_item2__" datatype="string" default_value="item3"/>
  <UserPref name="up_item3" display_name="__MSG_item3__" datatype="string" default_value="item4"/>
  <UserPref name="up_item4" display_name="__MSG_item4__" datatype="string" default_value="item5"/>
  <UserPref name="up_item0_color" display_name="__MSG_item0_color__" datatype="enum" default_value="0">
    <EnumValue value="0" display_value="__MSG_color_0__"/>
    <EnumValue value="1" display_value="__MSG_color_1__"/>
    <EnumValue value="2" display_value="__MSG_color_2__"/>
    <EnumValue value="3" display_value="__MSG_color_3__"/>
    <EnumValue value="4" display_value="__MSG_color_4__"/>
    <EnumValue value="5" display_value="__MSG_color_5__"/>
    <EnumValue value="6" display_value="__MSG_color_6__"/>
    <EnumValue value="7" display_value="__MSG_color_7__"/>
    <EnumValue value="8" display_value="__MSG_color_8__"/>
    <EnumValue value="9" display_value="__MSG_color_9__"/>
    <EnumValue value="10" display_value="__MSG_color_10__"/>
    <EnumValue value="11" display_value="__MSG_color_11__"/>
    <EnumValue value="12" display_value="__MSG_color_12__"/>
    <EnumValue value="13" display_value="__MSG_color_13__"/>
    <EnumValue value="14" display_value="__MSG_color_14__"/>
    <EnumValue value="15" display_value="__MSG_color_15__"/>
    <EnumValue value="16" display_value="__MSG_color_16__"/>
    <EnumValue value="17" display_value="__MSG_color_17__"/>
    <EnumValue value="18" display_value="__MSG_color_18__"/>
    <EnumValue value="19" display_value="__MSG_color_19__"/>
    <EnumValue value="20" display_value="__MSG_color_20__"/>
    <EnumValue value="21" display_value="__MSG_color_21__"/>
    <EnumValue value="22" display_value="__MSG_color_22__"/>
    <EnumValue value="23" display_value="__MSG_color_23__"/>
  </UserPref>
  <UserPref name="up_item1_color" display_name="__MSG_item1_color__" datatype="enum" default_value="1">
    <EnumValue value="0" display_value="__MSG_color_0__"/>
    <EnumValue value="1" display_value="__MSG_color_1__"/>
    <EnumValue value="2" display_value="__MSG_color_2__"/>
    <EnumValue value="3" display_value="__MSG_color_3__"/>
    <EnumValue value="4" display_value="__MSG_color_4__"/>
    <EnumValue value="5" display_value="__MSG_color_5__"/>
    <EnumValue value="6" display_value="__MSG_color_6__"/>
    <EnumValue value="7" display_value="__MSG_color_7__"/>
    <EnumValue value="8" display_value="__MSG_color_8__"/>
    <EnumValue value="9" display_value="__MSG_color_9__"/>
    <EnumValue value="10" display_value="__MSG_color_10__"/>
    <EnumValue value="11" display_value="__MSG_color_11__"/>
    <EnumValue value="12" display_value="__MSG_color_12__"/>
    <EnumValue value="13" display_value="__MSG_color_13__"/>
    <EnumValue value="14" display_value="__MSG_color_14__"/>
    <EnumValue value="15" display_value="__MSG_color_15__"/>
    <EnumValue value="16" display_value="__MSG_color_16__"/>
    <EnumValue value="17" display_value="__MSG_color_17__"/>
    <EnumValue value="18" display_value="__MSG_color_18__"/>
    <EnumValue value="19" display_value="__MSG_color_19__"/>
    <EnumValue value="20" display_value="__MSG_color_20__"/>
    <EnumValue value="21" display_value="__MSG_color_21__"/>
    <EnumValue value="22" display_value="__MSG_color_22__"/>
    <EnumValue value="23" display_value="__MSG_color_23__"/>
  </UserPref>
  <UserPref name="up_item2_color" display_name="__MSG_item2_color__" datatype="enum" default_value="2">
    <EnumValue value="0" display_value="__MSG_color_0__"/>
    <EnumValue value="1" display_value="__MSG_color_1__"/>
    <EnumValue value="2" display_value="__MSG_color_2__"/>
    <EnumValue value="3" display_value="__MSG_color_3__"/>
    <EnumValue value="4" display_value="__MSG_color_4__"/>
    <EnumValue value="5" display_value="__MSG_color_5__"/>
    <EnumValue value="6" display_value="__MSG_color_6__"/>
    <EnumValue value="7" display_value="__MSG_color_7__"/>
    <EnumValue value="8" display_value="__MSG_color_8__"/>
    <EnumValue value="9" display_value="__MSG_color_9__"/>
    <EnumValue value="10" display_value="__MSG_color_10__"/>
    <EnumValue value="11" display_value="__MSG_color_11__"/>
    <EnumValue value="12" display_value="__MSG_color_12__"/>
    <EnumValue value="13" display_value="__MSG_color_13__"/>
    <EnumValue value="14" display_value="__MSG_color_14__"/>
    <EnumValue value="15" display_value="__MSG_color_15__"/>
    <EnumValue value="16" display_value="__MSG_color_16__"/>
    <EnumValue value="17" display_value="__MSG_color_17__"/>
    <EnumValue value="18" display_value="__MSG_color_18__"/>
    <EnumValue value="19" display_value="__MSG_color_19__"/>
    <EnumValue value="20" display_value="__MSG_color_20__"/>
    <EnumValue value="21" display_value="__MSG_color_21__"/>
    <EnumValue value="22" display_value="__MSG_color_22__"/>
    <EnumValue value="23" display_value="__MSG_color_23__"/>
  </UserPref>
  <UserPref name="up_item3_color" display_name="__MSG_item3_color__" datatype="enum" default_value="3">
    <EnumValue value="0" display_value="__MSG_color_0__"/>
    <EnumValue value="1" display_value="__MSG_color_1__"/>
    <EnumValue value="2" display_value="__MSG_color_2__"/>
    <EnumValue value="3" display_value="__MSG_color_3__"/>
    <EnumValue value="4" display_value="__MSG_color_4__"/>
    <EnumValue value="5" display_value="__MSG_color_5__"/>
    <EnumValue value="6" display_value="__MSG_color_6__"/>
    <EnumValue value="7" display_value="__MSG_color_7__"/>
    <EnumValue value="8" display_value="__MSG_color_8__"/>
    <EnumValue value="9" display_value="__MSG_color_9__"/>
    <EnumValue value="10" display_value="__MSG_color_10__"/>
    <EnumValue value="11" display_value="__MSG_color_11__"/>
    <EnumValue value="12" display_value="__MSG_color_12__"/>
    <EnumValue value="13" display_value="__MSG_color_13__"/>
    <EnumValue value="14" display_value="__MSG_color_14__"/>
    <EnumValue value="15" display_value="__MSG_color_15__"/>
    <EnumValue value="16" display_value="__MSG_color_16__"/>
    <EnumValue value="17" display_value="__MSG_color_17__"/>
    <EnumValue value="18" display_value="__MSG_color_18__"/>
    <EnumValue value="19" display_value="__MSG_color_19__"/>
    <EnumValue value="20" display_value="__MSG_color_20__"/>
    <EnumValue value="21" display_value="__MSG_color_21__"/>
    <EnumValue value="22" display_value="__MSG_color_22__"/>
    <EnumValue value="23" display_value="__MSG_color_23__"/>
  </UserPref>
  <UserPref name="up_item4_color" display_name="__MSG_item4_color__" datatype="enum" default_value="4">
    <EnumValue value="0" display_value="__MSG_color_0__"/>
    <EnumValue value="1" display_value="__MSG_color_1__"/>
    <EnumValue value="2" display_value="__MSG_color_2__"/>
    <EnumValue value="3" display_value="__MSG_color_3__"/>
    <EnumValue value="4" display_value="__MSG_color_4__"/>
    <EnumValue value="5" display_value="__MSG_color_5__"/>
    <EnumValue value="6" display_value="__MSG_color_6__"/>
    <EnumValue value="7" display_value="__MSG_color_7__"/>
    <EnumValue value="8" display_value="__MSG_color_8__"/>
    <EnumValue value="9" display_value="__MSG_color_9__"/>
    <EnumValue value="10" display_value="__MSG_color_10__"/>
    <EnumValue value="11" display_value="__MSG_color_11__"/>
    <EnumValue value="12" display_value="__MSG_color_12__"/>
    <EnumValue value="13" display_value="__MSG_color_13__"/>
    <EnumValue value="14" display_value="__MSG_color_14__"/>
    <EnumValue value="15" display_value="__MSG_color_15__"/>
    <EnumValue value="16" display_value="__MSG_color_16__"/>
    <EnumValue value="17" display_value="__MSG_color_17__"/>
    <EnumValue value="18" display_value="__MSG_color_18__"/>
    <EnumValue value="19" display_value="__MSG_color_19__"/>
    <EnumValue value="20" display_value="__MSG_color_20__"/>
    <EnumValue value="21" display_value="__MSG_color_21__"/>
    <EnumValue value="22" display_value="__MSG_color_22__"/>
    <EnumValue value="23" display_value="__MSG_color_23__"/>
  </UserPref>
  <UserPref name="up_dow0_color" display_name="__MSG_dow0_color__" datatype="enum" default_value="12">
    <EnumValue value="65535" display_value="__MSG_color_clear__"/>
    <EnumValue value="0" display_value="__MSG_color_0__"/>
    <EnumValue value="1" display_value="__MSG_color_1__"/>
    <EnumValue value="2" display_value="__MSG_color_2__"/>
    <EnumValue value="3" display_value="__MSG_color_3__"/>
    <EnumValue value="4" display_value="__MSG_color_4__"/>
    <EnumValue value="5" display_value="__MSG_color_5__"/>
    <EnumValue value="6" display_value="__MSG_color_6__"/>
    <EnumValue value="7" display_value="__MSG_color_7__"/>
    <EnumValue value="8" display_value="__MSG_color_8__"/>
    <EnumValue value="9" display_value="__MSG_color_9__"/>
    <EnumValue value="10" display_value="__MSG_color_10__"/>
    <EnumValue value="11" display_value="__MSG_color_11__"/>
    <EnumValue value="12" display_value="__MSG_color_12__"/>
    <EnumValue value="13" display_value="__MSG_color_13__"/>
    <EnumValue value="14" display_value="__MSG_color_14__"/>
    <EnumValue value="15" display_value="__MSG_color_15__"/>
    <EnumValue value="16" display_value="__MSG_color_16__"/>
    <EnumValue value="17" display_value="__MSG_color_17__"/>
    <EnumValue value="18" display_value="__MSG_color_18__"/>
    <EnumValue value="19" display_value="__MSG_color_19__"/>
    <EnumValue value="20" display_value="__MSG_color_20__"/>
    <EnumValue value="21" display_value="__MSG_color_21__"/>
    <EnumValue value="22" display_value="__MSG_color_22__"/>
    <EnumValue value="23" display_value="__MSG_color_23__"/>
  </UserPref>
  <UserPref name="up_dow1_color" display_name="__MSG_dow1_color__" datatype="enum" default_value="65535">
    <EnumValue value="65535" display_value="__MSG_color_clear__"/>
    <EnumValue value="0" display_value="__MSG_color_0__"/>
    <EnumValue value="1" display_value="__MSG_color_1__"/>
    <EnumValue value="2" display_value="__MSG_color_2__"/>
    <EnumValue value="3" display_value="__MSG_color_3__"/>
    <EnumValue value="4" display_value="__MSG_color_4__"/>
    <EnumValue value="5" display_value="__MSG_color_5__"/>
    <EnumValue value="6" display_value="__MSG_color_6__"/>
    <EnumValue value="7" display_value="__MSG_color_7__"/>
    <EnumValue value="8" display_value="__MSG_color_8__"/>
    <EnumValue value="9" display_value="__MSG_color_9__"/>
    <EnumValue value="10" display_value="__MSG_color_10__"/>
    <EnumValue value="11" display_value="__MSG_color_11__"/>
    <EnumValue value="12" display_value="__MSG_color_12__"/>
    <EnumValue value="13" display_value="__MSG_color_13__"/>
    <EnumValue value="14" display_value="__MSG_color_14__"/>
    <EnumValue value="15" display_value="__MSG_color_15__"/>
    <EnumValue value="16" display_value="__MSG_color_16__"/>
    <EnumValue value="17" display_value="__MSG_color_17__"/>
    <EnumValue value="18" display_value="__MSG_color_18__"/>
    <EnumValue value="19" display_value="__MSG_color_19__"/>
    <EnumValue value="20" display_value="__MSG_color_20__"/>
    <EnumValue value="21" display_value="__MSG_color_21__"/>
    <EnumValue value="22" display_value="__MSG_color_22__"/>
    <EnumValue value="23" display_value="__MSG_color_23__"/>
  </UserPref>
  <UserPref name="up_dow2_color" display_name="__MSG_dow2_color__" datatype="enum" default_value="65535">
    <EnumValue value="65535" display_value="__MSG_color_clear__"/>
    <EnumValue value="0" display_value="__MSG_color_0__"/>
    <EnumValue value="1" display_value="__MSG_color_1__"/>
    <EnumValue value="2" display_value="__MSG_color_2__"/>
    <EnumValue value="3" display_value="__MSG_color_3__"/>
    <EnumValue value="4" display_value="__MSG_color_4__"/>
    <EnumValue value="5" display_value="__MSG_color_5__"/>
    <EnumValue value="6" display_value="__MSG_color_6__"/>
    <EnumValue value="7" display_value="__MSG_color_7__"/>
    <EnumValue value="8" display_value="__MSG_color_8__"/>
    <EnumValue value="9" display_value="__MSG_color_9__"/>
    <EnumValue value="10" display_value="__MSG_color_10__"/>
    <EnumValue value="11" display_value="__MSG_color_11__"/>
    <EnumValue value="12" display_value="__MSG_color_12__"/>
    <EnumValue value="13" display_value="__MSG_color_13__"/>
    <EnumValue value="14" display_value="__MSG_color_14__"/>
    <EnumValue value="15" display_value="__MSG_color_15__"/>
    <EnumValue value="16" display_value="__MSG_color_16__"/>
    <EnumValue value="17" display_value="__MSG_color_17__"/>
    <EnumValue value="18" display_value="__MSG_color_18__"/>
    <EnumValue value="19" display_value="__MSG_color_19__"/>
    <EnumValue value="20" display_value="__MSG_color_20__"/>
    <EnumValue value="21" display_value="__MSG_color_21__"/>
    <EnumValue value="22" display_value="__MSG_color_22__"/>
    <EnumValue value="23" display_value="__MSG_color_23__"/>
  </UserPref>
  <UserPref name="up_dow3_color" display_name="__MSG_dow3_color__" datatype="enum" default_value="65535">
    <EnumValue value="65535" display_value="__MSG_color_clear__"/>
    <EnumValue value="0" display_value="__MSG_color_0__"/>
    <EnumValue value="1" display_value="__MSG_color_1__"/>
    <EnumValue value="2" display_value="__MSG_color_2__"/>
    <EnumValue value="3" display_value="__MSG_color_3__"/>
    <EnumValue value="4" display_value="__MSG_color_4__"/>
    <EnumValue value="5" display_value="__MSG_color_5__"/>
    <EnumValue value="6" display_value="__MSG_color_6__"/>
    <EnumValue value="7" display_value="__MSG_color_7__"/>
    <EnumValue value="8" display_value="__MSG_color_8__"/>
    <EnumValue value="9" display_value="__MSG_color_9__"/>
    <EnumValue value="10" display_value="__MSG_color_10__"/>
    <EnumValue value="11" display_value="__MSG_color_11__"/>
    <EnumValue value="12" display_value="__MSG_color_12__"/>
    <EnumValue value="13" display_value="__MSG_color_13__"/>
    <EnumValue value="14" display_value="__MSG_color_14__"/>
    <EnumValue value="15" display_value="__MSG_color_15__"/>
    <EnumValue value="16" display_value="__MSG_color_16__"/>
    <EnumValue value="17" display_value="__MSG_color_17__"/>
    <EnumValue value="18" display_value="__MSG_color_18__"/>
    <EnumValue value="19" display_value="__MSG_color_19__"/>
    <EnumValue value="20" display_value="__MSG_color_20__"/>
    <EnumValue value="21" display_value="__MSG_color_21__"/>
    <EnumValue value="22" display_value="__MSG_color_22__"/>
    <EnumValue value="23" display_value="__MSG_color_23__"/>
  </UserPref>
  <UserPref name="up_dow4_color" display_name="__MSG_dow4_color__" datatype="enum" default_value="65535">
    <EnumValue value="65535" display_value="__MSG_color_clear__"/>
    <EnumValue value="0" display_value="__MSG_color_0__"/>
    <EnumValue value="1" display_value="__MSG_color_1__"/>
    <EnumValue value="2" display_value="__MSG_color_2__"/>
    <EnumValue value="3" display_value="__MSG_color_3__"/>
    <EnumValue value="4" display_value="__MSG_color_4__"/>
    <EnumValue value="5" display_value="__MSG_color_5__"/>
    <EnumValue value="6" display_value="__MSG_color_6__"/>
    <EnumValue value="7" display_value="__MSG_color_7__"/>
    <EnumValue value="8" display_value="__MSG_color_8__"/>
    <EnumValue value="9" display_value="__MSG_color_9__"/>
    <EnumValue value="10" display_value="__MSG_color_10__"/>
    <EnumValue value="11" display_value="__MSG_color_11__"/>
    <EnumValue value="12" display_value="__MSG_color_12__"/>
    <EnumValue value="13" display_value="__MSG_color_13__"/>
    <EnumValue value="14" display_value="__MSG_color_14__"/>
    <EnumValue value="15" display_value="__MSG_color_15__"/>
    <EnumValue value="16" display_value="__MSG_color_16__"/>
    <EnumValue value="17" display_value="__MSG_color_17__"/>
    <EnumValue value="18" display_value="__MSG_color_18__"/>
    <EnumValue value="19" display_value="__MSG_color_19__"/>
    <EnumValue value="20" display_value="__MSG_color_20__"/>
    <EnumValue value="21" display_value="__MSG_color_21__"/>
    <EnumValue value="22" display_value="__MSG_color_22__"/>
    <EnumValue value="23" display_value="__MSG_color_23__"/>
  </UserPref>
  <UserPref name="up_dow5_color" display_name="__MSG_dow5_color__" datatype="enum" default_value="65535">
    <EnumValue value="65535" display_value="__MSG_color_clear__"/>
    <EnumValue value="0" display_value="__MSG_color_0__"/>
    <EnumValue value="1" display_value="__MSG_color_1__"/>
    <EnumValue value="2" display_value="__MSG_color_2__"/>
    <EnumValue value="3" display_value="__MSG_color_3__"/>
    <EnumValue value="4" display_value="__MSG_color_4__"/>
    <EnumValue value="5" display_value="__MSG_color_5__"/>
    <EnumValue value="6" display_value="__MSG_color_6__"/>
    <EnumValue value="7" display_value="__MSG_color_7__"/>
    <EnumValue value="8" display_value="__MSG_color_8__"/>
    <EnumValue value="9" display_value="__MSG_color_9__"/>
    <EnumValue value="10" display_value="__MSG_color_10__"/>
    <EnumValue value="11" display_value="__MSG_color_11__"/>
    <EnumValue value="12" display_value="__MSG_color_12__"/>
    <EnumValue value="13" display_value="__MSG_color_13__"/>
    <EnumValue value="14" display_value="__MSG_color_14__"/>
    <EnumValue value="15" display_value="__MSG_color_15__"/>
    <EnumValue value="16" display_value="__MSG_color_16__"/>
    <EnumValue value="17" display_value="__MSG_color_17__"/>
    <EnumValue value="18" display_value="__MSG_color_18__"/>
    <EnumValue value="19" display_value="__MSG_color_19__"/>
    <EnumValue value="20" display_value="__MSG_color_20__"/>
    <EnumValue value="21" display_value="__MSG_color_21__"/>
    <EnumValue value="22" display_value="__MSG_color_22__"/>
    <EnumValue value="23" display_value="__MSG_color_23__"/>
  </UserPref>
  <UserPref name="up_dow6_color" display_name="__MSG_dow6_color__" datatype="enum" default_value="12">
    <EnumValue value="65535" display_value="__MSG_color_clear__"/>
    <EnumValue value="0" display_value="__MSG_color_0__"/>
    <EnumValue value="1" display_value="__MSG_color_1__"/>
    <EnumValue value="2" display_value="__MSG_color_2__"/>
    <EnumValue value="3" display_value="__MSG_color_3__"/>
    <EnumValue value="4" display_value="__MSG_color_4__"/>
    <EnumValue value="5" display_value="__MSG_color_5__"/>
    <EnumValue value="6" display_value="__MSG_color_6__"/>
    <EnumValue value="7" display_value="__MSG_color_7__"/>
    <EnumValue value="8" display_value="__MSG_color_8__"/>
    <EnumValue value="9" display_value="__MSG_color_9__"/>
    <EnumValue value="10" display_value="__MSG_color_10__"/>
    <EnumValue value="11" display_value="__MSG_color_11__"/>
    <EnumValue value="12" display_value="__MSG_color_12__"/>
    <EnumValue value="13" display_value="__MSG_color_13__"/>
    <EnumValue value="14" display_value="__MSG_color_14__"/>
    <EnumValue value="15" display_value="__MSG_color_15__"/>
    <EnumValue value="16" display_value="__MSG_color_16__"/>
    <EnumValue value="17" display_value="__MSG_color_17__"/>
    <EnumValue value="18" display_value="__MSG_color_18__"/>
    <EnumValue value="19" display_value="__MSG_color_19__"/>
    <EnumValue value="20" display_value="__MSG_color_20__"/>
    <EnumValue value="21" display_value="__MSG_color_21__"/>
    <EnumValue value="22" display_value="__MSG_color_22__"/>
    <EnumValue value="23" display_value="__MSG_color_23__"/>
  </UserPref>
  <UserPref name="up_range_mode" display_name="__MSG_range_mode__" datatype="enum" default_value="0">
    <EnumValue value="0" display_value="__MSG_range_mode0__"/>
    <EnumValue value="1" display_value="__MSG_range_mode1__"/>
    <EnumValue value="2" display_value="__MSG_range_mode2__"/>
    <EnumValue value="3" display_value="__MSG_range_mode3__"/>
    <EnumValue value="4" display_value="__MSG_range_mode4__"/>
  </UserPref>
  <UserPref name="up_show_elapsed_days" display_name="__MSG_show_elapsed_days__" datatype="bool" default_value="true"/>
  <UserPref name="up_show_month" display_name="__MSG_show_month__" datatype="bool" default_value="true"/>
  <UserPref name="up_show_scroll_button" display_name="__MSG_show_scroll_button__" datatype="bool" default_value="true"/>
  <UserPref name="up_show_scroll_slider" display_name="__MSG_show_scroll_slider__" datatype="bool" default_value="true"/>
  <UserPref name="up_layout_break1" display_name="__MSG_layout_break1__" datatype="bool" default_value="true"/>
  <UserPref name="up_layout_break2" display_name="__MSG_layout_break2__" datatype="bool" default_value="false"/>
  <UserPref name="up_cell_width" display_name="__MSG_cell_width__" datatype="string" default_value="10"/>
  <UserPref name="up_acceleration" display_name="__MSG_acceleration__" datatype="enum" default_value="8">
    <EnumValue value="2" display_value="2"/>
    <EnumValue value="4" display_value="4"/>
    <EnumValue value="8" display_value="8"/>
    <EnumValue value="16" display_value="16"/>
    <EnumValue value="32" display_value="32"/>
    <EnumValue value="64" display_value="64"/>
  </UserPref>
  <UserPref name="up_export_import" display_name="__MSG_export_import__" datatype="bool" default_value="false"/>
  <UserPref name="yatta_data_ver1" default_value="z" datatype="hidden"/>
  <UserPref name="yatta_v2_0" default_value="" datatype="hidden"/>
  <UserPref name="yatta_v2_1" default_value="" datatype="hidden"/>
  <UserPref name="yatta_v2_2" default_value="" datatype="hidden"/>
  <UserPref name="yatta_v2_3" default_value="" datatype="hidden"/>
  <UserPref name="yatta_v2_4" default_value="" datatype="hidden"/>
  <Content type="html" view="home,canvas,profile">
  <![CDATA[
    <script type="text/javascript" src="http://tmyymmt.mine.nu/yatta/test/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="http://tmyymmt.mine.nu/yatta/test/jquery-ui-1.7.1.custom.min.js"></script>
    <script type="text/javascript" src="http://tmyymmt.mine.nu/yatta/test/jquery-ui-i18n.js"></script>
    
    <style type="text/css">
      table {
          border: solid 1px #999;
          border-collapse: collapse;
      }
      
      th {
          border: solid 1px #999;
      }
      
      td {
          border: solid 1px #999;
          empty-cells:show;
          width: 20px;
      }
      
      .ui-helper-hidden { display: none; }
      .ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
      .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
      .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
      .ui-helper-clearfix { display: inline-block; }
      * html .ui-helper-clearfix { height:1%; }
      .ui-helper-clearfix { display:block; }
      .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
      .ui-state-disabled { cursor: default !important; }
      .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
      .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
      .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
      .ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_glass_75_ffffff_1x400.png)/*{bgImgUrlContent}*/ 0/*{bgContentXPos}*/ 0/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
      .ui-widget-content a { color: #222222/*{fcContent}*/; }
      .ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 0/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; }
      .ui-widget-header a { color: #222222/*{fcHeader}*/; }
      .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 0/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; outline: none; }
      .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; outline: none; }
      .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 0/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; outline: none; }
      .ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; outline: none; }
      .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 0/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; outline: none; }
      .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; outline: none; text-decoration: none; }
      .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 0/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; }
      .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
      .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_inset-soft_95_fef1ec_1x100.png)/*{bgImgUrlError}*/ 0/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; }
      .ui-state-error a, .ui-widget-content .ui-state-error a { color: #363636/*{fcError}*/; }
      .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
      .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
      .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
      .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
      .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
      .ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
      .ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; }
      .ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; }
      .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/; }
      .ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/; }
      .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; }
      .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; }
      .ui-icon-carat-1-n { background-position: 0 0; }
      .ui-icon-carat-1-ne { background-position: -16px 0; }
      .ui-icon-carat-1-e { background-position: -32px 0; }
      .ui-icon-carat-1-se { background-position: -48px 0; }
      .ui-icon-carat-1-s { background-position: -64px 0; }
      .ui-icon-carat-1-sw { background-position: -80px 0; }
      .ui-icon-carat-1-w { background-position: -96px 0; }
      .ui-icon-carat-1-nw { background-position: -112px 0; }
      .ui-icon-carat-2-n-s { background-position: -128px 0; }
      .ui-icon-carat-2-e-w { background-position: -144px 0; }
      .ui-icon-triangle-1-n { background-position: 0 -16px; }
      .ui-icon-triangle-1-ne { background-position: -16px -16px; }
      .ui-icon-triangle-1-e { background-position: -32px -16px; }
      .ui-icon-triangle-1-se { background-position: -48px -16px; }
      .ui-icon-triangle-1-s { background-position: -64px -16px; }
      .ui-icon-triangle-1-sw { background-position: -80px -16px; }
      .ui-icon-triangle-1-w { background-position: -96px -16px; }
      .ui-icon-triangle-1-nw { background-position: -112px -16px; }
      .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
      .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
      .ui-icon-arrow-1-n { background-position: 0 -32px; }
      .ui-icon-arrow-1-ne { background-position: -16px -32px; }
      .ui-icon-arrow-1-e { background-position: -32px -32px; }
      .ui-icon-arrow-1-se { background-position: -48px -32px; }
      .ui-icon-arrow-1-s { background-position: -64px -32px; }
      .ui-icon-arrow-1-sw { background-position: -80px -32px; }
      .ui-icon-arrow-1-w { background-position: -96px -32px; }
      .ui-icon-arrow-1-nw { background-position: -112px -32px; }
      .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
      .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
      .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
      .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
      .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
      .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
      .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
      .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
      .ui-icon-arrowthick-1-n { background-position: 0 -48px; }
      .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
      .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
      .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
      .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
      .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
      .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
      .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
      .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
      .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
      .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
      .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
      .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
      .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
      .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
      .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
      .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
      .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
      .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
      .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
      .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
      .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
      .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
      .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
      .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
      .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
      .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
      .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
      .ui-icon-arrow-4 { background-position: 0 -80px; }
      .ui-icon-arrow-4-diag { background-position: -16px -80px; }
      .ui-icon-extlink { background-position: -32px -80px; }
      .ui-icon-newwin { background-position: -48px -80px; }
      .ui-icon-refresh { background-position: -64px -80px; }
      .ui-icon-shuffle { background-position: -80px -80px; }
      .ui-icon-transfer-e-w { background-position: -96px -80px; }
      .ui-icon-transferthick-e-w { background-position: -112px -80px; }
      .ui-icon-folder-collapsed { background-position: 0 -96px; }
      .ui-icon-folder-open { background-position: -16px -96px; }
      .ui-icon-document { background-position: -32px -96px; }
      .ui-icon-document-b { background-position: -48px -96px; }
      .ui-icon-note { background-position: -64px -96px; }
      .ui-icon-mail-closed { background-position: -80px -96px; }
      .ui-icon-mail-open { background-position: -96px -96px; }
      .ui-icon-suitcase { background-position: -112px -96px; }
      .ui-icon-comment { background-position: -128px -96px; }
      .ui-icon-person { background-position: -144px -96px; }
      .ui-icon-print { background-position: -160px -96px; }
      .ui-icon-trash { background-position: -176px -96px; }
      .ui-icon-locked { background-position: -192px -96px; }
      .ui-icon-unlocked { background-position: -208px -96px; }
      .ui-icon-bookmark { background-position: -224px -96px; }
      .ui-icon-tag { background-position: -240px -96px; }
      .ui-icon-home { background-position: 0 -112px; }
      .ui-icon-flag { background-position: -16px -112px; }
      .ui-icon-calendar { background-position: -32px -112px; }
      .ui-icon-cart { background-position: -48px -112px; }
      .ui-icon-pencil { background-position: -64px -112px; }
      .ui-icon-clock { background-position: -80px -112px; }
      .ui-icon-disk { background-position: -96px -112px; }
      .ui-icon-calculator { background-position: -112px -112px; }
      .ui-icon-zoomin { background-position: -128px -112px; }
      .ui-icon-zoomout { background-position: -144px -112px; }
      .ui-icon-search { background-position: -160px -112px; }
      .ui-icon-wrench { background-position: -176px -112px; }
      .ui-icon-gear { background-position: -192px -112px; }
      .ui-icon-heart { background-position: -208px -112px; }
      .ui-icon-star { background-position: -224px -112px; }
      .ui-icon-link { background-position: -240px -112px; }
      .ui-icon-cancel { background-position: 0 -128px; }
      .ui-icon-plus { background-position: -16px -128px; }
      .ui-icon-plusthick { background-position: -32px -128px; }
      .ui-icon-minus { background-position: -48px -128px; }
      .ui-icon-minusthick { background-position: -64px -128px; }
      .ui-icon-close { background-position: -80px -128px; }
      .ui-icon-closethick { background-position: -96px -128px; }
      .ui-icon-key { background-position: -112px -128px; }
      .ui-icon-lightbulb { background-position: -128px -128px; }
      .ui-icon-scissors { background-position: -144px -128px; }
      .ui-icon-clipboard { background-position: -160px -128px; }
      .ui-icon-copy { background-position: -176px -128px; }
      .ui-icon-contact { background-position: -192px -128px; }
      .ui-icon-image { background-position: -208px -128px; }
      .ui-icon-video { background-position: -224px -128px; }
      .ui-icon-script { background-position: -240px -128px; }
      .ui-icon-alert { background-position: 0 -144px; }
      .ui-icon-info { background-position: -16px -144px; }
      .ui-icon-notice { background-position: -32px -144px; }
      .ui-icon-help { background-position: -48px -144px; }
      .ui-icon-check { background-position: -64px -144px; }
      .ui-icon-bullet { background-position: -80px -144px; }
      .ui-icon-radio-off { background-position: -96px -144px; }
      .ui-icon-radio-on { background-position: -112px -144px; }
      .ui-icon-pin-w { background-position: -128px -144px; }
      .ui-icon-pin-s { background-position: -144px -144px; }
      .ui-icon-play { background-position: 0 -160px; }
      .ui-icon-pause { background-position: -16px -160px; }
      .ui-icon-seek-next { background-position: -32px -160px; }
      .ui-icon-seek-prev { background-position: -48px -160px; }
      .ui-icon-seek-end { background-position: -64px -160px; }
      .ui-icon-seek-first { background-position: -80px -160px; }
      .ui-icon-stop { background-position: -96px -160px; }
      .ui-icon-eject { background-position: -112px -160px; }
      .ui-icon-volume-off { background-position: -128px -160px; }
      .ui-icon-volume-on { background-position: -144px -160px; }
      .ui-icon-power { background-position: 0 -176px; }
      .ui-icon-signal-diag { background-position: -16px -176px; }
      .ui-icon-signal { background-position: -32px -176px; }
      .ui-icon-battery-0 { background-position: -48px -176px; }
      .ui-icon-battery-1 { background-position: -64px -176px; }
      .ui-icon-battery-2 { background-position: -80px -176px; }
      .ui-icon-battery-3 { background-position: -96px -176px; }
      .ui-icon-circle-plus { background-position: 0 -192px; }
      .ui-icon-circle-minus { background-position: -16px -192px; }
      .ui-icon-circle-close { background-position: -32px -192px; }
      .ui-icon-circle-triangle-e { background-position: -48px -192px; }
      .ui-icon-circle-triangle-s { background-position: -64px -192px; }
      .ui-icon-circle-triangle-w { background-position: -80px -192px; }
      .ui-icon-circle-triangle-n { background-position: -96px -192px; }
      .ui-icon-circle-arrow-e { background-position: -112px -192px; }
      .ui-icon-circle-arrow-s { background-position: -128px -192px; }
      .ui-icon-circle-arrow-w { background-position: -144px -192px; }
      .ui-icon-circle-arrow-n { background-position: -160px -192px; }
      .ui-icon-circle-zoomin { background-position: -176px -192px; }
      .ui-icon-circle-zoomout { background-position: -192px -192px; }
      .ui-icon-circle-check { background-position: -208px -192px; }
      .ui-icon-circlesmall-plus { background-position: 0 -208px; }
      .ui-icon-circlesmall-minus { background-position: -16px -208px; }
      .ui-icon-circlesmall-close { background-position: -32px -208px; }
      .ui-icon-squaresmall-plus { background-position: -48px -208px; }
      .ui-icon-squaresmall-minus { background-position: -64px -208px; }
      .ui-icon-squaresmall-close { background-position: -80px -208px; }
      .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
      .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
      .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
      .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
      .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
      .ui-icon-grip-diagonal-se { background-position: -80px -224px; }
      .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; }
      .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; }
      .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; }
      .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; }
      .ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; }
      .ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; }
      .ui-corner-right {  -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; }
      .ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; }
      .ui-corner-all { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; }
      .ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ none/*{bgImgUrlOverlay}*/ 0/*{bgOverlayXPos}*/ 0/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
      .ui-widget-shadow { margin: -4px/*{offsetTopShadow}*/ 0 0 -4px/*{offsetLeftShadow}*/; padding: 4px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ none/*{bgImgUrlShadow}*/ 0/*{bgShadowXPos}*/ 0/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .35;filter:Alpha(Opacity=35)/*{opacityShadow}*/; -moz-border-radius: 4px/*{cornerRadiusShadow}*/; -webkit-border-radius: 4px/*{cornerRadiusShadow}*/; }
      //.ui-slider { position: relative; text-align: left; }
      .ui-slider { margin:0px 0px 0px 4px; width: 100px; height: 1.05em; position: relative; text-align: left; }
      //.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
      .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 10px; height: 1.05em; cursor: default; background-image: url("http://tmyymmt.mine.nu/yatta/images/handle.png");}
      //.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }
      .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; height: 0.1em; display: block; border: 0; }
      .ui-slider-horizontal { height: 3px; margin-top: 0.2em; }
      .ui-slider-horizontal .ui-slider-handle { top: -.5em; margin-left: -5px; }
      .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
      .ui-slider-horizontal .ui-slider-range-min { left: 0; }
      .ui-slider-horizontal .ui-slider-range-max { right: 0; }
      .ui-slider-vertical { width: .8em; height: 100px; }
      .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
      .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
      .ui-slider-vertical .ui-slider-range-min { bottom: 0; }
      .ui-slider-vertical .ui-slider-range-max { top: 0; }
      //.ui-datepicker { width: 17em; padding: .2em .2em 0; }
      .ui-datepicker { width: 13em; padding: .2em .2em 0; }
      .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
      .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
      .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
      .ui-datepicker .ui-datepicker-prev { left:2px; }
      .ui-datepicker .ui-datepicker-next { right:2px; }
      .ui-datepicker .ui-datepicker-prev-hover { left:1px; }
      .ui-datepicker .ui-datepicker-next-hover { right:1px; }
      .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
      .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
      .ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
      .ui-datepicker select.ui-datepicker-month-year {width: 100%;}
      .ui-datepicker select.ui-datepicker-month, 
      .ui-datepicker select.ui-datepicker-year { width: 49%;}
      .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
      .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
      .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
      .ui-datepicker td { border: 0; padding: 1px; }
      .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
      .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
      .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
      .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
      .ui-datepicker.ui-datepicker-multi { width:auto; }
      .ui-datepicker-multi .ui-datepicker-group { float:left; }
      .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
      .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
      .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
      .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
      .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
      .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
      .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
      .ui-datepicker-row-break { clear:both; width:100%; }
      .ui-datepicker-rtl { direction: rtl; }
      .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
      .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
      .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
      .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
      .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
      .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
      .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
      .ui-datepicker-rtl .ui-datepicker-group { float:right; }
      .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
      .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
      .ui-datepicker-cover {
      display: none; /*sorry for IE5*/
          display/**/: block; /*sorry for IE5*/
      position: absolute; /*must have*/
          z-index: -1; /*must have*/
      filter: mask(); /*must have*/
      top: -4px; /*must have*/
      left: -4px; /*must have*/
      width: 200px; /*must have*/
      height: 200px; /*must have*/
      }
      
      </style>
      
      <script type="text/javascript">
      
      String.prototype.trim = function() {
          return this.replace(/^[ ]+|[ ]+$/g, '');
      }
      
      var isIE = /*@cc_on!@*/0;
      var isFirefox=/a/[-1]=='a';
      var isSafari=/a/.__proto__=='//';
      
      var yattaVersion = "build.21";
      var acceleration = 8;
      var colorSet = [
          ["#ff0000","#ff0505","#ff7a7a"], // Vivid Red
          ["#ff007f","#ff0582","#ff7abc"], // Vivid Red 2
          ["#ff00ff","#ff05ff","#ff7aff"], // Vivid Pink
          ["#7f00ff","#8205ff","#bc7aff"], // Vivid Violet
          ["#0000ff","#0505ff","#7a7aff"], // Vivid Blue
          ["#007fff","#0582ff","#7abcff"], // Vivid Cyan
          ["#00ffff","#05ffff","#7affff"], // Vivid Aqua
          ["#00ff7f","#05ff82","#7affbc"], // Vivid Green
          ["#00ff00","#05ff05","#7aff7a"], // Vivid Green 2
          ["#7fff00","#82ff05","#bcff7a"], // Vivid Green 3
          ["#ffff00","#ffff05","#ffff7a"], // Vivid Yellow
          ["#ff7f00","#ff8205","#ffbc7a"], // Vivid Orange
          
          ["#ff7f7f","#ff8484","#ffcccc"], // Pastel Red
          ["#ff7fbf","#ff84c1","#ffcce5"], // Pastel Red 2
          ["#ff7fff","#ff84ff","#ffccff"], // Pastel Pink
          ["#bf7fff","#c184ff","#e5ccff"], // Pastel Violet
          ["#7f7fff","#8484ff","#ccccff"], // Pastel Blue
          ["#7fbfff","#84c1ff","#cce5ff"], // Pastel Cyan
          ["#7fffff","#84ffff","#ccffff"], // Pastel Aqua
          ["#7fffbf","#84ffc1","#ccffe5"], // Pastel Green
          ["#7fff7f","#84ff84","#ccffcc"], // Pastel Green 2
          ["#bfff7f","#c1ff84","#e5ffcc"], // Pastel Green 3
          ["#ffff7f","#ffff84","#ffffcc"], // Pastel Yellow
          ["#ffbf7f","#ffc184","#ffe5cc"]  // Pastel Orange
          ];
      var A_DAY_MILLI_SEC = 86400000; //24 * 60 * 60 * 1000;
      var START_DAY = new Date(2008, 9, 1);
      var START_DAY_TIME = START_DAY.getTime();
      var rangeStartDate = START_DAY;
      var rangeStartDateTime = START_DAY_TIME;
//      var DATA_BYTE_SIZE = 100; // char size
//      var DATA_BIT_SIZE = 500; // 5bit / char
      var DATA_BYTE_SIZE = 150; // char size
      var DATA_BIT_SIZE = 750; // 5bit / char
      var MAX_ITEM = 5;
      var BASE_UNIT = 5;
      var RADIX = 32;
      var DATA_KEY = "yatta_v2_";
      
      var itemSize;
      var dataString;
      var cellWidth;
      var tableCellLastId;
      var itemName;
      var positionDate;
      var tableCellWidth;
      var bgColor;
      var emptyFocusColor;
      var itemFocusColor;
      var itemDarkColor;
      var itemColor;
      var nowDate = new Date();
      
      var mcounter1 = new Array();
      var mcounter2 = new Array();
      var endVal = 0;
      var scrollInterval = -1;
      var slideValue = -1;
      var scrollValBySlider = 0;
      var scrollInterval2 = -1;
      var lastScrollLeft = -1;
      var maxId = 0;
      var showElapsedDays;
      var elapsedDays;
      
      //var prefs = new gadgets.Prefs();
      var prefs = new _IG_Prefs(__MODULE_ID__);
      
      $(document).ready(function(){
          $("#datepicker1").datepicker(
              $.extend(
                       {
                         beforeShow: function(input) {
                             $("#slider1").hide();
                         }
                       }
                       ,
                       {
                         onClose: function(date) {
                             $("#slider1").show();
                         }
                       }
                       ,
                       {
                         onSelect: function(dateText) {
                             $("#slider1").show();
                             scrollbyDate(dateText);
                         }
                       }
                       ,
                       $.datepicker.regional["ja"], {
                           showStatus: true,
                           showOn: "button",
                           yearRange: "2008:2011"
                       }
                       )
          );
      });
      
      // -----------------------------
      
      function exportData() {
          var rightIndex = getIndex(positionDate);
          for(var item=0; item<itemSize; item++){
              var result = "";
              for(var index=0; index<=rightIndex; index++){
                  if(getBitAt(index, item) == 0){
                      result += "0";
                  }else{
                      result += "1";
                  }
              }
              $("#item"+item+"text").val(result);
          }
      }
      
      function importData() {
          if(!window.confirm("__MSG_confirm_import_data__"))
              return;
          
          var rightIndex = getIndex(positionDate);
          for(var item=0; item<itemSize; item++){
              var data = $("#item"+item+"text").val();
              if(data.length != 0){
                  for(var index=0; index<=rightIndex && index <= data.length ; index++){
                      if(data.charAt(index) == 0){
                          setBitAt(index, item, 0);
                      }else{
                          setBitAt(index, item, 1);
                      }
                  }
              }
          }
          refresh();
          save();
      }
      
      function save() {
          for(var i=0; i<itemSize; i++){
              prefs.set(DATA_KEY+i, dataString[i]);
          }
      }
      
      function getBitAtOld(index, item, temp){
          var DATA_SIZE_OLD = 900;
          var BASE_UNIT_OLD = 5;
          var RADIX_OLD = 32;
          if(DATA_SIZE_OLD < index)
              return 0;
          
          var index = (DATA_SIZE_OLD / 4) * item + index;
          var charIndex = index / BASE_UNIT_OLD;
          var indexOfBits = index % BASE_UNIT_OLD;
          var bits = parseInt(temp.charAt(charIndex),RADIX_OLD).toString(2);
          while(bits.length < BASE_UNIT_OLD)
              bits = "0" + bits;
          return bits.charAt(indexOfBits);
      }

      function convert1to2(){
          var DATA_KEY_VER1 = "yatta_data_ver1";
          var temp = prefs.getString(DATA_KEY_VER1);
          if(temp != null && typeof temp != 'undefined' && !(temp.length == 0  || temp.length == 1)){
              itemSize = prefs.getInt("up_item_size");
              prefs.set(DATA_KEY_VER1, "z");
              initBits();
              var rightIndex = getIndex(nowDate);
              for(var item=0; item<itemSize; item++){
                  for(var index=0; index<=rightIndex; index++){
                      setBitAt(index, item, getBitAtOld(index, item, temp));
                  }
              }
              save();
          }
      }

      function load() {
          for(var i=0; i<itemSize; i++){
              var temp = prefs.getString(DATA_KEY+i);
              if(temp != null && temp != ""){
                  dataString[i] = temp;
              }
          }
          refresh();
          if(showElapsedDays){
              for(var i=0; i<itemSize; i++){
                  var rightIndex = getIndex(positionDate);
                  // maxを探す
                  elapsedDays[i] = -1;
                  for(var j=rightIndex; 0<=j; j--){
                      if(getBitAt(j, i) == 1){
                          elapsedDays[i] = j;
                          break;
                      }
                  }
                  if(elapsedDays[i] == -1){
                      $("#item" + i + "elapsed").html("-");
                  }else{
                      $("#item" + i + "elapsed").html(rightIndex - elapsedDays[i]);
                  }
              }
          }
      }
      
      function calcRangeStartDate(endDate, rangeKind){
          var result;
          if(rangeKind == 0){
              result = START_DAY;
          }else if(rangeKind == 1){
              if(isIE){
                  result = new Date(endDate.getYear()-1, endDate.getMonth(), endDate.getDate());
              }else{
                  result = new Date(endDate.getYear()+1899, endDate.getMonth(), endDate.getDate());
              }
          }else if(rangeKind == 2){
              var year = endDate.getYear();
              var month = endDate.getMonth()-3;
              if(month < 0){
                  month = 12 + month;
                  year--;
              }
              if(isIE){
                  result = new Date(year, month, endDate.getDate());
              }else{
                  result = new Date(year+1900, month, endDate.getDate());
              }
          }else if(rangeKind == 3){
              var year = endDate.getYear();
              var month = endDate.getMonth()-1;
              if(month < 0){
                  month = 12 + month;
                  year--;
              }
              if(isIE){
                  result = new Date(year, month, endDate.getDate());
              }else{
                  result = new Date(year+1900, month, endDate.getDate());
              }
          }else{
              result = new Date(endDate.getTime() - A_DAY_MILLI_SEC * 7);
          }
          return result;
      }
      
      function makeRangeDate(startDate, endDate){
          var result = new Array(2);
          result[0] = new Array();
          result[1] = new Array();
          result[2] = new Array();
          var tempTime = startDate.getTime();
          var counter = startDate.getDate();
          var dayOfWeek = startDate.getDay();
          var endDateTime = endDate.getTime();
          result[0].push(startDate);
          while(tempTime <= endDateTime){
              var tempDate = new Date(tempTime);
              if(28 < counter){
                  if(tempDate.getDate() == 1){
                      result[0].push(tempDate);
                      counter = 1;
                  }
              }
              result[1].push(counter);
              result[2].push(dayOfWeek++);
              if(dayOfWeek == 7)
                  dayOfWeek = 0;
              tempTime += A_DAY_MILLI_SEC;
              counter++;
          }
          return result;
      }
      
      // -----------------------------
      
      function initBits(){
          dataString = new Array(itemSize);
          for(var i=0; i<itemSize; i++){
              dataString[i] = "";
              for(var j=0; j<DATA_BYTE_SIZE; j++){
                  dataString[i] += "0";
              }
          }
      }
      
      function getBitAt(index, item){
          if(DATA_BIT_SIZE < index)
              return 0;
          
          var charIndex = index / BASE_UNIT;
          var indexOfBits = index % BASE_UNIT;
          var bits = parseInt(dataString[item].charAt(charIndex),RADIX).toString(2);
          while(bits.length < BASE_UNIT)
              bits = "0" + bits;
          return bits.charAt(indexOfBits);
      }
      
      function setBitAt(index, item, value){
          if(DATA_BIT_SIZE < index)
              return;
          
          var charIndex = Math.floor(index / BASE_UNIT);
          var indexOfBits = index % BASE_UNIT;
          var bits = parseInt(dataString[item].charAt(charIndex),RADIX).toString(2);
          while(bits.length < BASE_UNIT)
              bits = "0" + bits;
          
          var newBits = "";
          for(var i=0; i<indexOfBits; i++)
              newBits += bits.charAt(i);
          newBits += value;
          for(var i=indexOfBits+1; i<BASE_UNIT; i++)
              newBits += bits.charAt(i);
          
          var newDataString = "";
          for(var i=0; i<charIndex; i++){
              newDataString += dataString[item].charAt(i);
          }
          newDataString += parseInt(newBits,2).toString(RADIX);
          for(var i=charIndex+1; i<DATA_BYTE_SIZE; i++){
              newDataString += dataString[item].charAt(i);
          }
          dataString[item] = newDataString;
      }
      
      function getIndex(date) {
          return Math.floor( (date.getTime() - START_DAY_TIME ) / A_DAY_MILLI_SEC );
      }
      
      var flag = Array(7);
      for(var i=0; i<7; i++){
          flag[i] = 0;
      }
      
      function bgSwap(td) {
          var item = -1;
          var tdid = td.id;
          if(0 < td.id && td.id <= tableCellLastId[0])
              item = 0;
          else{
              for(var i=1; i<itemSize; i++){
                  if(td.id <= tableCellLastId[i]){
                      item = i;
                      tdid -= tableCellLastId[i-1];
                      break;
                  }
              }
              if(item == -1)
                  return;
          }
          var rightIndex = getIndex(positionDate);
          var index = rightIndex - (tableCellWidth - tdid);
          var value = getBitAt(index, item);
          value = 1 - value;
          $("#yatta-version").html("index="+index+" item="+item+" value="+value);
          setBitAt(index, item, value);
          if(showElapsedDays){
              updateElapsedDays(index, item, value);
          }
          if(value == 1)
              td.style.backgroundColor = itemColor[item];
          else
              td.style.backgroundColor = '';
          save();
      }
      
      function bgFocus(td) {
          var item = -1;
          var tdid = td.id;
          if(0 < td.id && td.id <= tableCellLastId[0]){
              item = 0;
          }else{
              for(var i=1; i<itemSize; i++){
                  if(td.id <= tableCellLastId[i]){
                      item = i;
                      tdid -= tableCellLastId[i-1];
                      break;
                  }
              }
              if(item == -1)
                  return;
          }
          var rightIndex = getIndex(positionDate);
          var index = rightIndex - (tableCellWidth - tdid);
          var value = getBitAt(index, item);
          $("#yatta-version").html("2 index="+index+" item="+item+" value="+value);
          if(value == 1)
              td.style.backgroundColor = itemFocusColor[item];
          else
              td.style.backgroundColor = emptyFocusColor;
      }
      
      function normal(td) {
          var item = -1;
          var tdid = td.id;
          if(0 < td.id && td.id <= tableCellLastId[0]){
              item = 0;
          }else{
              for(var i=1; i<itemSize; i++){
                  if(td.id <= tableCellLastId[i]){
                      item = i;
                      tdid -= tableCellLastId[i-1];
                      break;
                  }
              }
              if(item == -1)
                  return;
          }
          var rightIndex = getIndex(positionDate);
          var index = rightIndex - (tableCellWidth - tdid);
          var value = getBitAt(index, item);
          if(value == 1){
              td.style.backgroundColor = itemColor[item];
          }else{
              td.style.backgroundColor = bgColor;
          }
      }
      
      function push(td) {
          var item = -1;
          var tdid = td.id;
          if(0 < td.id && td.id <= tableCellLastId[0])
              item = 0;
          else{
              for(var i=1; i<itemSize; i++){
                  if(td.id <= tableCellLastId[i]){
                      item = i;
                      tdid -= tableCellLastId[i-1];
                      break;
                  }
              }
              if(item == -1)
                  return;
          }
          var rightIndex = getIndex(positionDate);
          var index = rightIndex - (tableCellWidth - tdid);
          var value = getBitAt(index, item);
          td.style.backgroundColor = itemDarkColor[item];
      }
      
      function pushOut(td) {
      }
      
      // ------------------------------------
      
      function changeCellWidth(size){
          cellWidth += size
          if(cellWidth < 0)
              cellWidth = 0;
          if(isIE){
              $("th").css("width", cellWidth);
          }else{
              $("th").css("min-width", cellWidth);
          }
      }
      
      function scrollUpdate2(){
          var mt = document.getElementById("mt");
          var temp = scrollValBySlider;
          temp += mt.scrollLeft;
          if(temp < 0){
              mt.scrollLeft = 0;
          }else if(mt.scrollWidth < temp){
              mt.scrollLeft = mt.scrollWidth;
          }else{
              mt.scrollLeft = temp;
          }
      }
      
      function scrollByViewWidth(val){
          if(scrollInterval != -1)
              return;
          
          var viewWidth = $("div#mt").css("width");
          viewWidth = viewWidth.substring(0, viewWidth.length - 2);
          viewWidth -= 0;
          val *= viewWidth / 2;
          val = Math.floor(val);
          scroll(val, false);
      }
      
      function scroll(val, isAbs){
          if(scrollInterval != -1)
              return;
          
          var mt = document.getElementById("mt");
          var viewWidth = $("div#mt").css("width");
          viewWidth = viewWidth.substring(0, viewWidth.length - 2);
          viewWidth -= 0;
          var max = mt.scrollWidth - viewWidth;
          if(isAbs)
              endVal = val;
          else
              endVal = mt.scrollLeft + val;
          max += 0;
          if(endVal < 0)
              endVal = 0;
          else if(max < endVal)
              endVal = max;
          scrollInterval = setInterval(update2, 10);
      }
      
      function scrollbyDate(dateText){
          var newDate = new Date(dateText);
          var newDateTime = newDate.getTime();
          if(newDateTime < rangeStartDateTime){
              newDateTime = rangeStartDateTime;
              if(isIE){
                  $("#datepicker1").val((rangeStartDate.getYear())+'/'+(rangeStartDate.getMonth()+1)+'/'+rangeStartDate.getDate());
              }else{
                  $("#datepicker1").val((1900+rangeStartDate.getYear())+'/'+(rangeStartDate.getMonth()+1)+'/'+rangeStartDate.getDate());
              }
          }else if(nowDate.getTime() < newDateTime){
              newDateTime = nowDate.getTime();
              if(isIE){
                  $("#datepicker1").val((nowDate.getYear())+'/'+(nowDate.getMonth()+1)+'/'+nowDate.getDate());
              }else{
                  $("#datepicker1").val((1900+nowDate.getYear())+'/'+(nowDate.getMonth()+1)+'/'+nowDate.getDate());
              }
          }
          var diff = newDateTime - rangeStartDateTime;
          var index = Math.floor(diff / A_DAY_MILLI_SEC) + 1;
          var newScrollLeft = 0;
          for(var i=1; i<index; i++){
              var temp = $("#h"+i).css("width");
              temp = temp.substring(0, temp.length - 2);
              temp -= 0;
              newScrollLeft += temp+3;
          }
          scroll(newScrollLeft, true);
      }
      
      function update2(){
          var mt = document.getElementById("mt");
          if( mt.scrollLeft == endVal || mt.scrollLeft == lastScrollLeft ){
              clearInterval(scrollInterval);
              scrollInterval = -1;
              endVal = mt.scrollLeft;
              return;
          }
          
          var sa = mt.scrollLeft - endVal;
          var add = 0;
          add = Math.floor(sa / ((-1) * acceleration));
          if(add == 0){
              if(0 < sa)
                  add = -1;
              else
                  add = 1;
          }
          lastScrollLeft = mt.scrollLeft;
          mt.scrollLeft += add;
      }
      
      function refresh(){
          for(var i=1; i<=tableCellLastId[itemSize-1]; i++){
              var td = document.getElementById(i);
              normal(td);
          }
      }
      
      function updateElapsedDays(index, item, value){
          if(elapsedDays[item] <= index){
              var rightIndex = getIndex(positionDate);
              if(value == 1){
                  elapsedDays[item] = index;
              }else{
                  // maxを探す
                  elapsedDays[item] = -1;
                  for(var i=rightIndex; 0<=i; i--){
                      if(getBitAt(i, item) == 1){
                          elapsedDays[item] = i;
                          break;
                      }
                  }
              }
              if(elapsedDays[item] == -1){
                  $("#item" + item + "elapsed").html("-");
              }else{
                  $("#item" + item + "elapsed").html(rightIndex - elapsedDays[item]);
              }
          }
      }

      function init(){
          convert1to2();

          var rangeKind = prefs.getInt("up_range_mode");
          // 0 全部
          // 1 1年
          // 2 3ヶ月
          // 3 1ヶ月
          // 4 7日
          showElapsedDays = prefs.getBool("up_show_elapsed_days");
          var showMonth = prefs.getBool("up_show_month");
          var monthMode = 0;
          // 0 月を日付に含める
          // 1 月を上に表示する
          var showButton = prefs.getBool("up_show_scroll_button");
          var break1 = prefs.getBool("up_layout_break1");
          var showSlider = prefs.getBool("up_show_scroll_slider");
          var break2 = prefs.getBool("up_layout_break2");
          var showExportImport = prefs.getBool("up_export_import");
          if(showExportImport){
              $("#dataExportImport").show();
          }else{
              $("#dataExportImport").hide();
          }
          var acceleration = prefs.getInt("up_acceleration");
          bgColor = "#ffffff";
          emptyFocusColor = "#eeeeee";
          itemSize = prefs.getInt("up_item_size");
          itemName = new Array(itemSize);
          var itemNameWidth = 0;
          for(var i=0; i<itemSize; i++){
              var temp = prefs.getString("up_item"+i);
              if(temp == null || temp.length == 0){
                  itemName[i] = "itemName" + (i+1);
              }else{
                  itemName[i] = temp;
              }
              $("#tempString").html(itemName[i]);
              var tempWidth = document.getElementById("tempString").offsetWidth;
              if(itemNameWidth < tempWidth){
                  itemNameWidth = tempWidth;
              }
          }
          var userSelection = Array(itemSize);
          for(var i=0; i<itemSize; i++){
              userSelection[i] = prefs.getInt("up_item"+i+"_color");
          }
          cellWidth = prefs.getInt("up_cell_width");
          var dow = Array(7);
          for(var i=0; i<7; i++){
              dow[i] = prefs.getInt("up_dow"+i+"_color") + 0;
          }
          
          initBits();
          positionDate = nowDate;
          tableCellLastId = new Array(itemSize);
          
          itemColor = new Array(itemSize);
          for(var i=0; i<itemSize; i++){
              itemColor[i] = colorSet[prefs.getInt("up_item"+i+"_color")][1];
          }
          itemFocusColor = new Array(itemSize);
          for(var i=0; i<itemSize; i++){
              itemFocusColor[i] = colorSet[prefs.getInt("up_item"+i+"_color")][0];
          }
          itemDarkColor = new Array(itemSize);
          for(var i=0; i<itemSize; i++){
              itemDarkColor[i] = colorSet[prefs.getInt("up_item"+i+"_color")][2];
          }
          rangeStartDate = calcRangeStartDate(positionDate, rangeKind);
          rangeStartDateTime = rangeStartDate.getTime();
          if(isIE){
              $("#datepicker1").val((positionDate.getYear())+'/'+(positionDate.getMonth()+1)+'/'+positionDate.getDate());
          }else{
              $("#datepicker1").val((1900+positionDate.getYear())+'/'+(positionDate.getMonth()+1)+'/'+positionDate.getDate());
          }
          
          $("#slider1").slider({
              max : 200,
              min : 0,
              step : 1,
              value : 100,
              slide : function(e, ui) {
                  slideValue = ui.value;
                  scrollValBySlider = slideValue - 100;
                  newScrollValBySlider = scrollValBySlider * acceleration / 64;
                  if(newScrollValBySlider == 0)
                      newScrollValBySlider = 1;
                  scrollValBySlider = newScrollValBySlider;
                  if(scrollInterval2 == -1)
                      scrollInterval2 = setInterval(scrollUpdate2, 20);
              },
              stop : function(e, ui) {
                  $("#slider1").slider('value', 100);
                  clearInterval(scrollInterval2);
                  scrollInterval2 = -1;
              }
          });
          
          var data = new Array(itemSize);
          elapsedDays = new Array(itemSize);
          for(var i=0; i<itemSize; i++){
              elapsedDays[i] = -1;
              data[i] = "";
          }
          
          var now = new Date();
          var rangeData = makeRangeDate(rangeStartDate, now);
          tableCellWidth = rangeData[1].length;
          for(var i=0; i<itemSize; i++)
              tableCellLastId[i] = tableCellWidth * (i+1);
          
          var htb = '';
          if(showMonth && monthMode == 1){
              htb += '<tr><td style="border-bottom:1px solid white;">&nbsp;</td></tr>\n';
          }
          if(showElapsedDays){
              htb += '<tr><td id="head">&nbsp;</td><td style="padding-top:2px">__MSG_elapsed_days__</td></tr>\n';
          }else{
              htb += '<tr><td id="head">&nbsp;</td></tr>\n';
          }
          for(var i=0; i<itemSize; i++){
              if(showElapsedDays){
                  htb += '<tr><td id="item' + i + '"><a target="_top" href="http://tmyymmt.mine.nu/ad/?'
                      + encodeURIComponent(itemName[i]) + '">' + itemName[i]
                          + '</a></td><td id="item' + i + 'elapsed"></td></tr>\n';
              }else{
                  htb += '<tr><td id="item' + i + '"><a target="_top" href="http://tmyymmt.mine.nu/ad/?'
                      + encodeURIComponent(itemName[i]) + '">' + itemName[i]
                          + '</a></td></tr>\n';
              }
          }
          //    htb += '<tr><td id="item' + (i+1) + '">' + itemName[i] + '</td></tr>\n';
          
          $("#htb").html(htb);
          for(var i=0; i<itemSize; i++){
              $("#item"+i).css("width", itemNameWidth);
          }
          
          var mcounter = 1;
          var header = '';
          var id = 1;
          var counter = 0;
          var tdlast1 = '" onclick="bgSwap(this)" onMouseOver="bgFocus(this)" onFocus="bgFocus(this)" onMouseOut="normal(this)" onMouseDown="push(this)" onMouseUp="pushOut(this)">';
          var tdlast2 = '</td>';
          var tdlast = tdlast1 + tdlast2;
          for(var i=0; i<rangeData[1].length; i++){
              var style = '';
              if(dow[rangeData[2][i]] != 65535){
                  style = ' style="background-color:' + colorSet[dow[rangeData[2][i]]][2] + '"';
              }
              if(i==0 || rangeData[1][i] == 1){
                  if(showMonth){
                      if(monthMode == 0){
                          header += '<th id="h' + id + '"' + style + '>' + (rangeData[0][counter].getMonth()+1) + '/' + rangeData[1][i] + '</th>';
                      }else{
                          header += '<th id="h' + id + '"' + style + '>' + rangeData[1][i] + '</th>';
                          if(i!=0){
                              mcounter1.push(mcounter);
                              mcounter = 1;
                          }
                          mcounter2.push(rangeData[0][counter].getMonth() + 1);
                      }
                  }else{
                      header += '<th id="h' + id + '"' + style + '>' + rangeData[1][i] + '</th>';
                  }
                  counter++;
              }else{
                  header += '<th id="h' + id + '"' + style + '>' + rangeData[1][i] + '</th>';
                  mcounter++;
              }
              if(i==0){
                  data[0] += '<td id="' + id + tdlast1 + '&nbsp;' + tdlast2;
                  for(var j=0; j<itemSize-1; j++)
                      data[j+1] += '<td id="' + (id + tableCellLastId[j]) + tdlast1 + '&nbsp;' + tdlast2;
              }else{
                  data[0] += '<td id="' + id + tdlast;
                  for(var j=0; j<itemSize-1; j++)
                      data[j+1] += '<td id="' + (id + tableCellLastId[j]) + tdlast;
              }
              id++;
          }
          mcounter1.push(mcounter);
          maxId = id;
          
          var tbody = '';
          if(showMonth && monthMode == 1){
              var headerm = '';
              for(var i=0; i<mcounter2.length; i++)
                  headerm += '<td id="tdm' + i + '" colspan="' + mcounter1[i] + '" style="width:' + (width*mcounter1[i]) + 'px">' + mcounter2[i] + '</td>';
              tbody += '<tr id="trm">'+headerm+'</tr>';
          }
          tbody += '<tr id="tr0">'+header+'</tr>';
          for(var i=0; i<itemSize; i++){
              tbody += '<tr id="tr'+(i+1)+'">'+data[i]+'</tr>';
          }
          $("#mtb").html(tbody);
          
          $("table#mtid").css("table-layout","fixed");
          changeCellWidth(0);
          if(isIE){
              $("table#htid").css("table-layout","fixed");
              $("#head").width(itemNameWidth + 1);
              var viewWidth = document.body.clientWidth;
              if(viewWidth == 0){
                  viewWidth = document.documentElement.clientWidth;
              }
              $("div#mt").width(viewWidth - itemNameWidth - 32);
              $("div#mt").css("float","left");
              if(showMonth && monthMode == 1){
                  $("#bccwm").attr("disabled", "disabled");
                  $("#bccwp").attr("disabled", "disabled");
              }
          }
          
          var mt = document.getElementById("mt");
          
          if(showButton){
              if(break1){
                  $("#break1").html("<br/>");
                  $("#buttons").css("clear","both");
              }
              if(isFirefox){
                  $("#scrollLeftHalfView").css("width","18px");
                  $("#scrollRightHalfView").css("width","18px");
              }
          }else{
              $("#scrollLeftView").hide();
              $("#scrollLeftHalfView").hide();
              $("#scrollRightHalfView").hide();
              $("#scrollRightView").hide();
          }
          
          if(showSlider){
              if(break2){
                  $("#break2").html("<br/>");
                  $("#slider2").css("clear","both");
              }
          }else{
              $("#slider1").hide();
          }
          changeCellWidth(cellWidth);
          $("#yatta-version").html(yattaVersion);
          $("#yatta-version").hide();
          mt.scrollLeft = 100000;
          
          load();
          _IG_Analytics("UA-2027464-1", "/yatta/Yatta.xml_exec");
          //if(gadgets != null &&
          //   typeof gadgets != 'undefined' &&
          //   gadgets.views.getCurrentView().getName() == "canvas"){
          //}else{
              _IG_AdjustIFrameHeight();
          //}
          for(var item=0; item<5; item++){
              $("#item"+item+"textname").hide();
              $("#item"+item+"text").hide();
          }
          for(var item=0; item<itemSize; item++){
              $("#item"+item+"textname").html(itemName[item]);
              $("#item"+item+"textname").show();
              $("#item"+item+"text").show();
          }
      }
      
      //gadgets.util.registerOnLoadHandler(init);
      _IG_RegisterOnloadHandler(init);
    </script>
    <div id="ht" style="float:left;">
      <table id="htid">
        <tbody id="htb">
        </tbody>
      </table>
    </div>
    <div id="mt" style="overflow-x:scroll;">
      <table id="mtid">
        <tbody id="mtb">
        </tbody>
      </table>
    </div>
    <div>
      <div style='float:left;'>
          <input type="text" id="datepicker1" onchange="scrollbyDate(this.value)" value="" style="width:80px;"/>
      </div>
      <span id="break1"></span>
      <div id='buttons' style='margin-left:3px;float:left;'>
          <input type="button" id="scrollLeftView" value="<<" onclick="scrollByViewWidth(-2)" style="width:28px;"/>
          <input type="button" id="scrollLeftHalfView" value="<" onclick="scrollByViewWidth(-1)"/>
          <input type="button" id="scrollRightHalfView" value=">" onclick="scrollByViewWidth(1)"/>
          <input type="button" id="scrollRightView" value=">>" onclick="scrollByViewWidth(2)" style="width:28px;"/>
      </div>
      <span id="break2"></span>
      <div id='slider2' style='padding-top:0.5em; padding-bottom:0.5em; float:left;'>
          <div id='slider1' class='ui-slider-1'>
              <div class='ui-slider-handle'></div>
          </div>
      </div>
      <div id="dataExportImport">
          <br/>
          <br/>
          <input type="button" value="__MSG_export__" onclick="exportData()" />
          <input type="button" value="__MSG_import__" onclick="importData()" /><br/>
          <span id="item0textname"></span><input type="text" id="item0text"></text><br/>
          <span id="item1textname"></span><input type="text" id="item1text"></text><br/>
          <span id="item2textname"></span><input type="text" id="item2text"></text><br/>
          <span id="item3textname"></span><input type="text" id="item3text"></text><br/>
          <span id="item4textname"></span><input type="text" id="item4text"></text><br/>
      </div>
    </div>
    <span id="tempString" style="visibility:hidden;position:absolute;"></span>
    <div id="yatta-version">20090621.1</div>
    <br/>
    <div style="text-align:right; font-size:small"><a target="_top" href="http://tmyymmt.mine.nu/yatta/">about</a></div>
]]>
  </Content>
</Module>
