<%@ Control Language="vb" AutoEventWireup="false" CodeBehind="ContactDetails.ascx.vb" Inherits="MailEnable.Clients.WebMail.ContactDetails" %>
<%@ Register TagPrefix="uc2" TagName="uscLanguageTokenMondo" Src="../../../Controls/uscLanguageToken.ascx" %>
<uc2:uscLanguageTokenMondo id="uscToken" runat="server"></uc2:uscLanguageTokenMondo>
<script type="text/javascript">
    function OnSubmitComplete(Result, FileName, ErrorMessage)
    {
        if (Result == 1)
        {
            SaveContactDetails(FileName);
            if (RefreshContactDetails)
            {
                RefreshContactDetails();
            }
        }
        else
        {
            getTopAppWindow().oAlertDialog.Alert(t_("[ME_TXT-Error]"), ErrorMessage, true);
        }
        ResetUpload();
        getTopAppWindow().Async_UnlockUI();
    }
    function OnSubmitUpload() {
        HideFileUpload();
        getTopAppWindow().Async_LockUI(t_("[ME_TXT-Pleasewait]")+'...');
    }

    // Code for auto-filling redundant name fields
    var $FullName;
    var $NameParts;
    var FullNameHandler;
    var NamePartHandler;
    var FullNameTouched;
    var NamePartTouched;

    var bIsTouchUserAgent = false;
    
    function AutoFillFromFullName()
    {
        var NameParts = $FullName.val().split(' ');
        $('#contact_firstName').val(NameParts.length >= 1 ? NameParts[0] : '');
        $('#contact_lastName').val(NameParts.length >= 2 ? NameParts[NameParts.length - 1] : '');
        $('#contact_middleName').val(NameParts.length >= 3 ? NameParts.splice(1, NameParts.length - 2).join(' ') : '');
    }

    function AutoFillFromNameParts()
    {
        var FullName = $('#contact_firstName').val();
        var MiddleName = $('#contact_middleName').val();
        if (MiddleName != '')
        {
            FullName += ' ' + MiddleName;
        }
        FullName += ' ' + $('#contact_lastName').val();
        $FullName.val(FullName);
    }
    
    function PrepareForNewContact()
    {
        if (!bIsTouchUserAgent) {
        try{
            $FullName.off('keyup', FullNameHandler);
            $NameParts.off('keyup', NamePartHandler);
            $FullName.on('keyup', FullNameHandler);
            $NameParts.on('keyup', NamePartHandler);
            }
        catch (ex) {
        }
        }
    }

    function PrepareToEditContact()
    {
        if (!bIsTouchUserAgent)
        {
            // when editing a contact with existing data, disable auto-filling
            try{
            $FullName.off('keyup', FullNameHandler);
            $NameParts.off('keyup', NamePartHandler);
            }
        catch (ex) {
            }
        }
    }

    function initContactDetails() {
        // for some reason, this fires twice on the main client.aspx, for the new contact window.
        // so we have to protect ourselves by checking if things have already been initialised or not.
        if (!$FullName) {
            $FullName = $('#contact_fullName');
            $NameParts = $('#contact_firstName, #contact_middleName, #contact_lastName');
            FullNameHandler = AutoFillFromFullName;
            NamePartHandler = AutoFillFromNameParts;
        }

        if (!bIsTouchUserAgent) {
            if (!FullNameTouched) {
                // these handlers will unhook when the user makes changes, to prevent auto-fill
                // overwriting user changes
                FullNameTouched = function () {
                    // once they change the full name, stop auto-filling from name parts
                    $NameParts.off('keyup', NamePartHandler);
                };
                NamePartTouched = function () {
                    // once they touch a name part, stop auto-filling into them
                    $FullName.off('keyup', FullNameHandler);
                };

                $FullName.on('keyup', FullNameTouched);
                $NameParts.on('keyup', NamePartTouched);
            }
        }

    }

</script>

<script type="text/javascript">
    function ContactsImgClose_show()
    {        
        $('.contacts_img_close').show();
    }
    function ContactsImgClose_hide()
    {
        $('.contacts_img_close').hide();
    }
</script>

<!-- Contacts tabs -->
<div class="tabbedPanel_content_shell" id="<%=GeneralTabID%>" <%= MailEnable.Clients.WebMail.Mondo.Request.CheckForRTL(Session("lang"))%>>   <!-- General Contact Details -->
    <table class="popupWin_form_table" id="popupWin_form_table_js" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt"><label for="contact_fullName"><%=uscToken.GetText("[ME_TXT-FullName]")%>:</label></div></td>
        <td><input id="contact_fullName" class="textfield" type="text"/></td>
        <td class="contacts_img_td" rowspan="7">
            <div class="contacts_img_shell" onmouseover="ContactsImgClose_show();" onmouseout="ContactsImgClose_hide();" onselectstart="return false;">
                <div style="display:table-cell;vertical-align:middle;text-align:center;height:125px;width:125px;" onselectstart="return false;">
                    <img alt="<%=uscToken.GetText("[ME_TXT-ContactPicture]")%>" align="middle" id="imgPhoto" src="<%=Session("skin")%>contacts_default_img.jpg" style="max-width:125px;max-height:125px;width:expression(this.width>125?'125px':true);height:expression(this.height>125?'125px':true);" onselectstart="return false;">
                </div>
                <!-- <div class="contacts_img_close" title="<%=uscToken.GetText("[ME_TXT-RemoveImage]")%>" onselectstart="return false;"></div>-->
            </div>
            <!-- Add Image Button -->	
            <div id="btn_Edit" class="bttn_float_right" onclick="ShowFileUpload();" style="margin-top:3px;clear:both;" title="<%=uscToken.GetText("[ME_TXT-Add/EditImage]")%>">
               <div class="bttn_left"  onselectstart="return false;"><div class="compose_bttn_okCancel" style="width:114px;_width:110px;"><%=uscToken.GetText("[ME_TXT-Add/EditImage]")%>...</div></div>
               <div class="bttn_right"></div>
            </div>      
        </td>
      </tr>
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt"><label for="contact_firstName"><%=uscToken.GetText("[ME_TXT-FirstName]")%>:</label></div></td>
        <td><input id="contact_firstName" class="textfield" type="text"/></td>
      </tr>
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt"><label for="contact_middleName"><%=uscToken.GetText("[ME_TXT-MiddleName]")%>:</label></div></td>
        <td><input id="contact_middleName" class="textfield" type="text"/></td>
      </tr>
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt"><label for="contact_lastName"><%=uscToken.GetText("[ME_TXT-LastName]")%>:</label></div></td>
        <td><input id="contact_lastName" class="textfield" type="text"/></td>
      </tr>
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt"><label for="contact_title"><%=uscToken.GetText("[ME_TXT-Title]")%>:</label></div></td>
        <td><input id="contact_title" class="textfield" type="text"/></td>
      </tr>
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt"><label for="contact_nickName"><%=uscToken.GetText("[ME_TXT-Nickname]")%>:</label></div></td>
        <td><input id="contact_nickName" class="textfield" type="text"/></td>
      </tr>
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_blank"></div></td>
        <td><div class="popupWin_form_table_blank"></div></td> 
      </tr>
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt"><label for="contact_email"><%=uscToken.GetText("[ME_TXT-Email]")%>:</label></div></td>
        <td colspan="2"><input id="contact_email" class="textfield" type="text"/></td> 
      </tr>
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt"><label for="contact_phone_M"><%=uscToken.GetText("[ME_TXT-Phone(M)]")%>:</label></div></td>
        <td colspan="2"><input id="contact_phone_M" class="textfield" type="text"/></td>
      </tr>

      <!--
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt">Email (Secondary):</div></td>
        <td><input id="contact_email2" class="textfield" type="text"/></td>
      </tr>
      -->
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt"><label for="contact_messenger"><%=uscToken.GetText("[ME_TXT-MSMessenger]")%>:</label></div></td>
        <td colspan="2"><input id="contact_messenger" class="textfield" type="text"/></td>
      </tr>
    </table><!-- popupWin_form_table -->
</div><!-- tabbedPanel_content_shell TAB1-->

<div class="tabbedPanel_content_shell" id="<%=PersonalTabID%>" <%= MailEnable.Clients.WebMail.Mondo.Request.CheckForRTL(Session("lang"))%>>   <!-- Personal Details -->
    <table class="popupWin_form_table" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt"><label for="contact_phone_H"><%=uscToken.GetText("[ME_TXT-Phone(H)]")%>:</label></div></td>
        <td><input id="contact_phone_H" class="textfield" type="text"/></td>
      </tr>
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_blank"></div></td>
        <td><div class="popupWin_form_table_blank"></div></td>
      </tr>
      
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt"><label for="contact_email_other"><%=uscToken.GetText("[ME_TXT-Email]")%>:</label></div></td>
        <td colspan="2"><input id="contact_email_other" class="textfield" type="text"/></td> 
      </tr>     
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt"><label for="contact_homeAddress"><%=uscToken.GetText("[ME_TXT-StreetAddress]")%>:</label></div></td>
        <td><input id="contact_homeAddress" class="textfield" type="text"/></td>
      </tr>
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt"><label for="contact_homeLocality"><%=uscToken.GetText("[ME_TXT-Locality]")%>:</label></div></td>
        <td><input id="contact_homeLocality" class="textfield" type="text"/></td>
      </tr>
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt"><label for="contact_homeState"><%=uscToken.GetText("[ME_TXT-State]")%>:</label></div></td>
        <td><input id="contact_homeState" class="textfield" type="text"/></td>
      </tr>
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt"><label for="contact_homePostcode"><%=uscToken.GetText("[ME_TXT-PostalCode]")%>:</label></div></td>
        <td><input id="contact_homePostcode" class="textfield" type="text"/></td>
      </tr>
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt"><label for="contact_homeCountry"><%=uscToken.GetText("[ME_TXT-Country]")%>:</label></div></td>
        <td><input id="contact_homeCountry" class="textfield" type="text"/></td>
      </tr>
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt"><%=uscToken.GetText("[ME_TXT-Birthday]")%>:</div></td>
        <td id="birthdayPickerLocation"></td>
      </tr>
      
    </table><!-- popupWin_form_table -->
</div><!-- tabbedPanel_content_shell TAB2-->

<div class="tabbedPanel_content_shell" id="<%=CompanyTabID%>" <%= MailEnable.Clients.WebMail.Mondo.Request.CheckForRTL(Session("lang"))%>> <!-- Company Details -->
    <table class="popupWin_form_table" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt"><label for="contact_company"><%=uscToken.GetText("[ME_TXT-Company]")%>:</label></div></td>
        <td><input id="contact_company" class="textfield" type="text"/></td>
      </tr>
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt"><label for="contact_compDepartment"><%=uscToken.GetText("[ME_TXT-Department]")%>:</label></div></td>
        <td><input id="contact_compDepartment" class="textfield" type="text"/></td>
      </tr>
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt"><label for="contact_compTitle"><%=uscToken.GetText("[ME_TXT-Title]")%>:</label></div></td>
        <td><input id="contact_compTitle" class="textfield" type="text"/></td>
      </tr>

      <!-- We currently don't support this field; but may in the future...
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt"><label for="contact_compPhone"><%=uscToken.GetText("[ME_TXT-Phone]")%>:</label></div></td>
        <td><input id="contact_compPhone" class="textfield" type="text"/></td>
      </tr>
      -->
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt"><label for="contact_phone_W"><%=uscToken.GetText("[ME_TXT-Phone(W)]")%>:</label></div></td>
        <td><input id="contact_phone_W" class="textfield" type="text"/></td>
      </tr>
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt"><label for="contact_pager"><%=uscToken.GetText("[ME_TXT-PhoneP]")%>:</label></div></td>
        <td><input id="contact_pager" class="textfield" type="text"/></td>
      </tr>

      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt"><label for="contact_compFax"><%=uscToken.GetText("[ME_TXT-PhoneF]")%>:</label></div></td>
        <td><input id="contact_compFax" class="textfield" type="text"/></td>
      </tr>
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt"><label for="contact_compHomepage"><%=uscToken.GetText("[ME_TXT-HomePage]")%>:</label></div></td>
        <td><input id="contact_compHomepage" class="textfield" type="text"/></td>
      </tr>
     <!--
      
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_blank"></div></td>
        <td><div class="popupWin_form_table_blank"></div></td>
      </tr>
      -->
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt"><label for="contact_address"><%=uscToken.GetText("[ME_TXT-StreetAddress]")%>:</label></div></td>
        <td><input id="contact_address" class="textfield" type="text"/></td>
      </tr>            
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt"><label for="contact_locality"><%=uscToken.GetText("[ME_TXT-Locality]")%>:</label></div></td>
        <td><input id="contact_locality" class="textfield" type="text"/></td>
      </tr>
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt"><label for="contact_state"><%=uscToken.GetText("[ME_TXT-State]")%>:</label></div></td>
        <td><input id="contact_state" class="textfield" type="text"/></td>
      </tr>
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt"><label for="contact_postcode"><%=uscToken.GetText("[ME_TXT-PostalCode]")%>:</label></div></td>
        <td><input id="contact_postcode" class="textfield" type="text"/></td>
      </tr>
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt"><label for="contact_country"><%=uscToken.GetText("[ME_TXT-Country]")%>:</label></div></td>
        <td><input id="contact_country" class="textfield" type="text"/></td>
      </tr>      
     <!--
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_blank"></div></td>
        <td><div class="popupWin_form_table_blank"></div></td>
      </tr>
      -->
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt"><label for="contact_compAssistant"><%=uscToken.GetText("[ME_TXT-Assistant]")%>:</label></div></td>
        <td><input id="contact_compAssistant" class="textfield" type="text"/></td>
      </tr>
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt"><label for="contact_email_work"><%=uscToken.GetText("[ME_TXT-Email]")%>:</label></div></td>
        <td colspan="2"><input id="contact_email_work" class="textfield" type="text"/></td> 
      </tr>
      
    </table><!-- popupWin_form_table -->
</div><!-- tabbedPanel_content_shell TAB3 -->

<div class="tabbedPanel_content_shell" id="<%=OtherTabID%>" <%= MailEnable.Clients.WebMail.Mondo.Request.CheckForRTL(Session("lang"))%>> <!-- Other Details -->
    <table class="popupWin_form_table" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt"><label for="contact_otherAddress"><%=uscToken.GetText("[ME_TXT-StreetAddress]")%>:</label></div></td>
        <td><input id="contact_otherAddress" class="textfield" type="text"/></td>
      </tr>            
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt"><label for="contact_otherLocality"><%=uscToken.GetText("[ME_TXT-Locality]")%>:</label></div></td>
        <td><input id="contact_otherLocality" class="textfield" type="text"/></td>
      </tr>
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt"><label for="contact_otherState"><%=uscToken.GetText("[ME_TXT-State]")%>:</label></div></td>
        <td><input id="contact_otherState" class="textfield" type="text"/></td>
      </tr>
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt"><label for="contact_otherPostcode"><%=uscToken.GetText("[ME_TXT-PostalCode]")%>:</label></div></td>
        <td><input id="contact_otherPostcode" class="textfield" type="text"/></td>
      </tr>
      <tr>
        <td class="popupWin_form_table_left"><div class="popupWin_form_table_txt"><label for="contact_otherCountry"><%=uscToken.GetText("[ME_TXT-Country]")%>:</label></div></td>
        <td><input id="contact_otherCountry" class="textfield" type="text"/></td>
      </tr>      
    </table><!-- popupWin_form_table -->
</div><!-- tabbedPanel_content_shell TAB4 -->

<div class="tabbedPanel_content_shell" id="<%=NotesTabID%>" <%= MailEnable.Clients.WebMail.Mondo.Request.CheckForRTL(Session("lang"))%>> <!-- Contact Notes -->
    <table class="popupWin_form_table" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><textarea id="contact_notes" cols=""></textarea></td>
      </tr>
    </table><!-- popupWin_form_table -->
</div><!-- tabbedPanel_content_shell TAB5 -->