{global_header_before_title}
{preload_replace:widget_bundle="frontpage"}
{embed="embeds/global_header" page="person"}
<script type='text/javascript' src='{path=js/jcarousel}'></script> 
<script type='text/javascript' src='{path=js/poshytip}'></script>
<script type="text/javascript" src="{theme_path}/js.group/tinymce/jquery.tinymce.js"></script>
 
 <div id="columns"> 
        <div class="person-psd person-psd-v-two"> 
            <div class="box-wrap">
                  <h1 class="title">UPDATE: Personal Details</h1>
                  
                  <p class="alert" id="message"></p>
                  <div class="box-wrap-content" >
                       <form name="fts-confirm-contacts" method="post" action="{site_url}">
                           <input type="hidden" name="ACT" value="[##AID##]"/>
                           <input type="hidden" name="MSGACT" value="[##MSGACT##]"/>
                           <input type="hidden" name="PRACT" value="[##PRID##]"/>
                           <input type="hidden" name="CID" value="[##CID##]"/>
                           <input type="hidden" name="cmd" id="cmd" value="" /> 
                           <input type="hidden" name="sub_cmd" id="sub_cmd" value="" /> 
                           <div class="container">
                                <div class="item item-profile">
                                    [##if "[##user_photo##]" == 'default' ##]
                                        <img id="user_photo" width="200" class="photo" src="{app_img_path}/head.jpg" alt="Photo" title="Dental Community"/>
                                    [##if:else##]
                                        <img id="user_photo" width="200" class="photo" src="[##user_photo##]" alt="Photo" title="Dental Community"/>
                                    [##/if##]
                                    <div class="item-wrapper">
                                         <p class="strong medium">[##screen_name##]</p>
                                         <table class="detail">
                                            <colgroup>
                                                <col />
                                                <col width='300px'/>
                                                <col width='260px'/>
                                            </colgroup>
                                            <tr>
                                               <td><label>Your Name</label></td> <td>[##legal_name##]</td>
                                               <td class="spec">
                                                   [##if "[##year_grad##]" != '' ##]
                                                    <div><label>Year Graduated</label><span>[##year_grad##]</span></div>
                                                   [##/if##]
                                               </td>
                                            </tr>
                                            <tr>
                                               <td><label>Online Name</label></td> <td>[##online_name##] <a id="change_online_name">Change</a></td><td class="spec"><div><label>Gender</label><span>[##gender##]</span></div></td>
                                            </tr>
                                            <tr>
                                               <td><label>Your Profile</label></td> <td><a id="topics_news">[##count_news##] news & feature topics selected</a></td><td><a id="topics_events">[##count_event_topics##] event topics selected</a></td>
                                            </tr>
                                            <tr>
                                               <td><label>Employment Status</label></td>
                                               <td> [##employ_type##] <a onclick="javascript:jQuery('#cmd').val('update_employment_status');jQuery('form').submit();">Change</a></td>
                                               <td>
                                                 [##if "[##category##]" != '' ##] 
                                                   <label>Category</label>
                                                   [##category##] 
                                                 [##/if##]
                                               </td> 
                                            </tr>
                                            
                                            [##if "[##rego_no##]" != '' ##]
                                            <tr>
                                               <td><label>DBA Registration</label></td> 
                                               <td colspan="2">
                                                  [##rego_no##] - [##pract_type##]
                                                  <a class="register-dba">Change</a>
                                               </td>
                                            </tr>    
                                            [##/if##]
                                            
                                            [##if "[##rego_no_nz##]" != '' ##]
                                            <tr>
                                               <td><label>DCNZ Registration</label></td> 
                                               <td colspan="2">
                                                  [##rego_no_nz##] - [##pract_type_nz##]
                                                  <a class="register-dcnz">Change</a>
                                               </td>
                                            </tr>    
                                            [##/if##]
                                            
                                            <tr>
                                               <td colspan="2">     
                                                  [##if "[##rego_no##]" == '' && "[##rego_no_nz##]" == '' ##]
                                                     <a class="register-all">Add your registration information</a>
                                                  [##if:else##]
                                                     [##if "[##rego_no##]" == '' || "[##rego_no_nz##]" == '' ##]
                                                         <a class="register-further">Add further registrations</a> 
                                                     [##/if##] 
                                                  [##/if##]
                                   
                                               </td> 
                                               <td>
                                                   [##if "[##messages_count##]" != "0"##]
                                                      <a id="message_manage">You have [##messages_count##] message[##if "[##messages_count##]" > "1"##]s</a>[##/if##]
                                                   [##/if##] 
                                               </td> 
                                            </tr>
                                            <tr>
                                               <td><label>Last Verified</label></td> <td>Listing last verified on [##review_contact_date##]</td>
                                               <td>
                                                    [##if "[##count_other_practices##]" > 0 ##]
                                                        <a id="practice">You are linked to [##count_other_practices##] practice[##if "[##count_other_practices##]" > 1 ##]s[##/if##]</a>
                                                    [##if:else##]
                                                        <a class="red">You are not linked to any practices</a>
                                                    [##/if##]
                                                </td>
                                            </tr>
                                         </table>
                                         <span>Please update your details below and click <strong>Save</strong> to save the changes and <strong class="red">VERIFY</strong> your listing.</span>
                                         &nbsp;&nbsp;
                                         <input type="submit" class="btn-save" name="save" id="save" value="">
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="item-wrapper">
                                        <ul class="contact">
                                            <li>
                                                <div class="first">
                                                    <label>Personal Email<em>*</em></label>
                                                </div>
                                                <div class="second">
                                                    &emsp;<span>[##email##]</span>
                                                    &emsp;&emsp;&emsp;<a onclick="javascript:jQuery('#cmd').val('update_personal_email');jQuery('form').submit();">Change</a> 
                                                </div>
                                                <div class="third">
                                                    <img class="info-img helptext" width="30px" height="30px" src="{app_img_path}/icon/icon_info.png" title="[##ht.email_personal_changes##]"/>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="first">
                                                    <label>Mobile Phone</label>
                                                </div>
                                                <div class="second phones-wrapper">
                                                    <span id="phone_mobile_wrapper" [##if '[##is_public_show_opts_mobile##]' == 'yes'##]class="phone_mobile-extend"[##/if##]></span>
                                                    [##if '[##is_public_show_opts_mobile##]' == 'yes'##]
                                                    <select id="public_mobile_show" name="public_mobile_show">
                                                        [##public_show_opts_mobile##]
                                                    </select>
                                                    [##/if##]
                                                </div>
                                                <div class="third">
                                                    [##if '[##is_public_show_opts_mobile##]' == 'no'##]
                                                    <img class="info-img helptext" title="[##ht.mobile##]" width="30px" height="30px" src="{app_img_path}/icon/icon_info.png"/>
                                                    [##if:else##]
                                                    <img class="info-img helptext" title="[##ht.mobile_industry##]" width="30px" height="30px" src="{app_img_path}/icon/icon_info.png"/>
                                                    [##/if##]
                                                </div>
                                            </li>
                                            <li>
                                                <div class="first">
                                                    <label>Direct Line</label>
                                                </div>
                                                <div class="second phones-wrapper">
                                                    <span id="direct_phone_wrapper" [##if '[##is_public_show_opts_directphone##]' == 'yes'##]class="directphone-extend"[##/if##]></span>
                                                    
                                                    [##if '[##is_public_show_opts_directphone##]' == 'yes'##]
                                                    <select id="public_directphone_show" name="public_directphone_show">
                                                        [##public_show_opts_directphone##]
                                                    </select>
                                                    [##/if##]
                                                </div>
                                                <div class="third">
                                                    <img class="info-img helptext" title="[##ht.direct_telephone##]" width="30px" height="30px" src="{app_img_path}/icon/icon_info.png"/>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="first">
                                                    <img src="{app_img_path}/icon/icon_skype.png"/>
                                                </div>
                                                <div class="second">
                                                    <input  id="skype" [##if '[##is_public_show_opts_skype##]' == 'yes'##]class="skype-extend"[##/if##] name="skype" value="[##skype##]"/>
                                                    [##if '[##is_public_show_opts_skype##]' == 'yes'##]
                                                    <select id="public_skype_show" name="public_skype_show">
                                                        [##public_show_opts_skype##]
                                                    </select>
                                                    [##/if##]
                                                </div>
                                                <div class="third">
                                                    <img class="info-img helptext" title="[##ht.personal_skype##]" width="30px" height="30px" src="{app_img_path}/icon/icon_info.png"/>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="first">
                                                    <label>Personal Website</label>
                                                </div>
                                                <div class="second">
                                                    <input type="text" id="personal_website" name="personal_website" value="[##personal_website##]"/>
                                                </div>
                                                <div class="third">
                                                    <img class="info-img helptext" title="[##ht.personal_website##]" width="30px" height="30px" src="{app_img_path}/icon/icon_info.png"/>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="first">
                                                    <label>Principal Practice<em>*</em></label>
                                                </div>
                                                <div class="second">
                                                    <select id="principal_practice" name="principal_practice">
                                                         [##opts_principal_practices##]
                                                    </select>
                                                </div>
                                                <div class="third">
                                                    <img class="info-img helptext" title="[##ht.principal_pract##]" width="30px" height="30px" src="{app_img_path}/icon/icon_info.png"/>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                    [##if "[##exist_memberships##]" == "yes"##]
                                    <div class="item-wrapper">
                                        <ul class="memberships">
                                            <li>
                                                <div class="first">
                                                    &nbsp;<label>Memberships</label>
                                                </div>
                                                <div class="second"> 
                                                     
                                                </div>
                                                <div class="third f-right">
                                                    <img class="info-img helptext" title="[##ht.membership##]" width="30px" height="30px" src="{app_img_path}/icon/icon_info.png"/>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="jcarousel-skin-memberships">
                                                   <ul id="mycarousel" class="jcarousel-list jcarousel-list-horizontal">
                                                        [##memberships##] 
                                                   </ul>
                                                </div> 
                                            </li>
                                        </ul>
                                    </div> 
                                    [##/if##]
                                </div>
                                <div class="item item-social">
                                    {embed="person/social"}
                                </div>
                                <div class="item item-other-profile item-dentist clearer" id="dentist_profile_place">
                                    {embed="person/dentist_profile"}   
                                </div>
                                <div class="item item-other-profile item-speaker clearer">
                                    {embed="person/speaker_profile"}
                                </div>
                       </div>
                       {embed="person/psd_v_two_telephone"}
                       </form>
                  </div>
                  
                  <script type="text/javascript">
                     function check_photos(){
                         $('img.edit-photo').each(function(){
                             var src = $(this).attr("src");
                             if (src.indexOf("head.jpg") != -1){
                                  var camera = $(this).parent().find('img.cross-camera'); 
                                  var cross = $(this).parent().find('img.cross-x'); 
                                  camera.show();
                                  cross.hide();
                             }else{
                                  var camera = $(this).parent().find('img.cross-camera'); 
                                  var cross = $(this).parent().find('img.cross-x'); 
                                  cross.show();
                                  camera.hide();
                             }
                         });
                     }
                     jQuery(document).ready(function($){
                         
                         $("a.register-dba").click(function(){
                             $('#cmd').val('update_registration');
                             $('#sub_cmd').val('dba');
                             $('form').submit();
                         });
                         $("a.register-dcnz").click(function(){
                             $('#cmd').val('update_registration');
                             $('#sub_cmd').val('dcnz');
                             $('form').submit();
                         });
                         $("a.register-all").click(function(){
                             $('#cmd').val('update_registration');
                             $('#sub_cmd').val('all');
                             $('form').submit();
                         });
                          $("a.register-further").click(function(){
                             $('#cmd').val('update_registration');
                             $('#sub_cmd').val('further');
                             $('form').submit();
                         });
                         
                         check_photos();
                         $('img.photo').error(function(){
                             $(this).attr("src", "{app_img_path}/head.jpg");
                             check_photos();
                         });
                         
                         $('img.cross-camera').click(function(){
                            $(this).parent().find("input[type=file]").click();  
                         });
                         
                         $('#change_online_name').click(function(){
                            var pos = $('#prefname').offset().top;
                            $('html,body').animate({scrollTop: pos}); 
                            $('#prefname').focus();
                         });
                         $('#online_change').click(function(){
                             var status = "[##online_status##]";
                             $('#cmd').val("update_online_status");
                             $('#sub_cmd').val(status);
                             $('form').submit();
                         });
                         $('#speaker_online_change').click(function(){
                             var status = "[##online_status_speaker##]";
                             $('#cmd').val("update_speaker_online_status");
                             $('#sub_cmd').val(status);
                             $('form').submit();
                         });
                         $('#topics_news').click(function(){
                             $('#cmd').val("update_topics");
                             $('#sub_cmd').val('news');
                             $('form').submit();
                         });
                         $('#topics_events').click(function(){
                             $('#cmd').val("update_topics");
                             $('#sub_cmd').val('events');
                             $('form').submit();
                         });
                         $("#message_manage").click(function(){
                            var msg_action_id = $("input[name='MSGACT']").val();  
                            $("input[name='ACT']").val(msg_action_id);
                            $("#cmd").val("goto_page");
                            $("form").submit();  
                         });
                         $("#practice").click(function(){
                            var practice_action_id = $("input[name='PRACT']").val();  
                            $("input[name='ACT']").val(practice_action_id);
                            $("#cmd").val("goto_page");
                            $("form").submit();   
                         });
                         var alertObj = $('#message');
                         alertObj.hide();
                         $(".alert.dynamic").remove();
                         
                         $("input[name='save']").click(function(){
                            $(".alert.dynamic").remove();
                            
                            /// validatoin for public email /// 
                            var public_email = $('#public_email').val();
                            var pattern = new RegExp(/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i);
                            if(public_email != '' && !pattern.test(public_email)){
                                  //alertObj.html("ERROR: Please enter a valid Email Address.");
                                  //alertObj.show();
                                  var msg = "ERROR: Please enter a valid Email Address";
                                  $('#public_email').parents("div:first").prepend("<p class='alert dynamic'>" + msg + "</p>");
                                  $.fn.custom_scroll_to($('#public_email').parents("div:first"));
                                  return false;
                            } 
                            ////////////////////////////////////
                            
                            /// validation for personal website ///
                            var pattern = new RegExp('(http|ftp|https)://[a-z0-9\-_]+(\.[a-z0-9\-_]+)+([a-z0-9\-\.,@\?^=%&;:/~\+#]*[a-z0-9\-@\?^=%&;/~\+#])?', 'i');
                            var personal_website = $("#personal_website").val();
                            if(personal_website != '' && !pattern.test(personal_website)){
                                  var parent = $("#personal_website").parents("li:first");
                                  var msg = "ERROR: Please enter a valid website URL connecting with http:// or https://";
                                  $(parent).prepend("<p class='alert dynamic'>" + msg + "</p>");
                                  return false;
                            }
                                            ///////////////////////////////////////
                            
                            tinyMCE.triggerSave();
                            if($.fn.validate_phones() == false){
                                return false;
                            }
                            $('form').submit();  
                         });
                     }); 
                  </script>
                  
                  <script type="text/javascript">

                    function mycarousel_initCallback(carousel)
                    {
                        var totals = carousel.list.children().length;
                        if (totals <= 3){
                            carousel.buttonNext.hide();
                            carousel.buttonPrev.hide();
                        }
                        // Disable autoscrolling if the user clicks the prev or next button.
                        carousel.buttonNext.bind('click', function() {
                            carousel.startAuto(0);
                        });

                        carousel.buttonPrev.bind('click', function() {
                            carousel.startAuto(0);
                        });

                        // Pause autoscrolling if the user moves with the cursor over the clip.
                        carousel.clip.hover(function() {
                            carousel.stopAuto();
                        }, function() {
                            carousel.startAuto();
                        });
                    };
                  
                    jQuery(document).ready(function() {
                        jQuery('#mycarousel').jcarousel({
                            auto: 30,
                            wrap: 'last',
                            initCallback: mycarousel_initCallback
                        });
                    });

                  </script>

                  <script type="text/javascript">
                     jQuery(document).ready(function($) {
                         $('.helptext').each(function(){
                             $(this).poshytip({
                                className: 'tip-skyblue',
                                bgImageFrameSize: 11,
                                offsetX: -25
                                }); 
                         });
                     });
                  </script>
                  
                  <script type="text/javascript">
                     jQuery(document).ready(function($) {
                         $("img.cross-x").click(function(){
                             if (!confirm("Are you sure to remove the photo?")){
                                 return;
                             }
                             var alertObj = $('#message'); 
                             alertObj.hide();
                             
                             var photo = $(this).parent().find("img.edit-photo");
                             var waiting = $(this).parent().find("img.upload-loading");
                             waiting.show();
                             var crm_field = $(this).attr("data");
                             
                             $.ajax({
                                async : true,
                                type : "POST",
                                url : "{site_url}ajax/remove_photo",
                                data : {'crm_field':crm_field},
                                dataType: 'json',
                                success : function(data){ 
                                    waiting.hide(); 
                                    var success = data['success'];
                    
                                    if (success == 1){
                                        photo.attr("src", "{app_img_path}/head.jpg"); 
                                        check_photos();      
                                    }else{
                                        var error = data['error'];
                                        alertObj.html(error);
                                        alertObj.show();
                                        alert(error);
                                    }     
                                },
                                error : function(e){
                                    alert(e);
                                    waiting.hide(); 
                                }
                            });
                         });
                     });
                     
                     jQuery(document).ready(function($) {
                         $("#user_photo").click(function(){
                             var target = $("#" + "dentist_profile_place").offset();
                             $("html, body").animate({ scrollTop: target.top }, "slow");
                         });
                     });
                  </script>
            </div>
 
        </div> <!--/col1--> 
 
{global_footer}