<%@ Page Language="vb"   MasterPageFile="../Controls/Dialog.master" AutoEventWireup="false" Codebehind="DirectoryDetails.aspx.vb" Inherits="MailEnable.Clients.WebAdmin.Mondo.DirectoryDetails" %>
<%@ Register TagPrefix="uc1" TagName="uscStyleHeader" Src="../Controls/uscStyleHeader.ascx" %>
<%@ Register TagPrefix="ucContactGeneralDetails" TagName="ContactGeneralDetails" Src="../Controls/ContactGeneralDetails.ascx" %>
<%@ Register TagPrefix="ucContactPersonalDetails" TagName="ContactPersonalDetails" Src="../Controls/ContactPersonalDetails.ascx" %>
<%@ Register TagPrefix="ucContactCompanyDetails" TagName="ContactCompanyDetails" Src="../Controls/ContactCompanyDetails.ascx" %>
<%@ Register TagPrefix="ucContactOtherDetails" TagName="ContactOtherDetails" Src="../Controls/ContactOtherDetails.ascx" %>

<asp:Content ID="CustomHeader" ContentPlaceHolderID="CustomHeader" Runat="Server">
    <title><%=GetTranslation("[ME_TXT-MailEnable - DirectoryEntryDetails]")%></title>
    <base target="_self" />

    <style type="text/css">
        /*Prevent IE intial scrolls for dialogs*/
        .popupWin_body_bg{
            -ms-overflow-style: none;
            overflow: auto;
        }
    </style>

	<script type="text/javascript" language="javascript" src="../Scripts/LIBDatePicker.js"></script>
	<script type="text/javascript" language="javascript" src="../Scripts/LIBGenericList.js"></script>	
	<script type="text/javascript" language="javascript">
	    var SkinRoot = '<%=Session("skin")%>';
	    var gBrowserType = GetBrowserType();
	    var g_opt={}; g_opt['ME_VALIDATIONTOKEN'] = '<%=Session.Item("ME_VALIDATIONTOKEN")%>'; //could be moved to masterpage

        var sPickerLocation = '<% = DirectoryPersonalDetails.FindControl("birthdayPickerLocation").ClientID %>';
	    var sPicketValueId = '<% = DirectoryPersonalDetails.FindControl("txtTempBirthday").ClientID %>';

	    $(document).ready(function () {
	        PageLoad();
	    });

	    function PageLoad() {
	        var birthdayPickerLocation = document.getElementById(sPickerLocation);
	        if (birthdayPickerLocation) {
	            var today = new Date();
	            var pickerPopupImgSrc = SkinRoot + 'calendar.gif'; //seems to be two types of date pickers (one that uses calendar graphic and one that does not)
	            birthdayPicker = new InlineListsDatePicker('birthdayPicker', birthdayPickerLocation,
					    'mdy', null, ME_DP_MONDAY, dayTokens, monthTokens, '(' + t_('[ME_TXT-None]') + ')', 'ME_StandardText',
					    today.getFullYear() - 100, today.getFullYear());
	            birthdayPicker.todayButtonText = t_('[ME_TXT-Today]');
	            birthdayPicker.selectionButtonText = t_('[ME_TXT-Selection]');
	            birthdayPicker.selectNoneButtonText = t_('[ME_TXT-None]');
	            birthdayPicker.prepare();
	            birthdayPicker.enableSelectNoneButton();

	            var sBirthday = document.getElementById(sPicketValueId).value;

	            if ((sBirthday) && (sBirthday != '') && (sBirthday != '4501-01-01')) {
	                var odtBirthday = getDateTimeObjectFromDateString(sBirthday);
	                birthdayPicker.setToDate(odtBirthday);
	            }
	            else {
	                birthdayPicker.setToDate(null);
	            }
	        }
	        else {
	            alert('birthdayPickerLocation not found');
	        }
	        ME_TabInit();
	        setActiveTab('tab1');

	        browserResize();

	        $(':file').change(function () {
	            if (this.files) {
	                var sComposeId = '<%=MessageID%>';
	                var file = this.files[0];
	                $.ajax({
	                    url: getAppServletURL() + '?Cmd=SET-CONTACT&Options=PHOTO&ID=' + sComposeId + '&TD=' + (new Date()).getTime() + '&ME_VALIDATIONTOKEN=' + getTopAppWindow().g_opt['ME_VALIDATIONTOKEN'],
	                    data: new FormData($('form')[0]),
	                    cache: false,
	                    contentType: false,
	                    processData: false,
	                    type: 'POST',
	                    success: function (data) {
	                        if (data && (data.length > 0)) {
	                        }
	                    },
	                    error: function (request, error) {
	                        alert("An error occured uploading: " + error);
	                    },
	                    complete: function (jqXHR, sTextstatus) {
	                        //request image
	                        $('#imgPhoto').attr("src", getAppServletURL() + '?Cmd=GET-CONTACT&Options=PHOTO&ID=' + sComposeId + '&TD=' + (new Date()).getTime() + '&ME_VALIDATIONTOKEN=' + getTopAppWindow().g_opt['ME_VALIDATIONTOKEN']);
	                        $('#uploader').hide();
	                    },
	                    processData: false
	                })
	            }
	            else {
	                alert('no support');
	            }
	        });


	    }

	    function FixDate() {
	        document.getElementById(sPicketValueId).value = formatDate(birthdayPicker.getSelectedDate(), "yyyy-MM-dd");
	    }
/*
	    function browserResize() {
	        var html_h = document.body.offsetHeight;
	        var foot_h = document.getElementById('popupWin_foot_bttns_js').clientHeight;
	        var tab_head_h = document.getElementById('TabContainer').clientHeight;
	        var inputList = document.getElementById('popupWin_content_scroll_js').clientHeight;

	        var padding = 35;

	        var resize_h = html_h - foot_h - tab_head_h - padding;

	        document.getElementById('popupWin_content_scroll_js').style.height = resize_h + "px";
	    }
*/
	    window.onresize = function () {
	        browserResize();
	    }





    </script>
    <style type="text/css">
        .contacts_img_td             {width:150px;vertical-align:top;overflow:hidden;}
        .contacts_img_shell          {position:relative;float:right;width:125px;height:125px;background:#fff;border:1px solid #666;margin-top:3px;-moz-user-select:none;}
        .contacts_img_shell img      {border:0;-moz-user-select:none;}
        .contacts_img_close          {position:absolute;top:3px;right:3px;width:16px;height:16px;background:url("icon_close.gif") no-repeat;cursor:pointer;display:none;-moz-user-select:none;}
        .contacts_img_close:active   {background-position:0px -32px;cursor:pointer;}    
    </style>
</asp:Content>

<asp:Content ID="MainContent" ContentPlaceHolderID="MainContent" Runat="Server">
    <div id="uploader" style="position:absolute; top:200px;left:200px;">
        <form id="fmUpload" name="fileupload" enctype="multipart/form-data" action="">
        <input id="file" name="file" type="file" style="display: none;" />
        <%MailEnable.Utilities.WriteFormValidationField(Response, Session.SessionID, Session.Item("ME_VALIDATIONTOKEN"))%>
        </form>
    </div>
    <form id="FrmDirectoryDetails" name="FrmDirectoryDetails" runat="server" onsubmit="FixDate();"><%MailEnable.Utilities.WriteFormValidationField(Response, Session.SessionID, Session.Item("ME_VALIDATIONTOKEN"))%>
	    <div class="popupWin_tab_body_shell">
	
	        <asp:Table cssClass="ME_Tab_table" ID="DirectoryData" Runat="server" CellPadding="3" CellSpacing="0" BorderWidth="0" Width="100%">
            <asp:TableRow ID="ContactDetails" CssClass="ME_List1" Visible="True">
                <asp:TableCell ColumnSpan="2" Wrap="False">
			
			    <!-- Tab Buttons -->
                <div id="TabContainer" class="ME_Tab_table_outter">
                    <div class="ME_Tab_table_shell">
                    <table class="ME_Tab_table" border="0" cellpadding="0" cellspacing="0">
	                    <tr>
		                <th><span id="tab1" class="ME_Tab_button"><%=GetTranslation("[ME_TXT-General]")%></span></th>
		                <th><span id="tab4" class="ME_Tab_button"><%=GetTranslation("[ME_TXT-Personal]")%></span></th>
		                <th><span id="tab5" class="ME_Tab_button"><%=GetTranslation("[ME_TXT-Company]")%></span></th>
		                <th><span id="tab6" class="ME_Tab_button"><%=GetTranslation("[ME_TXT-Other]")%></span></th>
		                <th><span id="tab2" class="ME_Tab_button"><%=GetTranslation("[ME_TXT-Notes]")%></span></th>
	                    </tr>
	                </table>
                    </div><!-- ME_Tab_table_shell -->
                </div><!-- ME_Tab_table_outter -->
	          
                <!-- Tab Bodies -->
                <div class="popupWin_content_scroll_tab" id="popupWin_content_scroll_js">
		            <div class="popupWin_content_scroll_tab_inner">
                    
                    <div class="loginPanel_description" style="padding:3px 0px;">
                        <asp:literal id="litError" Runat="server"></asp:literal>    
                    </div>
                    
	                <div id="tab1_body" class="ME_Tab_shell">	<!--START TAB 1-->
                    <ucContactGeneralDetails:ContactGeneralDetails id="DirectoryGeneralDetails" runat="server"></ucContactGeneralDetails:ContactGeneralDetails>		
                    </div> <!--END TAB 1-->
                  
                    <div id="tab4_body" class="ME_Tab_shell">	<!--START TAB 2-->
                    <ucContactPersonalDetails:ContactPersonalDetails id="DirectoryPersonalDetails" runat="server"></ucContactPersonalDetails:ContactPersonalDetails>		
                    </div> <!--END TAB 2-->
                      
                    <div id="tab5_body" class="ME_Tab_shell">	<!--START TAB 3-->
                    <ucContactCompanyDetails:ContactCompanyDetails id="DirectoryCompanyDetails" runat="server"></ucContactCompanyDetails:ContactCompanyDetails>		

			        </div> <!--END TAB 3-->
    							    
			        <div id="tab6_body" class="ME_Tab_shell">	<!--START TAB 4-->
                    <ucContactOtherDetails:ContactOtherDetails id="DirectoryOtherDetails" runat="server"></ucContactOtherDetails:ContactOtherDetails>		
			        </div> <!--END TAB 4-->
    							    
			        <div id="tab2_body" class="ME_Tab_shell">	<!--START TAB 5-->
			            <table class="options_form_table" border="0" cellpadding="0" cellspacing="0">
                            <tr>
                            <td><%=GetTranslation("[ME_TXT-Notes]")%>:</td>
                            </tr>
                            <tr>
                            <td>
                                <asp:TextBox Runat="server" TextMode="MultiLine" id="txtNotes" class="textfield" onmouseover="enableSelection(document.body); return true;" onmouseout="disableSelection(document.body); return true;" style="height:200px;"></asp:TextBox>
                            </td>
                            </tr>
                        </table>
			        </div> <!--END TAB 5-->
							    
                    </div><!-- popupWin_content_scroll_tab_inner-->
                </div><!-- popupWin_content_scroll_tab -->
            
                <!-- Footer Bttns -->
                <div class="popupWin_tab_foot" id="popupWin_foot_bttns_js">
                    <asp:button id="btnAction" Runat="server" CssClass="ME_Button" Style="CURSOR:pointer" Width="80"></asp:button>&nbsp;<asp:button id="btnCancel" Runat="server" CssClass="ME_Button" Style="CURSOR:pointer" Width="80"></asp:button>
                </div>
                    
		    </asp:TableCell>
		    </asp:TableRow>
	    </asp:Table>
				
	    </div><!-- popupWin_tab_body_shell -->
    </form>
</asp:Content>