

<?php 

  

$alignedId=array(10=>"massage",21=>"ganbanyoku" ,32=>"massage-shatin", 11=>"skin-care", 26=>"ear-candling",27=>"eye-treatment",28=>"organic",29=>"skin-treatment",30=>"detoxification",31=>"hot-stone",33=>"skin-scraping",34=>"skin-massage",35=>"facial",14=>"ganbanyoku-spa",36=>"ganbanyoku-review",39=>"skin-doctor",23=>"amigo-ganbanyoku",12=>"lai-chi-kok",13=>"ganbanyoku-contact", 41=>"ganbanyoku-shatin", 44=>"tsim-sha-tsui", 1=>"About-us");


$sql_submenu = mysql_query('SELECT * FROM `album` WHERE `ep_web` = '.$sect_id.' AND `show` = 1  ORDER BY `rank` ASC')or die(mysql_error());
// $sql_submenu = mysql_query('SELECT * FROM `album` WHERE `ep_web` = '.$sect_id.' AND `show` = 1  ORDER BY `rank` DESC')or die(mysql_error());
// $row_submenu = mysql_fetch_assoc($sql_submenu);
$num_row = mysql_num_rows($sql_submenu);

if ($id){
  $sql_content = mysql_query('SELECT * FROM `album` WHERE `ep_id` = '.$id.' AND `show` = 1') or die(mysql_error());
} else {
  $sql_content = mysql_query('SELECT * FROM `album` WHERE `ep_web` = '.$sect_id.' AND `show` = 1 ORDER BY `rank` ASC LIMIT 0, 1 ') or die(mysql_error());
}
// $row_content = mysql_fetch_assoc($sql_content);

//added to add photo list
$photoList=array();
while ($row_submenu = mysql_fetch_assoc($sql_submenu)){
  $photo=$row_submenu['ep_pic'];
  array_push($photoList, $photo);
}

//end added to add photo list


?>


  <!-- Masthead -->
  <header style="position: relative;
    background-color: #343a40;
    background: url(../img/nchmcbanner.png) no-repeat center center;
    background-size: cover;">
    <div style="height: 320px">
    </div>
  </header>
   


  <!-- new content row -->
  <div class="container ">
  <div class="row">
    
    <div class="col-md-12 " style="padding-left: 0px!important;padding-right: 0px!important;text-align: center;" > 
      <!-- content -->
          <div style="display: block;width: 100%;text-align: left;">
              <!-- <p><span style="color:#2c2c2c;">首頁 > </span><span style="color:#a73745; ">診所環境</span></p> -->
              <?php 
              if($global_lang=="tc"){
               ?>
                    <p><span style="color:#2c2c2c;">首頁 > </span><span style="color:#a73745; ">醫療團隊</span></p>
              <?php     
                  }
              ?>
               <?php 
                  if($global_lang=="sc"){
               ?>
                    <p><span style="color:#2c2c2c;">首页 > </span><span style="color:#a73745; ">医疗团队</span></p>
              <?php     
                  }
              ?>
          </div>
          <?php 
              if($global_lang=="tc"){
           ?>
                <h4 style="color:#a73745; ">醫療團隊</h4>
          <?php     
              }
          ?>
           <?php 
              if($global_lang=="sc"){
           ?>
                <h4 style="color:#a73745; ">医疗团队</h4>
          <?php     
              }
          ?>
          


          <div style="height: 60px ;position: relative;width:100%">
          <!-- place horizontal line -->
     <!--      <span style="width:10000px;height: 1px;background: #dddddd;position: absolute;display: inline-block;left: 50%;margin-left: -190px;top: 0px;margin-top: 30px;" ></span> -->
        <span style="width:100%;height: 1px;background: #dddddd;display: inline-block;top: 0px;margin-top: 30px;" ></span>
        </div>

        <!-- team detail -->
        <div class="container ">
          <div class="row">
            
            <div class="col-md-3 " style="padding-left: 0px!important;padding-right: 0px!important;text-align: center;" > 
              <!-- photo -->
              <img class="img-responsive" src="..\images\doctor2.png" style="width: auto;
height: auto;
max-width: 100%;
max-height: 100%;" >
              <!-- end photo -->
            </div>
            <div class="col-md-9 " style="padding-left: 35px!important;padding-right: 35px!important;padding-top:25px;text-align: center;background-color: #f5f5f5;" > 
              <!-- contact details -->
                  <style>
                /*#link_bar li:hover a { color: red }*/
                /*#link_bar li:hover  a p b { color: #a03d49; }*/
                #insidewhapp :hover  { background-color: #eab2b9; }
                /*#link_bar li:hover  { border-top:2px solid #a03d49; }*/

              
            </style>
                  <div class="container ">
                    <div class="row">
                      <div class="col-md-8  " style="text-align:left;margin-bottom: 20px;">
                        <!-- left content -->
                        <h5 style="color:#a73745; ">鄭 偉</h5>
                        <p style="color:#a73745; ">醫務主管/小兒外科專科醫生</p>
                      <div>
                        <div style="display: inline-block;width: 84px;vertical-align: top;" class="">
                        <p ><span style="color:#a73745; ">工作經歷：</span>
                        </p>
                      </div>
                      <div style="display: inline-block;" class="">
                        <p ><span style="color:#a73745; "> 二十五年小兒外科
                        </span></p>
                      </div>
                      </div>

                       <div style="margin-bottom: 1rem;">
                        <div style="display: inline-block;width: 84px;min-width: 84px;vertical-align: top;" class="">
                          <p style="width: 100%"><span style="color:#a73745;text-align: left;">學&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;歷：</span></p>
                        </div>
                        <div style="display: inline-block;width: 80%;" class="">
                           <p style="margin-bottom: 0rem!important;">澳洲新南威爾斯大學内外全科醫學士</p>
                           <p style="margin-bottom: 0rem!important;">香港醫學專科學院院士（外科）</p>
                           <p style="margin-bottom: 0rem!important;">英國格拉斯哥皇家外科醫學院院士</p>
                           <p style="margin-bottom: 0rem!important;">英國愛丁堡皇家外科醫學院院士</p>
                           <p style="margin-bottom: 0rem!important;">愛爾蘭皇家外科醫學院院士</p>
                           <p style="margin-bottom: 0rem!important;">香港大學外科碩士</p>
                        </div>
                        </div>

                        <div>
                        <div style="display: inline-block;width: 84px;min-width: 84px;vertical-align: top;" class="">
                          <p style="width: 100%"><span style="color:#a73745;text-align: left;">服務範圍：</span></p>
                        </div>
                        <div style="display: inline-block;width: 80%;" class="">
                           <p style="margin-bottom: 0rem!important;">兒童疫苗和健康檢查、兒外全科門診和小兒外科手術</p>
                           <p style="margin-bottom: 0rem!important;">香港、澳洲和中國內地持牌</p>
                           
                        </div>
                        </div>
                        <!--end  left content -->
                      </div>
                      
                      
                       <div class="col-md-4  " >
                        <table style="height: 100%;width:100%" class="">
                          <tr valign="bottom">
                            <td align="center" >
                              <div style="max-width: 230px;height: 50px;background-color: #ce969d;cursor: pointer;" class="" id="insidewhapp">
                              <!-- <div style="width: 230px;max-width: 230px;height: 50px;background-color: #ce969d;cursor: pointer;display: table-cell;vertical-align: middle;" class="" id="insidewhapp"> -->

                               
                                <!-- <a href="https://wa.me/85291629119?text=%E6%88%91%E6%83%B3%E9%A0%90%E7%B4%84%E9%84%AD%E9%86%AB%E7%94%9F" style="text-decoration: none;display: inline-block;width: 100%;height: 100%;"> -->
                                <a href="https://wa.me/85267065853?text=%E6%88%91%E6%83%B3%E9%A0%90%E7%B4%84%E9%84%AD%E9%86%AB%E7%94%9F" style="text-decoration: none;display: inline-block;width: 100%;height: 100%;">
                            <p style="line-height: 50px;color:#ffffff;margin-bottom: 0rem!important;width: 100%"><b>Whatsapp 預約</b></p>
                              
                               </a>
                          </div>
                          <div style="height: 10px;display: block;
  vertical-align: middle;" class="">
                          </div>
                          <div style="max-width: 230px;height: 50px;background-color: #ce969d;cursor: pointer;" class="" id="insidewhapp">
                            <!--  <a href="https://wa.me/85291629119?text=%E6%88%91%E6%83%B3%E9%A0%90%E7%B4%84%E9%84%AD%E9%86%AB%E7%94%9F" style="text-decoration: none;display: inline-block;
    width: 100%;height: 100%;"> -->
    <!-- <a href="weixin://contacts/profile/你的微信id"> -->
 <!--    <a href="weixin://contacts/profile/Kuiqinxi" style="text-decoration: none;display: inline-block;
    width: 100%;height: 100%;"> -->
                            <p style="line-height: 50px;color:#ffffff;"><b>微信預約</b></p>
                            <!-- </a> -->
                          </div>
                          </td>
                          </tr>
                        </table>
                          <!-- right content -->
                          
                        <!--end  right content -->
                       </div>
                       </div>
                    </div>
                  </div>
              <!-- contact details -->
            </div>
          </div>
        </div>
        <!-- end team detail -->


          <!-- carousel -->
          <div id="demo" class="carousel slide " data-ride="carousel" style="max-width: 1100px;max-height: 734px;min-height:70vh;background-color: #f4f4f4;">

          <!-- Indicators -->
         <!--  <ul class="carousel-indicators">
            <li data-target="#demo" data-slide-to="0" class="active"></li>
            <li data-target="#demo" data-slide-to="1"></li>
            <li data-target="#demo" data-slide-to="2"></li>
          </ul> -->

          <!-- The slideshow -->
          <div class="carousel-inner " style="max-height: 734px;min-height:70vh;">
            <?php
            $count=0;
              foreach ($photoList as $photo) {
                # code...
                  if($count==0){
                    echo '<div class="carousel-item active "  style="max-width: 1100px;max-height: 734px;min-height:70vh;">';
                  }
                  else{
                    echo '<div class="carousel-item  "  style="max-width: 1100px;max-height: 734px;min-height:70vh;">';
                  }
                ?>
                  <img src="..\upload\album_images\<?php echo $photo;?>" style="max-width: 1100px;max-height: 734px;min-height:70vh;" >
                </div>
            <?php

                $count=$count+1;
               }

            ?>

          <!--   <div class="carousel-item active "  style="max-width: 1100px;max-height: 734px;min-height:70vh;">
              <img src=".\images\nchmcimage\1.png" style="max-width: 1100px;max-height: 734px;min-height:70vh;" >
            </div>
            <div class="carousel-item "   style="max-width: 1100px;max-height: 734px;min-height:70vh;">
              <img src=".\images\nchmcimage\2.png"  style="max-width: 1100px;max-height: 734px;min-height:70vh;" >
            </div>
            <div class="carousel-item "   style="max-width: 1100px;max-height: 734px;min-height:70vh;">
              <img src=".\images\nchmcimage\3.png"  style="max-width: 1100px;max-height: 734px;min-height:70vh;" >
            </div>
            <div class="carousel-item"  style="max-width: 1100px;max-height: 734px;min-height:70vh;">
              <img src=".\images\nchmcimage\4.png"   style="max-width: 1100px;max-height: 734px;min-height:70vh;" >
            </div>
            <div class="carousel-item"  style="max-width: 1100px;max-height: 734px;min-height:70vh;">
              <img src=".\images\nchmcimage\5.png"  style="max-width: 1100px;max-height: 734px;min-height:70vh;">
            </div>
            <div class="carousel-item"  style="max-width: 1100px;max-height: 734px;min-height:70vh;">
              <img src=".\images\nchmcimage\6.png"  style="max-width: 1100px;max-height: 734px;min-height:70vh;" >
            </div>
            <div class="carousel-item"  style="max-width: 1100px;max-height: 734px;min-height:70vh;" >
              <img src=".\images\nchmcimage\7.png"  style="max-width: 1100px;max-height: 734px;min-height:70vh;">
            </div>
            <div class="carousel-item "  style="max-width: 1100px;max-height: 734px;min-height:70vh;" >
              <img src=".\images\nchmcimage\8.png"  style="max-width: 1100px;max-height: 734px;min-height:70vh;">
            </div>
            <div class="carousel-item "  style="max-width: 1100px;max-height: 734px;min-height:70vh;" >
              <img src=".\images\nchmcimage\9.png"  style="max-width: 1100px;max-height: 734px;min-height:70vh;">
            </div>
            <div class="carousel-item " style="max-width: 1100px;max-height: 734px;min-height:70vh;" >
              <img src=".\images\nchmcimage\10.png"   style="max-width: 1100px;max-height: 734px;min-height:70vh;">
            </div> -->


          </div>

          <!-- Left and right controls -->
          <a class="carousel-control-prev" href="#demo" data-slide="prev">
            <span class="carousel-control-prev-icon"></span>
          </a>
          <a class="carousel-control-next" href="#demo" data-slide="next">
            <span class="carousel-control-next-icon"></span>
          </a>

        </div>

          <!-- end carousel -->
         <style>
        .zoom {
/*          padding: 50px;
          background-color: green;*/
          transition: transform .2s; /* Animation */
        /*  width: 200px;
          height: 200px;
          margin: 0 auto;*/
        }

        .zoom:hover {
          transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
        }
        </style>


          <div style="text-align: left;">
               <?php
               $count=0;
              foreach ($photoList as $photo) {
                ?>
                 <!--  <div class="carousel-item active "  style="max-width: 1100px;max-height: 734px;min-height:70vh;">
                  <img src="..\upload\album_images\<?php echo $row_submenu['ep_pic'];?>" style="max-width: 1100px;max-height: 734px;min-height:70vh;" >
                </div> -->
                   <a  href="#demo"     data-slide-to="<?php echo $count;?>" style="text-decoration: none;"> 
            <div style="display: inline-block;width: 210px;height: 210px;margin-top: 10px;margin-right: 10px;" class="zoom" >
              <img src="..\upload\album_images\<?php echo $photo;?>" style="width: 100%;
    height: 100%;
    object-fit: cover;">
            </div>
          </a>
            <?php
                $count=$count+1;
              }

            ?>
       <!--    <a  href="#demo"     data-slide-to="0" style="text-decoration: none;"> 
          <div style="display: inline-block;width: 210px;height: 210px;margin-top: 10px;margin-right: 10px;" class="zoom" >
            <img src=".\images\nchmcimage\1.png" style="width: 100%;
  height: 100%;
  object-fit: cover;">
          </div>
        </a>
        <a  href="#demo"     data-slide-to="1" style="text-decoration: none;"> 
           <div style="display: inline-block;width: 210px;height: 210px;margin-top: 10px;margin-right: 10px;" class="zoom" >
            <img src=".\images\nchmcimage\2.png" style="width: 100%;
  height: 100%;
  object-fit: cover;">
          </div>
        </a>
        <a  href="#demo"     data-slide-to="2" style="text-decoration: none;"> 
           <div style="display: inline-block;width: 210px;height: 210px;margin-top: 10px;margin-right: 10px;" class="zoom" >
            <img src=".\images\nchmcimage\3.png" style="width: 100%;
  height: 100%;
  object-fit: cover;">
          </div>
        </a>
        <a  href="#demo"     data-slide-to="3" style="text-decoration: none;"> 
           <div style="display: inline-block;width: 210px;height: 210px;margin-top: 10px;margin-right: 10px;" class="zoom" >
            <img src=".\images\nchmcimage\4.png" style="width: 100%;
  height: 100%;
  object-fit: cover;">
          </div>
        </a>
        <a  href="#demo"     data-slide-to="4" style="text-decoration: none;"> 
          <div style="display: inline-block;width: 210px;height: 210px;margin-top: 10px;margin-right: 10px;" class="zoom" >
            <img src=".\images\nchmcimage\5.png" style="width: 100%;
  height: 100%;
  object-fit: cover;">
          </div>
        </a>
        <a  href="#demo"     data-slide-to="5" style="text-decoration: none;"> 
          <div style="display: inline-block;width: 210px;height: 210px;margin-top: 10px;margin-right: 10px;" class="zoom" >
            <img src=".\images\nchmcimage\6.png" style="width: 100%;
  height: 100%;
  object-fit: cover;">
          </div>
        </a>
        <a  href="#demo"     data-slide-to="6" style="text-decoration: none;"> 
          <div style="display: inline-block;width: 210px;height: 210px;margin-top: 10px;margin-right: 10px;" class="zoom" >
            <img src=".\images\nchmcimage\7.png" style="width: 100%;
  height: 100%;
  object-fit: cover;">
          </div>
        </a>
        <a  href="#demo"     data-slide-to="7" style="text-decoration: none;"> 
          <div style="display: inline-block;width: 210px;height: 210px;margin-top: 10px;margin-right: 10px;" class="zoom">
            <img src=".\images\nchmcimage\8.png" style="width: 100%;
  height: 100%;
  object-fit: cover;">
          </div>
        </a>
        <a  href="#demo"     data-slide-to="8" style="text-decoration: none;"> 
          <div style="display: inline-block;width: 210px;height: 210px;margin-top: 10px;margin-right: 10px;"  class="zoom">
            <img src=".\images\nchmcimage\9.png" style="width: 100%;
  height: 100%;
  object-fit: cover;">
          </div>
        </a>
        <a  href="#demo"     data-slide-to="9" style="text-decoration: none;">
           <div style="display: inline-block;width: 210px;height: 210px;margin-top: 10px;margin-right: 10px;" class="zoom">
            <img src=".\images\nchmcimage\10.png" style="width: 100%;
  height: 100%;
  object-fit: cover;">
          </div>
        </a> -->

        </div>
         

        <!--    <div style="height: 60px ;position: relative;width:100%" onclick="myFunction('row1')">
          <p>1</p>
        </div> -->
     <!--    <div id="row1">
          This is my DIV element.
        </div> -->
      <!-- end content -->
    </div>
  </div>
</div>
  <!-- end new content row -->


  
  

  
