// Get base url
url = document.location.href;
xend = url.lastIndexOf("/") + 1;
var base_url = url.substring(0, xend);


function systemInit()
{
    initPageTub();
    /*
    status=getValue('status');
    if (status!='NORMAL')
    {
      setValue('page','<br><b><p align=center> Loading ...</p></b>');
      // delay 0.5 sec to let param set before calling buildPage
      window.setTimeout('initPageTub()',1500); 
     }
     else initPageTub();
     */
   /*if (pass==1) // admin
   {
     ajax('action=INIT');
  
     setValue('page','<br><b><p align=center> Loading ...</p></b>');
     // delay 0.5 sec to let param set before calling buildPage
     window.setTimeout('initPageTub()',1500); 
   } */
   
   //buildTabs(0);
    
     
   //buildPage(0);


}

function initPageTub()
{

   var status=getValue('status');
   if (status=='CREATION')
   {
     buildTabs(-1);  //which tab is defalut
     buildPage(-1);  // about
   }
   else if (status=='INVITED')
   {
     buildTabs(0);  //which tab is defalut
     buildPage(0);  // about
   }
   else if (status=='NORMAL')
   {
   
     buildTabs(3);
    
     buildPage(3);
   }
 else if (status=='LOGGING')
   {
   
     buildTabs(0);
    
     buildPage(4);
   }
}

function clickTab(tid)
{

     buildPage(tid);
     
     buildTabs(tid);

}

function buildTabs(idx)
{

	   if (navigator.appName == "Microsoft Internet Explorer"){ // better be ie6 at least
            windowprops = "width=" + (screen.width-10) + ",height=" + (screen.height-30) + ",top=0,left=0";
       }
       else { // i.e. if Firefox
         windowprops = "width=" + (screen.width-5) + ",height=" + (screen.height-30) + ",top=0,left=0";
       }
   
         var status=getValue('status');

         if (status=='NORMAL')
	   {
	      tabs =' <ul>'+ 
                '<li '; if (idx==0) tabs +=' id="current"'; tabs+='><a onclick="clickTab(0)";><span>Member Profile</span></a></li>'+
	            '<li '; if (idx==1) tabs +=' id="current"'; tabs+='><a onclick="clickTab(1)";><span>Group Profile</span></a></li>'+
	            '<li '; if (idx==2) tabs +=' id="current"'; tabs+='><a onclick="clickTab(2)";><span>Group Admin</span></a></li>'+
	            '<li '; if (idx==3) tabs +=' id="current"'; tabs+='><a onclick="clickTab(3)";><span>Carpool Token</span></a></li>'+
	            '<li '; if (idx==5) tabs +=' id="current"'; tabs+='><a onclick="clickTab(5)";><span>Help</span></a></li>'+
	            '</ul>';
	   }
       else if (status=='CREATION')
       {
          tabs =' <ul>'+ 
                '<li '; if (idx==-1) tabs +=' id="current"'; tabs+='><a onclick="clickTab(-1)";><span>About</span></a></li>'+
                '<li '; if (idx==0) tabs +=' id="current"'; tabs+='><a onclick="clickTab(0)";><span>Create Member</span></a></li>'+
	            '<li '; if (idx==1) tabs +=' id="current"'; tabs+='><a onclick="clickTab(1)";><span>Create Group</span></a></li>'+
	            '</ul>';
	}
	else if (status=='INVITED')
       {
          tabs =' <ul>'+ 
                '<li '; if (idx==-1) tabs +=' id="current"'; tabs+='><a onclick="clickTab(-1)";><span>About</span></a></li>'+
                '<li '; if (idx==0) tabs +=' id="current"'; tabs+='><a onclick="clickTab(0)";><span>Create Member</span></a></li>'+
	            '<li '; if (idx==1) tabs +=' id="current"'; tabs+='><a onclick="clickTab(1)";><span>Create Group</span></a></li>'+
	            '</ul>';
	}         
         else if (status=='LOGGING')
           {
             tabs =' <ul>'+ 
                '<li '; if (idx==4) tabs +=' id="current"'; tabs+='><a onclick="clickTab(4)";><span>Login</span></a></li>'+
	            '<li '; if (idx==5) tabs +=' id="current"'; tabs+='><a onclick="clickTab(5)";><span>Help</span></a></li>'+
	            '</ul>';
	   }

	setValue('slidetabsmenu',tabs);
	
}

function buildPage(idx)
{ 
  var page=' ';

  if (idx==-1) //about
  {
      page+= 
       '<br><br><body>'+

       '<table width=80%>'+
       ' <tr> '+
       '  <td><br>'+
'<font size="4" ><strong>What is the fair carpool scheduling system? </strong></font><br><br>'+
'<font size="3" >Carpooling has many benefit including reducing fuel costs, connecting the community<br>'+
'who can help each other out. However, for a carpool group of 3 or more, it may become difficult to<br>'+
'determine who is the next driver.<br><br>'+
'The score based fair carpool scheduling system addresses those issues and make your carpool a blessing<br>'+
'other than and a burden. The system is always tolerant of exceptional conditions and it will never <br>'+
'discourage participation.<br>'+
'<br>'+
      '</td> <td align=midddle>'+
       'Existing member?<br>'+
   //    '<a href="http://www.carpool.club-n-gym.com/admin.php">Login</a>'+
       '<input type="button" value="Log in" onclick=window.location="http://www.carpool.club-n-gym.com/admin.php">'+
    ' </td></tr>'+
   '<tr><td colspan=2>'+    
'<font size="4" ><strong>How does it work?</strong><br><br>'+
'<font size="3" >The basic rule is very simple that who has smallest score will be the next driver.<br>'+
'Here is an example of before and after screen shot.<br><br>'+
'<img src="http://www.carpool.club-n-gym.com/images/before.JPG"></img><br><br>'+
'<img src="http://www.carpool.club-n-gym.com/images/after.JPG"></img><br><br>'+
'</td></tr></table>'+
'<div id="NAMES" style="display:none;">carpool,carpool scheduling,carpool group,carpool schedule,carpool duty,carpool system,free carpool scheduling system'+
'</div>';    

//'<font face="Garamond">
  }
  if (idx==0) //member
  {

       page+=   '<br><br><br>'+
       
       '  <table style="text-align: left; width: 100%;" border="0" '+
       ' cellpadding="2" cellspacing="2">'+
       '    <tbody>'+
             
       '      <tr>'+
       '        <td style="text-align: right; font-weight: ">First Name*</td>'+
       '        <td><input type="text" maxlength="25" size="30" '+
       '          name="first_name_input" value="'+getValue('first_name')+'" onblur=setValue("first_name",this.value);></td>'+
       '      </tr>'+
       '      <tr>'+
       '        <td style="text-align: right; font-weight: ">Last Name*</td>'+
       '        <td><input maxlength="25" size="30"'+
       ' name="last_name_input" value="'+getValue('last_name')+'" onblur=setValue("last_name",this.value);></td>'+
       '      </tr>'+
       '      <tr>'+
       '        <td style="text-align: right; font-weight: ">Email*</td>'+
       '        <td><input maxlength="64" size="30"'+
       ' name="email_input" value="'+getValue('email')+'" onblur=emailUpdated(this.value);></td>'+
       '      </tr>'+

       '      <tr>'+
       '        <td style="text-align: right; font-weight: ">Password*</td>'+
       '        <td><input type="PASSWORD" maxlength="16" size="30"'+
       ' name="password_input" value="'+getValue('password')+'" onblur=setValue("password",this.value);></td>'+
       '      </tr>'+

       '      <tr>'+
       '        <td style="text-align: right; font-weight: ">Password confirmation*</td>'+
       '        <td><input type="PASSWORD" maxlength="16" size="16"'+
       ' name="password_confirm_input" value="'+getValue('password_confirm')+'" onblur=setValue("password_confirm",this.value);></td>'+
       '      </tr>'+
       '      <tr>'+
       '        <td style="text-align: right; font-weight: ">Phone</td>'+
       '        <td><input type="text" maxlength="16" size="25"'+
       ' name="phone_input" value="'+getValue('phone')+'" onblur=setValue("phone",this.value);> Example: (123)456-7890</td>'+
       '      </tr>'+

       '      <tr>'+
       '        <td style="text-align: right; font-weight: ">Carpool Days</td>';


       var days=getValue('days');
      
       /*var c1;
       var c2;
       var c3;
       var c3;
       var c5;*/
       
       if (days == '') 
       { 
          var c1='CHECKED'; var c2=c1; var c3=c1; var c4=c1; var c5=c1;
       }
       else {
         if (days.indexOf('1')>=0) var c1='checked'; else var c1='unchecked';
         if (days.indexOf('2')>=0) var c2='checked'; else var c2='unchecked';
         if (days.indexOf('3')>=0) var c3='checked'; else var c3='unchecked';
         if (days.indexOf('4')>=0) var c4='checked'; else var c4='unchecked';
         if (days.indexOf('5')>=0) var c5='checked'; else var c5='unchecked';
       }
       page+=

       '        <td> <INPUT TYPE=CHECKBOX NAME="c1_input" '+c1+' onClick=setDaysValue("1",this.checked); >Monday<BR>'+
       '             <INPUT TYPE=CHECKBOX NAME="c2_input" '+c2+' onClick=setDaysValue("2",this.checked); >Tuesday<BR>'+
       '             <INPUT TYPE=CHECKBOX NAME="c3_input" '+c3+' onClick=setDaysValue("3",this.checked); >Wednesday<BR>'+
       '             <INPUT TYPE=CHECKBOX NAME="c4_input" '+c4+' onClick=setDaysValue("4",this.checked); >Thursday<BR>'+
       '             <INPUT TYPE=CHECKBOX NAME="c5_input" '+c5+' onClick=setDaysValue("5",this.checked); >Friday<BR>'+
       '             <INPUT TYPE=CHECKBOX NAME="c6_input" UNCHECKED DISABLED>Saturday<BR>'+
       '             <INPUT TYPE=CHECKBOX NAME="c7_input" UNCHECKED DISABLED>Sunday<BR>'+
       '        </td>'+
       '      </tr>';
       
       if (getValue('status')!='CREATION' && getValue('status')!='INVITED')
       page+=
       '      <tr >'+
       '        <td style="text-align: right; font-weight: " valign=top>Tired of typing password?</td>'+
       '        <td valign=top> <button type="button" onclick=createOneClickLink();>Get me one-click login link</button><br>'+getValue("one_click_link_info")+'</td>'+
       '      </tr>';

       page+=
       '      <tr>'+
       '        <td style="text-align: right; font-weight: "></td>';
       
       if (getValue('agreement')=='false') ag='unchecked'; else ag='checked'; 
       page+=
       '        <td><br><INPUT TYPE=CHECKBOX NAME="agreement_input" '+ag+' onclick=setValue("agreement",this.checked);>I agree to this <a href="termsofuse.html" target="new">term of use</a></td>'+
       '       </tr>'+
       '    </tbody>'+
       '  </table>';

          
  }
  else if (idx==1) // group
  {

       page+=
             '<br><br>'+
       '  <table style="text-align: left; width: 100%;" border="0" '+
       ' cellpadding="2" cellspacing="2">'+
       '    <tbody>';
       
       page+=    
       ' <tr style="text-align: right;" colspan="2" '+
       '   rowspan="1"> ';
       // alert(getValue('status'));
       if (getValue('status')=='CREATION')
          page+='  <td>     <br><b>Create a new carpool group</b></td> ';
       else
          page+='  <td>     <br></td> ';
          
 
      
       page+=
       ' </tr> '+
       ' <tr>'+
       '        <td style="text-align: right; font-weight: ">Group Name</td>'+
       '        <td><input maxlength="25" size="25"'+
       ' name="group_name_input" value="'+getValue('group_name')+'" onblur=groupNameUpdated(this.value);></td>'+
       ' </tr>';
       
            //////////////////////////////////////////////////////////
  
      if (getValue('status')!='CREATION')   
      page+=
       ' <tr>'+
       '        <td style="text-align: right; font-weight: ">Time Zone</td>'+
       '        <td>'+getValue('time_zone')+'</td>'+
       ' </tr>';
      else
      {
      var cn=getValue('time_zone');
      
      page+=
       ' <tr>'+
       '        <td style="text-align: right; font-weight: ">Time Zone</td>'+
       '        <td><SELECT name="time_zone_item" onchange=setValue("time_zone",this.value);>'+
       '          <option value=Kwajalein'; if (cn=='Kwajalein') page+=' selected'; page+='>Kwajalein</option>'+
       '          <option value=Pacific/Samoa'; if (cn=='Pacific/Samoa') page+=' selected'; page+='>Pacific/Samoa</option>'+
       '          <option value=Pacific/Honolulu'; if (cn=='Pacific/Honolulu') page+=' selected'; page+='>Pacific/Honolulu</option>'+
       '          <option value=America/Anchorage'; if (cn=='America/Anchorage') page+=' selected'; page+='>America/Anchorage</option>'+
       '          <option value=America/Los_Angeles'; if (cn=='America/Los_Angeles') page+=' selected'; page+='>America/Los_Angeles</option>'+
       '          <option value=America/Tijuana'; if (cn=='America/Tijuana') page+=' selected'; page+='>America/Tijuana</option>'+
       '          <option value=America/Denver'; if (cn=='America/Denver') page+=' selected'; page+='>America/Denver</option>'+
       '          <option value=America/Chihuahua'; if (cn=='America/Chihuahua') page+=' selected'; page+='>America/Chihuahua</option>'+
       '          <option value=America/Phoenix'; if (cn=='America/Phoenix') page+=' selected'; page+='>America/Phoenix</option>'+
       '          <option value=Canada/East-Saskatchewan'; if (cn=='Canada/East-Saskatchewan') page+=' selected'; page+='>Canada/East-Saskatchewan</option>'+
       '          <option value=America/Tegucigalpa'; if (cn=='America/Tegucigalpa') page+=' selected'; page+='>America/Tegucigalpa</option>'+
       '          <option value=America/Chicago'; if (cn=='America/Chicago') page+=' selected'; page+='>America/Chicago</option>'+
       '          <option value=America/Mexico_City'; if (cn=='America/Mexico_City') page+=' selected'; page+='>America/Mexico_City</option>'+
       '          <option value=America/New_York'; if (cn=='America/New_York') page+=' selected'; page+='>America/New_York</option>'+
       '          <option value=America/Bogota'; if (cn=='America/Bogota') page+=' selected'; page+='>America/Bogota</option>'+
       '          <option value=America/Indiana/Indianapolis'; if (cn=='America/Indiana/Indianapolis') page+=' selected'; page+='>America/Indiana/Indianapolis</option>'+
       '          <option value=America/Caracas'; if (cn=='America/Caracas') page+=' selected'; page+='>America/Caracas</option>'+
       '          <option value=Canada/Atlantic'; if (cn=='Canada/Atlantic') page+=' selected'; page+='>Canada/Atlantic</option>'+//?
       '          <option value=America/Manaus'; if (cn=='America/Manaus') page+=' selected'; page+='>America/Manaus</option>'+
       '          <option value=America/Santiago'; if (cn=='America/Santiago') page+=' selected'; page+='>America/Santiago</option>'+
       '          <option value=America/La_Paz'; if (cn=='America/La_Paz') page+=' selected'; page+='>America/La_Paz</option>'+
       '          <option value=Canada/Newfoundland'; if (cn=='Canada/Newfoundland') page+=' selected'; page+='>Canada/Newfoundland</option>'+
       '          <option value=America/Argentina/Buenos_Aires'; if (cn=='America/Argentina/Buenos_Aires') page+=' selected'; page+='>America/Argentina/Buenos_Aires</option>'+
       '          <option value=America/Sao_Paulo'; if (cn=='America/Sao_Paulo') page+=' selected'; page+='>America/Sao_Paulo</option>'+
       '          <option value=America/Godthab'; if (cn=='America/Godthab') page+=' selected'; page+='>America/Godthab</option>'+
       '          <option value=America/Montevideo'; if (cn=='America/Montevideo') page+=' selected'; page+='>America/Montevideo</option>'+
       '          <option value=America/Argentina/Buenos_Aires'; if (cn=='America/Argentina/Buenos_Aires') page+=' selected'; page+='>America/Argentina/Buenos_Aires</option>'+
       '          <option value=Atlantic/South_Georgia'; if (cn=='Atlantic/South_Georgia') page+=' selected'; page+='>Atlantic/South_Georgia</option>'+
       '          <option value=Atlantic/Azores'; if (cn=='Atlantic/Azores') page+=' selected'; page+='>Atlantic/Azores</option>'+
       '          <option value=Atlantic/Cape_Verde'; if (cn=='Atlantic/Cape_Verde') page+=' selected'; page+='>Atlantic/Cape_Verde</option>'+
       '          <option value=Europe/London'; if (cn=='Europe/London') page+=' selected'; page+='>Europe/London</option>'+
       '          <option value=Atlantic/Reykjavik'; if (cn=='Atlantic/Reykjavik') page+=' selected'; page+='>Atlantic/Reykjavik</option>'+
       '          <option value=Africa/Casablanca'; if (cn=='Africa/Casablanca') page+=' selected'; page+='>Africa/Casablanca</option>'+
       '          <option value=Europe/Belgrade'; if (cn=='Europe/Belgrade') page+=' selected'; page+='>Europe/Belgrade</option>'+
       '          <option value=Europe/Sarajevo'; if (cn=='Europe/Sarajevo') page+=' selected'; page+='>Europe/Sarajevo</option>'+
       '          <option value=Europe/Brussels'; if (cn=='Europe/Brussels') page+=' selected'; page+='>Europe/Brussels</option>'+
       '          <option value=Africa/Algiers'; if (cn=='Africa/Algiers') page+=' selected'; page+='>Africa/Algiers</option>'+
       '          <option value=Europe/Amsterdam'; if (cn=='Europe/Amsterdam') page+=' selected'; page+='>Europe/Amsterdam</option>'+
       '          <option value=Europe/Minsk'; if (cn=='Europe/Minsk') page+=' selected'; page+='>Europe/Minsk</option>'+
       '          <option value=Africa/Cairo'; if (cn=='Africa/Cairo') page+=' selected'; page+='>Africa/Cairo</option>'+
       '          <option value=Europe/Helsinki'; if (cn=='Europe/Helsinki') page+=' selected'; page+='>Europe/Helsinki</option>'+
       '          <option value=Europe/Athens'; if (cn=='Europe/Athens') page+=' selected'; page+='>Europe/Athens</option>'+
       '          <option value=Asia/Jerusalem'; if (cn=='Asia/Jerusalem') page+=' selected'; page+='>Asia/Jerusalem</option>'+
       '          <option value=Asia/Amman'; if (cn=='Asia/Amman') page+=' selected'; page+='>Asia/Amman</option>'+
       '          <option value=Asia/Beirut'; if (cn=='Asia/Beirut') page+=' selected'; page+='>Asia/Beirut</option>'+
       '          <option value=Africa/Windhoek'; if (cn=='Africa/Windhoek') page+=' selected'; page+='>Africa/Windhoek</option>'+
       '          <option value=Africa/Harare'; if (cn=='Africa/Harare') page+=' selected'; page+='>Africa/Harare</option>'+
       '          <option value=Asia/Kuwait'; if (cn=='Asia/Kuwait') page+=' selected'; page+='>Asia/Kuwait</option>'+
       '          <option value=Asia/Baghdad'; if (cn=='Asia/Baghdad') page+=' selected'; page+='>Asia/Baghdad</option>'+
       '          <option value=Africa/Nairobi'; if (cn=='Africa/Nairobi') page+=' selected'; page+='>Africa/Nairobi</option>'+
       '          <option value=Asia/Tbilisi'; if (cn=='Asia/Tbilisi') page+=' selected'; page+='>Asia/Tbilisi</option>'+
       '          <option value=Europe/Moscow'; if (cn=='Europe/Moscow') page+=' selected'; page+='>Europe/Moscow</option>'+
       '          <option value=Asia/Tehran'; if (cn=='Asia/Tehran') page+=' selected'; page+='>Asia/Tehran</option>'+
       '          <option value=Asia/Muscat'; if (cn=='Asia/Muscat') page+=' selected'; page+='>Asia/Muscat</option>'+
       '          <option value=Asia/Baku'; if (cn=='Asia/Baku') page+=' selected'; page+='>Asia/Baku</option>'+
       '          <option value=Asia/Yerevan'; if (cn=='Asia/Yerevan') page+=' selected'; page+='>Asia/Yerevan</option>'+
       '          <option value=Asia/Yekaterinburg'; if (cn=='Asia/Yekaterinburg') page+=' selected'; page+='>Asia/Yekaterinburg</option>'+
       '          <option value=Asia/Karachi'; if (cn=='Asia/Karachi') page+=' selected'; page+='>Asia/Karachi</option>'+
       '          <option value=Asia/Tashkent'; if (cn=='Asia/Tashkent') page+=' selected'; page+='>Asia/Tashkent</option>'+
       '          <option value=Asia/Kolkata'; if (cn=='Asia/Kolkata') page+=' selected'; page+='>Asia/Kolkata</option>'+
       '          <option value=Asia/Colombo'; if (cn=='Asia/Colombo') page+=' selected'; page+='>Asia/Colombo</option>'+
       '          <option value=Asia/Katmandu'; if (cn=='Asia/Katmandu') page+=' selected'; page+='>Asia/Katmandu</option>'+
       '          <option value=Asia/Dhaka'; if (cn=='Asia/Dhaka') page+=' selected'; page+='>Asia/Dhaka</option>'+
       '          <option value=Asia/Novosibirsk'; if (cn=='Asia/Novosibirsk') page+=' selected'; page+='>Asia/Novosibirsk</option>'+
       '          <option value=Asia/Rangoon'; if (cn=='Asia/Rangoon') page+=' selected'; page+='>Asia/Rangoon</option>'+
       '          <option value=Asia/Krasnoyarsk'; if (cn=='Asia/Krasnoyarsk') page+=' selected'; page+='>Asia/Krasnoyarsk</option>'+
       '          <option value=Asia/Bangkok'; if (cn=='Asia/Bangkok') page+=' selected'; page+='>Asia/Bangkok</option>'+
       '          <option value=Asia/Shanghai'; if (cn=='Asia/Shanghai') page+=' selected'; page+='>Asia/Shanghai</option>'+
       '          <option value=Asia/Ulaanbaatar'; if (cn=='Asia/Ulaanbaatar') page+=' selected'; page+='>Asia/Ulaanbaatar</option>'+
       '          <option value=Asia/Kuala_Lumpur'; if (cn=='Asia/Kuala_Lumpur') page+=' selected'; page+='>Asia/Kuala_Lumpur</option>'+
       '          <option value=Asia/Taipei'; if (cn=='Asia/Taipei') page+=' selected'; page+='>Asia/Taipei</option>'+
       '          <option value=Australia/Perth'; if (cn=='Australia/Perthu') page+=' selected'; page+='>Australia/Perth</option>'+
       '          <option value=Asia/Seoul'; if (cn=='Asia/Seoul') page+=' selected'; page+='>Asia/Seoul</option>'+
       '          <option value=Asia/Tokyo'; if (cn=='Asia/Tokyo') page+=' selected'; page+='>Asia/Tokyo</option>'+
       '          <option value=Asia/Yakutsk'; if (cn=='Asia/Yakutsk') page+=' selected'; page+='>Asia/Yakutsk</option>'+
       '          <option value=Australia/Darwin'; if (cn=='Australia/Darwin') page+=' selected'; page+='>Australia/Darwin</option>'+
       '          <option value=Australia/Adelaide'; if (cn=='Australia/Adelaide') page+=' selected'; page+='>Australia/Adelaide</option>'+
       '          <option value=Australia/Sydney'; if (cn=='Australia/Sydney') page+=' selected'; page+='>Australia/Sydney</option>'+
       '          <option value=Australia/Brisbane'; if (cn=='Australia/Brisbane') page+=' selected'; page+='>Australia/Brisbane</option>'+
       '          <option value=Australia/Hobart'; if (cn=='Australia/Hobart') page+=' selected'; page+='>ustralia/Hobart</option>'+
       '          <option value=Asia/Vladivostok'; if (cn=='Asia/Vladivostok') page+=' selected'; page+='>Asia/Vladivostok</option>'+
       '          <option value=Pacific/Guam'; if (cn=='Pacific/Guam') page+=' selected'; page+='>Pacific/Guam</option>'+
       '          <option value=Asia/Magadan'; if (cn=='Asia/Magadan') page+=' selected'; page+='>Asia/Magadan</option>'+
       '          <option value=Pacific/Fiji'; if (cn=='Pacific/Fiji') page+=' selected'; page+='>Pacific/Fiji</option>'+
       '          <option value=Pacific/Auckland'; if (cn=='Pacific/Auckland') page+=' selected'; page+='>Pacific/Auckland</option>'+
       '          <option value=Pacific/Tongatapu'; if (cn=='Pacific/Tongatapu') page+=' selected'; page+='>Pacific/Tongatapu</option>'+
       '          </td>'+
       '          </tr>';
       }
      //////////////////////////////////////////////////////////
      
       /*
       ' <tr>'+
       '        <td style="text-align: right; font-weight: ">Time Zone</td>'+
       '        <td><input maxlength="30" size="30"'+
       ' name="last_name" value="'+getValue('last_name')+'" onblur=setValue("last_name",this.value);></td>'+
       ' </tr>'+
       */
       page+=
       ' <tr>'+
       '        <td style="text-align: right; font-weight: ">System reminder time</td>'+
       '        <td>';
      

       var cn=getValue('reminder_time'); 

       if (cn==null || cn=='')
       {
         randomnumber=Math.floor(Math.random()*5)     
         if (randomnumber==0) cn='10:00:00';
         if (randomnumber==1) cn='11:00:00';
         if (randomnumber==2) cn='12:00:00';
         if (randomnumber==3) cn='13:00:00';
         if (randomnumber==4) cn='14:00:00';
         setValue('reminder_time',cn);
       }

       page+= buildTimeOptionList(cn)+
       ' </td>'+
       ' </tr>';
       //////////////////
       
       var ro='';
       ////if (getValue('status')!='CREATION') ro='disabled';
       
       page +=
       ' <tr>'+
       '        <td style="text-align: right; font-weight: ">Score per ride</td>'+
       '        <td>';

        cn=getValue('ride_score');

        if (cn==null || cn=='') cn=3;             
        page+='<SELECT onchange=setValue("ride_score",this.value) '+ro+'>';
    
        for (i=3; i<7; i+=1)
        {
        	page+='<option value='+i;
        	if (i==cn) page +=' selected';
        	page += '>'+i+'</option>';
        }
        page+='</SELECT></TD>'+
        '</TR>';     
 
      
        page +=
       ' <tr>'+
       '        <td style="text-align: right; font-weight: ">Penalty for skipped duty</td>'+
       '        <td>';

        cn=getValue('penalty_score');

        if (cn==null || cn=='') cn=1;
        page+='<SELECT  onblur=setValue("penalty_score",this.value) '+ro+'>';
        for (i=0; i<4; i+=1)
        {
        	page+='<option value='+i;
        	if (i==cn) page +=' selected';
        	page += '>'+i+'</option>';
        }
        page+='</SELECT></TD>'+
        '</TR>';     

          
       cn=getValue('penalty_mode');

       if (cn==0) { ck0='checked'; ck1='unchecked';}
       else  { ck0='unchecked'; ck1='checked';}
       
       page+=
       ' <tr>'+
       '        <td style="text-align: right; font-weight:">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>'+
       '        <td><input type=radio' +
       ' name="penalty_mode_input" '+ck0+' onblur=setValue("penalty_mode","0");>First of consecutive days</td>'+
       ' </tr>'+
 

       ' <tr>'+
       '        <td style="text-align: right; font-weight:"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td>'+
       '        <td><input type=radio '+
       ' name="penalty_mode_input" '+ck1+' onblur=setValue("penalty_mode","1");>Each day</td>'+
       ' </tr>'; 


      
       page +=
       ' <tr>'+
       '        <td style="text-align: right; font-weight: ">Round trip distance</td>'+
       '        <td>';

        cn=getValue('distance');

        if (cn==null || cn=='') cn=5;
         page+='<SELECT  onblur=setValue("distance",this.value) '+ro+'>';
         page+='<option value=5';  	if (cn==5) page +=' selected'; page += '>5</option>';
         page+='<option value=8';  	if (cn==8) page +=' selected'; page += '>8</option>';
         page+='<option value=10';  	if (cn==10) page +=' selected'; page += '>10</option>';
         page+='<option value=15';  	if (cn==15) page +=' selected'; page += '>15</option>';
         page+='<option value=20';  	if (cn==20) page +=' selected'; page += '>20</option>';
         page+='<option value=25';  	if (cn==25) page +=' selected'; page += '>25</option>';
         page+='<option value=30';  	if (cn==30) page +=' selected'; page += '>30</option>';
         page+='<option value=35';  	if (cn==35) page +=' selected'; page += '>35</option>';
         page+='<option value=40';  	if (cn==40) page +=' selected'; page += '>40</option>';
         page+='<option value=45';  	if (cn==45) page +=' selected'; page += '>45</option>';
         page+='<option value=50';  	if (cn==50) page +=' selected'; page += '>50</option>';
        page+='</SELECT> Miles (For calculating your savings)</TD>'+
        '</TR>';     

       /////////////////////////////////////////////////////////////////////////////////

       page +=
       ' <tr>'+
       '        <td style="text-align: right; font-weight: ">Toll fee</td>'+
       '        <td>';

        cn=getValue('toll');

        if (cn==null || cn=='') cn=0;
        page+='<SELECT  onblur=setValue("toll",this.value) '+ro+'>';
        for (i=0; i<10; i+=1)
        {
        	page+='<option value='+i;
        	if (i==cn) page +=' selected';
        	page += '>'+'$'+i+'</option>';
        }
        page+='</SELECT> (For calculating your savings)</TD>'+
        '</TR>';  
        
        /////////////////////////////////////////////////////////////////////////////////

       page +=
       ' <tr>'+
       '        <td style="text-align: right; font-weight: ">Carpool Toll fee</td>'+
       '        <td>';

        cn=getValue('carpool_toll');

        if (cn==null || cn=='') cn=0;
        page+='<SELECT  onblur=setValue("carpool_toll",this.value) '+ro+'>';
        for (i=0; i<5; i+=0.5)
        {
        	page+='<option value='+i;
        	if (i==cn) page +=' selected';
        	page += '>'+'$'+i+'</option>';
        }
        page+='</SELECT> (For calculating your savings)</TD>'+
        '</TR>';      

        /////////////////////////////////////
       
           
       page+=  
       '   </tbody> '+
       ' </table> ';
       }
    else if (idx==2) // admin
    {

       page+= // '<div id=section0>'.
           // ' <div id=section0_content style="">'.
      // '  <p align="center">'+
      // '  <big><big><span style="font-weight: bold;">Club'+
      // '  Info</span></big></big>'+
      // '<br>'+
      // '<br>'+
      // '</p>'+
       '<br><br><br>'+
       '  <table style="text-align: left; width: 100%;" border="0" '+
       ' cellpadding="2" cellspacing="2">'+
       '    <tbody>'+
       '      <tr>'+
       '        <td style="text-align: right; font-weight: ">Invite new member by email</td>'+
       '        <td><input maxlength="64" size="30"'+
       ' name="new_member_input" value="'+getValue('new_member')+'" onblur=setValue("new_member",this.value);></td>'+
       '      </tr>'+
       '      <tr>'+
       '        <td style="text-align: right; font-weight: ">Delete member</td>'+
       '        <td>'+
       '         <select onblur=setValue("delete_member",this.value);>'+     
       '              <option value=-999>Pick a member</option>';
         
       for (i=0; i<10; ++i)
       {
         if (getValue("current_member_name"+i)==null) break;
         if (getValue("delete_member")==getValue("current_member_id"+i)) dm='selected';
           else dm='';
         page +='<option value='+getValue("current_member_id"+i)+' '+dm+'>'+getValue("current_member_name"+i)+'</option>';
       }
         page+='</select></td></tr>';      
                       
       page+=
       '        </td>'+
       '      </tr>'+
       '      <tr>'+
       '        <td style="text-align: right; font-weight: "><br><br>Manual Token Change</td>'+
       '        <td><br><br>'+
       '            <table style="text-align: left; width: 60%;" border="0" bgcolor=lightyellow'+
       '             <tr bgcolor=lightgreen><th>Name</th><th>Token</th><th>Change</th></tr>';
       
       for (i=0; i<10; ++i)
       {
         if (getValue("current_member_name"+i)==null) break;
         
         if (i%2==0) bgcolor='#FFFFF8';
           else bgcolor='lightyellow';
                       
         page +='<tr bgcolor="'+bgcolor+'"><td>'+getValue("current_member_name"+i)+'</td>'+
                '    <td>'+getValue("current_member_score"+i)+'</td>'+
                '    <td> <select onblur=setValue("current_member_score_change'+i+'",this.value);>';
         for (x=-6; x<20; ++x)
         {
           if (x==getValue("current_member_score_change"+i)) page+= '<option value='+x+' selected>'+x+'</option>';
           else page+= '<option value='+x+'>'+x+'</option>';
         }
         page+='</select></td></tr>';      
       }
       
       page+='</table>'+
       ' </td>'+
       '      </tr>'+

       '   </tbody> '+
       ' </table> ';

      
  }
  /*else if (idx==3) // note
    {

       page+= // '<div id=section0>'.
           // ' <div id=section0_content style="">'.
      // '  <p align="center">'+
      // '  <big><big><span style="font-weight: bold;">Club'+
      // '  Info</span></big></big>'+
      // '<br>'+
      // '<br>'+
      // '</p>'+
       '<br><br><br>'+
       '  <table style="text-align: left; width: 100%;" border="0" '+
       ' cellpadding="2" cellspacing="2">'+
       '    <tbody>'+
       '      <tr>'+
       '        <td style="text-align: right; font-weight: ">Add a note</td>'+
       '        <td><input maxlength="64" size="30"'+
       ' name="new_note" value="'+getValue('new_note')+'" onblur=setValue("new_note",this.value);></td>'+
       '      </tr>'+
       '</table>'+
       '<br><br><br>'+
       '<table width: 100%; border="0" bgcolor=lightyellow cellpadding="2" cellspacing="2">'+
       '      <tr bgcolor=lightgreen>'+
       '        <th>Date</th><th>Note</th>'+
       '      </tr>';
       
       for (i=0; i<10; ++i)
       {
         if (getValue("note"+i)==null) break;
         
         if (i%2==0) bgcolor='#FFFFF8';
           else bgcolor='lightyellow';
                       
         page +='<tr bgcolor="'+bgcolor+'"><td>'+getValue("notedate"+i)+'</td><td>'+getValue("note"+i)+'</td></tr>';
       }
       
       page+='</table>';
  }
*/
  else if (idx==3) // score     
  {

       page+= 
       '<br><br><br>'+
       '  <table style="text-align: left; width: 100%;" border="0" '+
       ' cellpadding="2" cellspacing="2">'+
      // '    <tbody>'+
       '      <tr>'+
       '        <td >'+
       //'          <iframe src="http://www.happybearonline.com/newcarpool/duty.php?group_id='.getValue("group_id").'"></IFRAME>'+
       '          <iframe src="http://www.carpool.club-n-gym.com/duty.php?group_id='+getValue("group_id")+'&member_id='+
                     getValue("member_id")+'" FRAMEBORDER=0 width="100%" height="400"></IFRAME>'+
       '        </td>'+
       '      </tr>'+
      // '   </tbody> '+
       ' </table> ';
  }
 
 else if (idx==5) // help
 {
     page+= 
       '<br><br><br>'+
       '  <table style="text-align: left; width: 100%;" border="0" '+
       ' cellpadding="2" cellspacing="2">'+
       '      <tr>'+
       '        <td >'+
       //'          <iframe src="http://www.happybearonline.com/newcarpool/duty.php?group_id='.getValue("group_id").'"></IFRAME>'+
       '          <iframe src="http://www.carpool.club-n-gym.com/faq.html" FRAMEBORDER=0 width="100%" height="400"></IFRAME>'+
       '        </td>'+
       '      </tr>'+
       ' </table> ';
 }    

  setValue('page',page);

  if (idx!=3)   
       {
        document.getElementById('save_section').style.visibility = 'visible';
     //   document.getElementById('saving_img').style.visibility = 'hidden';
       }
  else  document.getElementById('save_section').style.visibility = 'hidden'; 

} 


function buildTimeOptionList(cn)
{
           p= ' <select onchange=setValue("reminder_time",this.value)>';
           p+=' <option value="30:00:00"  '; if (cn=='30:00:00') p+=' selected'; p+='>No Reminder</option>'+
              ' <option value="08:00:00"  '; if (cn=='08:00:00') p+=' selected'; p+='>8:00</option>'+
              ' <option value="09:00:00"  '; if (cn=='09:00:00') p+=' selected'; p+='>9:00</option>'+
              ' <option value="10:00:00"  '; if (cn=='10:00:00') p+=' selected'; p+='>10:00</option>'+
              ' <option value="11:00:00"  '; if (cn=='11:00:00') p+=' selected'; p+='>11:00</option>'+
              ' <option value="12:00:00"  '; if (cn=='12:00:00') p+=' selected'; p+='>12:00</option>'+
              ' <option value="13:00:00"  '; if (cn=='13:00:00') p+=' selected'; p+='>1:00 PM</option>'+
              ' <option value="14:00:00"  '; if (cn=='14:00:00') p+=' selected'; p+='>2:00 PM</option>'+
              ' <option value="15:00:00"  '; if (cn=='15:00:00') p+=' selected'; p+='>3:00 PM</option>'+
              ' <option value="16:00:00"  '; if (cn=='16:00:00') p+=' selected'; p+='>4:00 PM</option>'+
              ' <option value="17:00:00"  '; if (cn=='17:00:00') p+=' selected'; p+='>5:00 PM</option>'+
              ' <option value="18:00:00"  '; if (cn=='18:00:00') p+=' selected'; p+='>6:00 PM</option>'+
              ' <option value="19:00:00"  '; if (cn=='19:00:00') p+=' selected'; p+='>7:00 PM</option>'+
              ' <option value="20:00:00"  '; if (cn=='20:00:00') p+=' selected'; p+='>8:00 PM</option>'+
              ' <option value="21:00:00"  '; if (cn=='21:00:00') p+=' selected'; p+='>9:00 PM</option>'+
              '</select> ';
   return p;
}


function drawFooter(fid)
{
   
   content='<div id="linebreak"><ul></div>';

   content += '<p align=center><INPUT TYPE="submit" name="Save" value="Save"  onclick=Save();></p>';
     
   content+='<br><b><p align=center>Copyright &#169; 2007-2008 Club-n-Gym, Inc. All rights reserved.</p></b></div>';
   
   footer='footer'+fid;
   setValue(footer, content);
   
   otherfooter='footer1';
   if (fid==1) otherfooter='footer2';
   
   setValue(otherfooter, '');  
}

function groupNameUpdated(value)
{
   setValue("group_name",value);
   // group name is not unique
   /// ajax('action=ifGroupExist&group_name='+value);
}

function emailUpdated(value)
{ 
  setValue("email",value);

  ajax('action=ifEmailExist&email='+value);

}
function setDaysValue(which, value)
{
   var v;
   if (value==true) v='true';
   else v='false';  
            
   setValue('c'+which, v);
  
   var days=getValue('days');
 
   days = days.replace(which+'','');
   if (value==true) days=days+which+'';
   
   setValue('days',days);
}


function Save()
{
  if ( validation()==1)
  { 
    if (getValue('status')=='CREATION')
    {

         ajax('action=createMemberGroup&first_name='+getValue('first_name')+'&last_name='+getValue('last_name')+'&email='+getValue('email')+'&password='+
               getValue('password')+'&days='+getValue('days')+'&phone='+getValue("phone")+
              '&group_name='+getValue("group_name")+'&group_id='+getValue("group_id")+'&reminder_time='+getValue("reminder_time")+
              '&ride_score='+getValue("ride_score")+'&penalty_score='+getValue("penalty_score")+'&penalty_mode='+getValue("penalty_mode")+
              '&time_zone='+getValue("time_zone")+'&distance='+getValue("distance")+'&toll='+getValue("toll")+'&carpool_toll='+getValue("carpool_toll"));
        
         setValue("full_page","Congratulations! Your fair carpool scheduling membership is created. Please click <a href=\"admin.php?email="+getValue('email')+"\">here</a> to login. <br>Thank you.");
         setValue("save_section","");   
   }
   else
   if (getValue('status')=='INVITED')
    { 
         ajax('action=createMemberOnly&first_name='+getValue('first_name')+'&last_name='+getValue('last_name')+'&email='+getValue('email')+'&password='+
               getValue('password')+'&days='+getValue('days')+'&phone='+getValue("phone")+
              '&group_name='+getValue("group_name")+'&group_id='+getValue("group_id")+'&reminder_time='+getValue("reminder_time")+
              '&ride_score='+getValue("ride_score")+'&penalty_score='+getValue("penalty_score")+'&penalty_mode='+getValue("penalty_mode"));
          
        setValue("full_page","Congratulations! Your fair carpool scheduling membership is created. Please click <a href=\"admin.php?email="+getValue('email')+"\">here</a> to login. <br>Thank you.");  
        setValue("save_section",""); 
   }

   else 
   {
       if (getValue("member_id")!=null && getValue("group_id")!=null)
        ajax('action=updateMemberGroup&first_name='+getValue('first_name')+'&last_name='+getValue('last_name')+'&email='+getValue('email')+'&password='+
             getValue('password')+'&days='+getValue('days')+'&phone='+getValue("phone")+
            '&group_name='+getValue("group_name")+'&reminder_time='+getValue("reminder_time")+
            '&ride_score='+getValue("ride_score")+'&penalty_score='+getValue("penalty_score")+'&penalty_mode='+getValue("penalty_mode")+
            '&distance='+getValue("distance")+'&toll='+getValue("toll")+'&carpool_toll='+getValue("carpool_toll")+
            '&group_id='+getValue("group_id")+'&member_id='+getValue("member_id"));
 
       if  (getValue('new_member')!=null && getValue('new_member')!='')
       {
         ajax('action=inviteNew&new_member='+getValue('new_member')+'&first_name='+getValue('first_name')+'&last_name='+getValue('last_name')+
              '&invited_by='+getValue('email')+'&group_id='+getValue("group_id"));
       }
       
       if  (getValue('delete_member')!=null && getValue('delete_member')!='' && getValue('delete_member')!='-999')
       {
         // find out how many members here in the group
         for (i=0; i<10; ++i)
           if (getValue("current_member_name"+i)==null || getValue("current_member_name"+i)=='') break;
                    
         ajax('action=deleteMember&delete_member='+getValue('delete_member')+'&first_name='+getValue('first_name')+'&last_name='+getValue('last_name')+
              '&group_id='+getValue("group_id")+'&member_number='+i);

         setValue("full_page","Member has been removed. Please <a href=\"admin.php?email="+getValue('email')+"\">relogin to </a>continue");
         setValue("save_section","");   
         return;  
       }
        var changed=0;
        for (i=0; i<10; ++i)
        {
         if (getValue("current_member_score_change"+i)!='0' && getValue("current_member_score_change"+i)!=''
             && getValue("current_member_score_change"+i)!=null) 
           {
             ajax('action=memberScoreChange&current_member_id='+getValue("current_member_id"+i)+'&current_member_score_change='+getValue("current_member_score_change"+i)+'&last_name='+getValue('last_name')+
              '&group_id='+getValue("group_id")+'&first_name='+getValue('first_name'));

             var thischange = parseInt(getValue("current_member_score_change"+i));
             var oldscore   = parseInt(getValue("current_member_score"+i));
             var newscore   = thischange +oldscore  ;

             setValue("current_member_score"+i,newscore);

             setValue("current_member_score_change"+i,"0");
              
           }             
       }
       
       // document.getElementById('saving_img').style.visibility = 'hidden';  
       // goto score page  
       buildTabs(3);
       buildPage(3);

   }  //else
  }  //validate  

}


function validation()
{

  if (getValue('first_name')=='' || getValue('first_name')==null) 
    {
      alert('First Name is required');
      return 0;
    }
  if (getValue('last_name')=='') 
    {
      alert('Last Name is required');
      return 0;
    }
  if (getValue('email')=='') 
    {
      alert('Email is required');
      return 0;
    }
  if (getValue('password')=='')
  {
      alert('Password is required.');
      return 0;
  }  
  if (getValue('password_confirm')=='')
  {
      alert('Password confirmation is required.');
      return 0;
  }  
  if (getValue('password')!='' && getValue('password_confirm')!=getValue('password'))
  {
      alert('Password does not match.');
      return 0;
  }  
  if (getValue('agreement')=='false')
  {
      alert('You need agree to terms of use to proceed.');
      return 0;
  }  
  
  if (getValue('email_taken')==1)
  {
      alert('Sorry this email is taken.');
      return 0;
  }    

  if (getValue('group_name')=='')
  {
      alert('Group name is required.');
      return 0;
  } 
  
  // find out how many members here in the group
  for (i=0; i<10; ++i)
      if (getValue("current_member_name"+i)==null) break;
  
  if (getValue('delete_member')!=null && getValue('delete_member')!='' && getValue('delete_member')!='-999')
  {
    msg='';
    if (i==1) // only one member.
       msg='This group is being deleted as well because there will be no more members';

   var answer = confirm('The member will be removed from this group and the membership will also be deleted.\n'+msg);
   if (answer){
	}
	else return 0;
    
  }
  
  for ( i=0; i<10; ++i)
  {
         if (getValue("current_member_score_change"+i)!='0' && getValue("current_member_score_change"+i)!=''
             && getValue("current_member_score_change"+i)!=null) 
         {
           // alert(getValue("current_member_score_change"+i));
           var answer = confirm('Please communicate with your group before making token changes.\n'+
                  'This will be permanent and cannot be reversed.');
          if (answer) break;
	       else return 0;
          
         }
   
  }       
 
       return 1;    
}

function createOneClickLink()
{
   alert('Your one-click link is sent by email. Thanks');
   ajax('action=createOneClickLink&email='+getValue("email")+'&password='+getValue("password")+'&first_name='+getValue('first_name')+'&last_name='+getValue('last_name'));
   //alert(getValue("email")+'_'+getValue("password"));

}


function ajax(param) {


    

        var d = new Date();
        var curr_hour = d.getHours();
            // Does URL begin with http?
        url = 'action.php';
        if (url.substring(0, 4) != 'http') {
           url = base_url + url;
        }
        if (param==null) param='none';
               // Create new JS element
        var jsel = document.createElement('SCRIPT');
        jsel.type = 'text/javascript';
        jsel.src = url+'?'+param;
        //alert(jsel.src)
        document.body.appendChild (jsel);

}

function getValue(name)
{
    obj = document.getElementById(name);
    if (obj==null) return null;
    return obj.innerHTML;
}


function setValue(name, value)
{
  document.getElementById(name).innerHTML=value;
}
