<div class="dropdown_container" data-bind="customScrollbar: {x: false}">
	<div class="scroll-inner">
		<div class="fields">
			<div class="fieldset">
				<div class="row" data-bind="visible: displayName() || nickName()">
					<span class="value">
						<span class="stroke" data-bind="visible: displayName(), text: displayName"></span>
						<span data-bind="visible: nickName()">
							(<span class="stroke" data-bind="visible: nickName(), text: nickName"></span>)
						</span>
					</span>
				</div>
				<div class="row" data-bind="visible: email()">
					<span data-bind="text: email, makeLinkComposeMailTo: getFullEmail()"></span>
				</div>
				<div class="row" data-bind="visible: firstName() || lastName()">
					<span class="value">
						<span class="stroke" data-bind="visible: firstName(), text: firstName"></span> <span class="stroke" data-bind="visible: lastName(), text: lastName"></span>
					</span>
				</div>
				<div class="row" data-bind="visible: '' !== skype()">
					<span class="stroke">
						<span class="text" data-bind="i18n: {'key': '%MODULENAME%/LABEL_SKYPE'}"></span>
					</span>
					<a href="javascript: void(0)" data-bind="attr: {href: 'skype:' + skype()}">
						<span class="stroke" data-bind="text: skype"></span>
					</a>
				</div>
				<div class="row" data-bind="visible: '' !== facebook()">
					<span class="stroke">
						<span class="text" data-bind="i18n: {'key': '%MODULENAME%/LABEL_FACEBOOK'}"></span>
					</span>
					<a class="stroke" href="javascript: void(0)" target="_blank" data-bind="visible: isStrLink(facebook()), attr: {href: facebook}">
						<span class="value" data-bind="text: facebook"></span>
					</a>
					<span class="stroke" data-bind="visible: !isStrLink(facebook()), text: facebook"></span>
				</div>
			</div>
			<div class="fieldset" data-bind="if: !personalIsEmpty()">
				<h2 data-bind="i18n: {'key': '%MODULENAME%/HEADING_BASIC_INFO'}"></h2>
				
				<div class="row" data-bind="visible: personalStreetAddress()">
					<span class="value">
						<span class="stroke" data-bind="text: personalStreetAddress"></span>
					</span>
				</div>
				<div class="row" data-bind="visible: personalCity() || personalState() || personalCountry() || personalZipCode()">
					<span class="value">
						<span class="stroke" data-bind="visible: personalCity(), text: personalCity"></span>
						<span data-bind="visible: (personalState() && personalCity())">, </span>
						<span class="stroke" data-bind="visible: personalState(), text: personalState"></span>
						<span data-bind="visible: (personalCountry() && personalState())">, </span>
						<span class="stroke" data-bind="visible: personalCountry(), text: personalCountry"></span>
						<span data-bind="visible: (personalCountry() && personalZipCode())">, </span>
						<span class="stroke" data-bind="visible: personalZipCode(), text: personalZipCode"></span>
					</span>
				</div>
				<div class="row" data-bind="visible: (personalEmail() && personalEmail() !== email())">
					<span class="value">
						<span data-bind="text: personalEmail, makeLinkComposeMailTo: getFullEmail(personalEmail())"></span>
					</span>
				</div>
				
				<div class="row" data-bind="visible: personalWeb()">
					<a class="button" target="_blank" data-bind="text: personalWeb, attr: {'href': '//' + personalWeb() }"></a>
				</div>
				<div class="row" data-bind="visible: (personalFax() || personalPhone())">
					<span class="value">
						<span class="stroke" data-bind="visible: personalPhone(), i18n: {'key': '%MODULENAME%/LABEL_PHONE'}"></span>
						<span class="stroke" data-bind="visible: (personalFax() && personalPhone())">/</span>
						<span class="stroke" data-bind="visible: personalFax(), i18n: {'key': '%MODULENAME%/LABEL_FAX'}"></span> <span class="stroke" data-bind="visible: personalPhone(), text: personalPhone"></span>
						<span class="stroke" data-bind="visible: (personalFax() && personalPhone() && (personalFax() !== personalPhone()))">/</span>
						<span class="stroke" data-bind="visible: (personalFax() && (personalFax() !== personalPhone())), text: personalFax"></span>
					</span>
				</div>
				<div class="row" data-bind="visible: personalMobile()">
					<span class="value">
						<span class="stroke" data-bind="i18n: {'key': '%MODULENAME%/LABEL_MOBILE'}"></span> <span data-bind="text: personalMobile"></span>
					</span>
				</div>
			</div>
			<div class="fieldset" data-bind="if: !businessIsEmpty()">
				<h2 data-bind="i18n: {'key': '%MODULENAME%/HEADING_BUSINESS_INFO'}"></h2>
				
				<div class="row" data-bind="visible: (businessEmail() && businessEmail() !== email())">
					<span class="value">
						<span data-bind="text: businessEmail, makeLinkComposeMailTo: getFullEmail(businessEmail())"></span>
					</span>
				</div>
				<div class="row" data-bind="visible: businessCompany()">
					<span class="value">
						<span class="stroke" data-bind="visible: businessDepartment(), i18n: {'key': '%MODULENAME%/LABEL_WORK_IN'}"></span>
						<span class="stroke" data-bind="visible: businessCompany(), text: businessCompany"></span>
						<span data-bind="visible: (businessDepartment() && businessCompany())">, </span>
						<span class="stroke" data-bind="visible: businessDepartment(), text: businessDepartment"></span>
						<span data-bind="visible: (businessCompany() && businessJob())">, </span>
						<span class="stroke" data-bind="visible: businessJob(), text: businessJob"></span>
					</span>
				</div>
				<div class="row" data-bind="visible: businessStreetAddress() || businessOffice()">
					<span class="value">
						<span class="stroke" data-bind="visible: businessStreetAddress(), text: businessStreetAddress"></span>
						<span data-bind="visible: (businessStreetAddress() && businessOffice())">, </span>
						<span class="stroke" data-bind="visible: businessOffice(), i18n: {'key': '%MODULENAME%/LABEL_OFFICE'}"></span>
						<span class="stroke" data-bind="visible: businessOffice(), text: businessOffice"></span>
					</span>
				</div>
				<div class="row" data-bind="visible: businessCity() || businessState() || businessCountry() || businessZipCode()">
					<span class="value">
						<span class="stroke" data-bind="visible: businessCity(), text: businessCity"></span>
						<span data-bind="visible: (businessState() && businessCity())">, </span>
						<span class="stroke" data-bind="visible: businessState(), text: businessState"></span>
						<span data-bind="visible: (businessCountry() && businessState())">, </span>
						<span class="stroke" data-bind="visible: businessCountry(), text: businessCountry"></span>
						<span data-bind="visible: (businessCountry() && businessZipCode())">, </span>
						<span class="stroke" data-bind="visible: businessZipCode(), text: businessZipCode"></span>
					</span>
				</div>

				<div class="row" data-bind="visible: businessWeb()">
					<span class="value">
						<a class="button" target="_blank" data-bind="text: businessWeb, attr: {'href': '//' + businessWeb() }"></a>
					</span>
				</div>


				<div class="row" data-bind="visible: (businessFax() || businessPhone())">
					<span class="value">
						<span class="stroke" data-bind="visible: businessPhone(), i18n: {'key': '%MODULENAME%/LABEL_PHONE'}"></span>
						<span class="stroke" data-bind="visible: (businessFax() && businessPhone())">/</span>
						<span class="stroke" data-bind="visible: businessFax(), i18n: {'key': '%MODULENAME%/LABEL_FAX'}"></span> <span class="stroke" data-bind="visible: businessPhone(), text: businessPhone"></span>
						<span class="stroke" data-bind="visible: (businessFax() && businessPhone() && (businessFax() !== businessPhone()))">/</span>
						<span class="stroke" data-bind="visible: (businessFax() && (businessFax() !== businessPhone())), text: businessFax"></span>
					</span>
				</div>
			</div>
			<div class="fieldset" data-bind="if: !otherIsEmpty()">
				<h2 data-bind="i18n: {'key': '%MODULENAME%/HEADING_OTHER_INFO'}"></h2>
				<div class="row" data-bind="visible: otherBirthday()">
					<span class="value">
						<span class="stroke" data-bind="i18n: {'key': '%MODULENAME%/LABEL_BORN'}"></span>
						<span class="stroke" data-bind="text: otherBirthday"></span>
					</span>
				</div>
				<div class="row" data-bind="visible: (otherEmail() && otherEmail() !== email())">
					<span class="value">
						<span data-bind="text: otherEmail, makeLinkComposeMailTo: getFullEmail(otherEmail())"></span>
					</span>
				</div>
				
				<div class="row" data-bind="visible: otherNotes()">
					<span class="stroke" data-bind="text: otherNotes"></span>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="buttons buttons_position" data-bind="visible: $root.bAllowComposeMessageToAddresses || $root.bAllowSearchMessagesInCurrentFolder && hasEmails()">
	<a class="link" href="javascript: void(0)" data-bind="i18n: {'key': '%MODULENAME%/ACTION_SEND_MAIL'}, makeLinkComposeMailTo: getFullEmail()" style="display: none;"></a>
	<span class="link" data-bind="i18n: {'key': '%MODULENAME%/ACTION_VIEW_CONTACT_MAILS'},
		click: function () {$root.searchMessagesInCurrentFolder('email:' + getEmailsString());},
		visible: $root.bAllowSearchMessagesInCurrentFolder && hasEmails()"></span>
</div>
