<?xml version="1.0" encoding="UTF-8" ?> 
<Module>
  <ModulePrefs title="__MSG_title__" directory_title="__MSG_directory_title__" 
    description="__MSG_description__" screenshot="__MSG_screenshot__" thumbnail="__MSG_thumbnail__"
    title_url="__MSG_title_url__" author="__MSG_author__" author_email="__MSG_author_email__" 
    author_link="__MSG_author_link__" author_location="__MSG_author_location__" author_aboutme="__MSG_author_aboutme__"
    author_photo="__MSG_author_photo__" author_quote="__MSG_author_quote__"
    width="320" height="250" scrolling="true" singleton="false">  
    <Require feature="tabs" /> 
    <Require feature="setprefs" /> 
    <Require feature="minimessage"/>  
    <Require feature="analytics"/>  
    <Locale messages="http://pjhinhome.googlepages.com/book_100_All_All.xml"/> 
    <Locale lang="ko" messages="http://pjhinhome.googlepages.com/book_100_ko_All.xml"/> 
  </ModulePrefs>  
   
  <UserPref name="gadget_id" default_value="book_100" datatype="hidden"/>
  <UserPref name="scope" default_value="__MSG_scope_defaultValue__" datatype="hidden"/>
  <UserPref name="last_didit_day" default_value="" datatype="hidden"/>
  <UserPref name="last_didit_month" default_value="1" datatype="hidden"/> 
  <UserPref name="last_didit_date" default_value="1" datatype="hidden"/>
  <UserPref name="date_click_num" default_value="0" datatype="hidden"/>
  <UserPref name="date_click_max_num" default_value="5" datatype="hidden"/>
  <UserPref name="counter" default_value="100" datatype="hidden"/> 
  <UserPref name="startFlag" default_value="falseString" datatype="hidden"/>
  <UserPref name="endFlag" default_value="falseString" datatype="hidden"/>
  <UserPref name="startDate" default_value="" datatype="hidden"/>
  <UserPref name="endDate" default_value="" datatype="hidden"/>
  <UserPref name="userID" display_name="__MSG_userID__" datatype="string" default_value="__MSG_userID_default__" />
  <UserPref name="goal" display_name="__MSG_goal__" datatype="string" default_value="__MSG_goal_default__"/>  
  <UserPref name="reward" display_name="__MSG_reward__" datatype="string" default_value="__MSG_reward_default__" />  
  <UserPref name="deadline" display_name="__MSG_deadline__" datatype="string" default_value="__MSG_deadline_default__" />  
  <UserPref name="check_cycle" display_name="__MSG_checkcycle__" datatype="string" default_value="__MSG_checkcycle_default__" /> 
  
  <Content type="html">
  <![CDATA[ 
  
  <style type="text/css">
<!--
.style2 {
	font-size: 14px;
	font-family: "  ", "  ", Seoul, "   ";
	font-weight: bold;
}
.style7 {font-size: 12px; font-family: "  ", "  ", Seoul, "   "; }
.style8 {font-size: 12px}
-->
</style>
   
   <div id="main" align="center"> 
     <div id="content">
    <br> <br> <br>
       <div id="count"> __UP_counter__ __MSG_unit_name__ </div>
    <br> <br>  
    </div>
    
      <div id="buttons">      
      </div>
    <br> 
       <div id="info" align="right">
              <a href="__MSG_main_site_url__" target="blank"> <font face="DotUm" size="2" color="#676767"> __MSG_main_site_name__ </font> </a>
      </div>      
    <div id="messageBox"></div>
   </div> 

    
<div id="see" aligh="center">  
<br> 
<p align="center" class="style2"> __MSG_club_head_name__ </p>
<div align="center"> 
  <table width="190" border="0">
    <tr bgcolor="#CCCCCC">
      <td width="129"><div align="left"><span class="style7"> __MSG_club_total_challenger_name__ </span></div></td>
      <td width="61"><span class="style8"> <div id="all_challenger"> </div> </span></td>
    </tr>
    <tr bgcolor="#A3A3A3">
      <td><div align="left"><span class="style7"> __MSG_club_total_winner_name__ </span></div></td>
      <td><span class="style8"> <div id="all_winner"> </div> </span></td>
    </tr>
    <tr bgcolor="#CCCCCC">
      <td><div align="left"><span class="style7"> __MSG_club_yesterday_doing_name__ </span></div></td>
      <td><span class="style8"> <div id="yesterday_doing"> </div> </span></td>
    </tr>
    <tr bgcolor="#A3A3A3">
      <td><div align="left"><span class="style7"> __MSG_club_yesterday_winner_name__ </span></div></td>
      <td><span class="style8"> <div id="yesterday_winner"> </div> </span></td>
    </tr>
  </table>
  <br>
  <div id="info" align="right">
              <a href="__MSG_main_site_url__" target="blank"> <font face="DotUm" size="2" color="#676767"> __MSG_main_site_name__ </font> </a>
   </div>    
</div>
</div> 

<div id="promise" aligh="center">  
<p align="center" class="style2"> __MSG_promise_head_name__ </p>
<div align="center">
  <table width="254" border="0">
    <tr bgcolor="#CCCCCC">
      <td width="100"><div align="left"><span class="style7"> __MSG_userID__ </span></div></td>
      <td width="154"><span class="style8"> __UP_userID__ </span></td>
    </tr>
    <tr bgcolor="#A3A3A3" >
      <td><div align="left"><span class="style7"> __MSG_promise_subject__ </span></div></td>
      <td><span class="style8"> __MSG_promise_subject_content__ </span></td>
    </tr>
    <tr bgcolor="#CCCCCC">
      <td><div align="left"><span class="style7"> __MSG_scope__ </span></div></td>
      <td><span class="style8"> __UP_scope__ </span></td>
    </tr>
    <tr bgcolor="#A3A3A3">
      <td><div align="left"><span class="style7"> __MSG_goal__ </span></div></td>
      <td><span class="style8"> __UP_goal__ </span></td>
    </tr>
    <tr bgcolor="#CCCCCC">
      <td><div align="left"><span class="style7">__MSG_reward__ </span></div></td>
      <td><span class="style8"> __UP_reward__ </span></td>
    </tr>
    <tr bgcolor="#A3A3A3">
      <td><div align="left"><span class="style7"> __MSG_deadline__ </span></div></td>
      <td><span class="style8"> __UP_deadline__ </span></td>
    </tr>
    <tr bgcolor="#CCCCCC">
      <td><div align="left"><span class="style7"> __MSG_promise_start_date__ </span></div></td>
      <td><span class="style8"> __UP_startDate__ </span></td>
    </tr>
    <tr bgcolor="#A3A3A3">
      <td><div align="left"><span class="style7"> __MSG_promise_end_date__ </span></div></td>
      <td><span class="style8"> __UP_endDate__ </span></td>
    </tr>
    <tr bgcolor="#CCCCCC" >
      <td><div align="left"><span class="style7"> __MSG_promise_last_do_date__ </span></div></td>
      <td><span class="style8"> __UP_last_didit_day__ </span></td>
    </tr>
    <tr bgcolor="#A3A3A3">
      <td><div align="left"><span class="style7"> __MSG_promise_max_click__ </span></div></td>
      <td><span class="style8"> __UP_date_click_max_num__ </span></td>
    </tr>
  </table>
  <br>
  <div id="info" align="right">
              <a href="__MSG_main_site_url__" target="blank"> <font face="DotUm" size="2" color="#676767"> __MSG_main_site_name__ </font> </a>
   </div>    
</div>
</div> 
   
   <div id="sponsor" align="center" style="font-family:DotUm;font-size:12px;"> 
    <div id="sponsor_content"> </div>
    <div id="sponsor_messagebox"> </div>
   </div>
   
   <div id="see"> 
   </div>
   
   <div id="debug_div" style="font-size:9pt; padding:5px; color: red;"></div>   

   <style> #message_id { font-size: 80%; margin: 5px; background-color: #80C9FF;} </style>
   
    <script type="text/javascript">
      
    
      // debug flag. When its value is non-zero, debugging messages are displayed
      var debug = 0;
      // The string containing debugging messages
      var debug_html = "";
      
      
    // Get user preferences
    var prefs = new _IG_Prefs();
    var tabs = new _IG_Tabs(__MODULE_ID__, "__MSG_main_tab_name__");
    var mainMsg = new _IG_MiniMessage(__MODULE_ID__, _gel("messageBox"));   
    var sponsorMsg = new _IG_MiniMessage(__MODULE_ID__, _gel("sponsor_messagebox"));

    function init() {  

        tabs.addTab("__MSG_main_tab_name__", {            
           contentContainer: _gel("main"),
           callback: mainFunction,            
           tooltip: "__MSG_main_tooltip__"          
        });;
      
        tabs.addTab("__MSG_club_tab_name__", {            
           contentContainer: _gel("see"),
           callback: seeFunction,            
           tooltip: "__MSG_club_tooltip__"          
        });;
        
        tabs.addTab("__MSG_promise_tab_name__", {            
           contentContainer: _gel("promise"),
           callback: promiseFunction,            
           tooltip: "__MSG_promise_tooltip__"          
        });;
      
        tabs.addTab("__MSG_sponsor_tab_name__", {            
           contentContainer: _gel("sponsor"),
           callback: sponsorFunction,            
           tooltip: "__MSG_sponsor_tooltip__"          
        });;     
      
        _IG_Analytics("UA-2287577-20", "/__UP_gadget_id__/PageView");          
       
        showSponsorMessage()  
    }
            
    function mainFunction(tabId) {
  
    // debug 
    print( "counter   " + prefs.getInt("counter") );
    print( "startFlag   " + prefs.getString("startFlag") );
    
         
    // if it's ended 
    if (prefs.getString("endFlag") == "trueString" ) { 
      finishScene();     
    } else if (prefs.getString("startFlag") == "falseString" ) {
      startScene();
    } else if ( prefs.getString("startFlag") == "trueString" ) {
       mainScene();
    } 
  } 
    
    function startScene() { 
       var imageURL = _IG_GetImageUrl("http://pjhinhome.googlepages.com/__UP_gadget_id___start.jpg");	
       _gel("main").style.backgroundImage="url('" + imageURL + "')";	 
      // _gel("main").style.backgroundImage="url('http://pjhinhome.googlepages.com/__UP_gadget_id___start.jpg')";
      
       var buttonHtml = [
        '<center>',  
       '<input type=button value="__MSG_start_button_name__" name="startButton" onClick="startIt()">', 
      '</center>' ].join("");  
      _gel("buttons").innerHTML = buttonHtml;
    }
      
    function mainScene() {
      var imageURL = _IG_GetImageUrl("http://pjhinhome.googlepages.com/__UP_gadget_id___main.jpg");	
      _gel("main").style.backgroundImage="url('" + imageURL + "')";	
      // _gel("main").style.backgroundImage="url('http://pjhinhome.googlepages.com/__UP_gadget_id___main.jpg')";
      var buttonHtml = [
        '<center>',  
   '<input type=button value="__MSG_didit_button_name__" name="IDidItButton" onClick="IDidIt()">', 
   '</center>' ].join("");    
  
      _gel("buttons").innerHTML = buttonHtml;
    }
    
    function seeFunction(tabId) {
       
       _IG_FetchXmlContent('http://pjhinhome.googlepages.com/__UP_gadget_id___club.xml', function (response) {
           if (response == null || typeof(response) != "object" || 
                      response.firstChild == null) {
              _gel("see").innerHTML = "__MSG_invalid_message__";
              return;
           }           
        
           var all_challenger = response.getElementsByTagName("all-challenger").item(0).firstChild.nodeValue;
           var all_winner = response.getElementsByTagName("all-winner").item(0).firstChild.nodeValue;
           var yesterday_doing = response.getElementsByTagName("yesterday-doing").item(0).firstChild.nodeValue;
           var yesterday_winner = response.getElementsByTagName("yesterday-winner").item(0).firstChild.nodeValue;
           
           print("all_challenger : " + all_challenger);           
           
           _gel("all_challenger").innerHTML = all_challenger;
           _gel("all_winner").innerHTML = all_winner;    
           _gel("yesterday_doing").innerHTML = yesterday_doing;
           _gel("yesterday_winner").innerHTML = yesterday_winner;
      
      
      });
    }
      
    function promiseFunction(tabId) {
      
    }
    
    function sponsorFunction(tabId) {
      _IG_FetchContent('__MSG_sponsor_content_url__', function (responseText) {
          _gel("sponsor_content").innerHTML = responseText + "<br>" ;
       });   
      
    }
      
    function showSponsorMessage() {
       
      _IG_FetchXmlContent('__MSG_sponsor_information_url__', function (response) {
           
            
           if (response == null || typeof(response) != "object" || response.firstChild == null) {
              _gel("sponsor_messagebox").innerHTML = "__MSG_invalid_message__";
              return;
           }                
          
           var newsList = response.getElementsByTagName("news");
 
           for (var i = 0; i < newsList.length ; i++) { 
             
             var nodeList = newsList.item(i).childNodes;

             for (var j = 0; j < nodeList.length ; j++) {
                var node = nodeList.item(j);
                if (node.nodeName == "date") {
                   var date = node.firstChild.nodeValue;
                }
                if (node.nodeName == "content") {
                   var content = node.firstChild.nodeValue; 
                }
                if (node.nodeName == "link") {
                   var link = node.firstChild.nodeValue; 
                }                
             }              
             
	     var html = ['<span style="color:#676767;"><span style="font-size:11px;">', date, ' : </span> &raquo; </span>','<span style="font-family:DotUm;font-size:11px;">','<a href="', link, '" target=_blank>' , content, '</a>', '</span>'].join("");
             sponsorMsg.createDismissibleMessage(html);                            
            }
         });     
    }
      
    function IDidIt() {           
         var last_didit_month = prefs.getInt("last_didit_month");  
         var last_didit_date = prefs.getInt("last_didit_date");
         var date_click_num = prefs.getInt("date_click_num");
                 
         var today = new Date();
         
         if ( last_didit_month == today.getMonth() && last_didit_date == today.getDate() ) {
           if ( date_click_num >= prefs.getInt("date_click_max_num") ) {
             var html = ['<span style="color:#676767;font-family:DotUm;font-size:11px;"> __MSG_max_press_message__ ', '</span>'].join("");
             mainMsg.createDismissibleMessage(html); 
             return;           
           }         
         } else {
           date_click_num = 0;
         } 
                        
         var count = prefs.getInt("counter");   
         var currentCount = count-1; 
          
         if ( currentCount == 0 ) {
            prefs.set("counter", currentCount);
            finishLine();
            _IG_Analytics("UA-2287577-20", "/__UP_gadget_id__/IHaveDoneItAll");               
         } else {
            prefs.set("counter", currentCount);  
            _gel("count").innerHTML = currentCount + " __MSG_unit_name__"; 
            _IG_Analytics("UA-2287577-20", "/__UP_gadget_id__/IDidIt");              
         }           
      
         prefs.set("date_click_num", date_click_num + 1); 
         prefs.set("last_didit_month", today.getMonth());  
         prefs.set("last_didit_date", today.getDate());
         prefs.set("last_didit_day", today.toLocaleString());   
         
         // debug : actual month : today.getMonth() + 1
         print("last month : " + today.getMonth());
         print("last date : " + today.getDate());         
                   
     } 
     
     // finish Line 
     function finishLine() {
         var endDate = new Date();
         prefs.set("endDate", endDate.toLocaleString());  
         prefs.set("endFlag", "trueString");
         finishScene();         
     }
      
     function finishScene() {         
         var imageURL = _IG_GetImageUrl("http://pjhinhome.googlepages.com/__UP_gadget_id___win.jpg");	
         _gel("main").style.backgroundImage="url('" + imageURL + "')";
         // _gel("main").style.backgroundImage="url('http://pjhinhome.googlepages.com/__UP_gadget_id___win.jpg')";
          
          var contentHtml = "<br><br><div id=finishStyle> <center> <span style=font-size:12px;> __MSG_finish_congratulation__ </span> <br><br>  1. __MSG_promise_subject__ : __MSG_promise_subject_content__ </span> <br> 2. __MSG_userID__ : " + prefs.getString("userID") + "<br> 3. __MSG_finish_period__ : " 
             + prefs.getString("startDate") + " ~ " + prefs.getString("endDate") + " <br> 4. __MSG_finish_certificate_num__ : " +  generateCertificateNum() + "</center> </div>";
         _gel("content").innerHTML = contentHtml;         	     
        
         var buttonHtml = " "; 
         _gel("buttons").innerHTML = buttonHtml;          
     } 
      
     function generateCertificateNum() {
         return prefs.getInt("last_didit_month") * prefs.getInt("last_didit_date");      
     }
     
      
    function startIt() {
         _IG_Analytics("UA-2287577-20", "/__UP_gadget_id__/IStartIt");  
         var startDate = new Date();
         prefs.set("startDate", startDate.toLocaleString());  
         
         //debug
         print("startDate : " + startDate.toLocaleString());    
         
         prefs.set("startFlag", "trueString");  
      
         var imageURL = _IG_GetImageUrl("http://pjhinhome.googlepages.com/__UP_gadget_id___main.jpg");	
         _gel("main").style.backgroundImage="url('" + imageURL + "')";
         // _gel("main").style.backgroundImage="url('http://pjhinhome.googlepages.com/__UP_gadget_id___main.jpg')"; 
         var buttonHtml = [
        '<center>',  
   '<input type=button value="__MSG_didit_button_name__" name="IDidItButton" onClick="IDidIt()">', 
   '</center>' ].join("");    
  
         _gel("buttons").innerHTML = buttonHtml;  
    } 
     
        
     
      // Outputs debug messages if debug flag has a non-zero value
      function print(msg) {      
        if (debug) {
          debug_html += msg;
          // Write debug HTML to div
          _gel("debug_div").innerHTML = debug_html;
        }
      }
  

    // Call init function to initialize and display tabs.
    _IG_RegisterOnloadHandler(init);
    </script>   
    
     
<style> #count {
font-size:30pt;
color:#3366cc;
text-align:center;
} </style>

<style> #finishStyle {
font-size:9pt;
color:#3366cc;
text-align:center;
} </style>  

  ]]>
  </Content>
</Module>














































































































