<?php 
echo '
                <!-- main page -->
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 animate-show">
                
                	<!-- left list -->
                        <div class="col-lg-3 col-md-3 hidden-sm hidden-xs" >
                            <div class="left-list">';
                                include "includes/e-shop-left-list.php";
                            echo '</div>
                        </div>
                    <!-- end left list -->';

$p_id=$_SESSION["p_id"];


$query = "select * from products where id='$p_id'";
$result=mysqli_query($conn,$query);
$row = mysqli_fetch_assoc($result);

$image=$row["image"];
$image_number=$row["image_number"];
$s_image = str_replace('.jpg','',$row["image"]);
							
if($p_id==1){

echo '        <div  role="tabpanel" class="tab-pane active col-lg-8 col-md-9 col-sm-12 col-xs-12" id="products">
                        <div class="page-info-container col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-top: 20px;">
                            <!-- page-info-img -->
                            <div class="page-info-img col-lg-6 col-md-6 col-sm-12 col-xs-12">
                            
                            		<div class="page-info-img-main col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                    <a href="#" data-toggle="modal" data-target="#img-popup">
                                	<img src="'.$row["image"].'" width="100%" >
                                    </a>
                                    </div>';
                               
							$x=1;  
							while($x<=$row["image_number"]){         
                        echo       '<div class="page-info-img-auxiliary col-lg-3 col-md-3 col-sm-3 col-xs-6">
									<a href="#" data-toggle="modal" data-target="#img-popup">
                                    <img src="'.$row["image_".$x].'" width="100%" >
                                    </a>
                                    </div>';
									$x++;}
                               
							   
							   
                     echo    '</div>
                            <!-- end page-info-img -->
                            
                            <!-- page-info-text -->
                            <div class="page-info-text col-lg-6 col-md-6 col-sm-12 col-xs-12">
                            	<div class="title" >
                            	'.$row["name"].'
                            	</div>';
								if(isset($row["outline"])){echo ' 
								<div class="reserve" style="margin-top:5px;font-size:18px ;">
                                   '.$row["outline"].'
								</div>      ';}
						echo'   <div class="o-price" >';
                            	if(!$row["original price"]==0){echo 'HK$'.$row["original price"];}
                            	echo '</div>
                                <div class="p-price" >
                            	HK$'.$row["price"].'
                            	</div>
                                <div class="buy-control">
                                                       
				<form id="myform" method="POST" action="includes/add_letter.php?letter=8">
					<input value="'.$row["name"].'" name="name" class="hidden"/>
<input value="'.$row["id"].'" name="id" class="hidden"/>
	
						<div class="form-box" >
	                    <table style="font-family:arial; width:100%;border: 2px #CBCBCB solid;text-align-last:center" >
						
						<tr  class="center" style="background-color:#E4FFFC;border: 2px #CBCBCB solid;">
						<td colSpan=8  style="text-align-last:left">Available colour and flavours:<br>
Dark (D): Coffee Flavoured Dark Chocolates<br>

White (W): Genmaicha Flavoured White Chocolates<br>

Pink (P) : Rose Flavoured Strawberry Chocolates									
						</td>
						</tr>
						
						<tr  class="center" style="background-color:#E4FFFC;border: 2px #CBCBCB solid;">
						<td colSpan=8  style="text-align-last:left">Available letters and symbols:<br>

A – Z , 0 – 9 , ☺ , ♥ , ! , ? , / , : , @ , & , + , - , ,
						</tr>
						
						
						<tr  class="center" style="background-color:#E4FFFC;border: 2px #CBCBCB solid;">
						<td style="border: 2px #CBCBCB solid;">1</td>
						<td style="border: 2px #CBCBCB solid;">2</td>
						<td style="border: 2px #CBCBCB solid;">3</td>
						<td style="border: 2px #CBCBCB solid;">4</td>
						<td style="border: 2px #CBCBCB solid;">5</td>
						<td style="border: 2px #CBCBCB solid;">6</td>
						<td style="border: 2px #CBCBCB solid;">7</td>
						<td style="border: 2px #CBCBCB solid;">8</td>
						</tr>
						
						<tr>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="1color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="2color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="3color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="4color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="5color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="6color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="7color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="8color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        </tr>   
						                  		
						<tr style="background-color:#FFFFFF;border: 2px #CBCBCB solid;"> <th style="border: 2px #CBCBCB solid;">
                        <select name="1tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="2tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="3tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="4tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="5tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="6tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="7tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="8tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        </tr>              
						</table>
						</div>
	
	
	
<div class="variation_title" style="font-size:20px;margin-top:20px;" ng-show="checkoutReady">
	<p style="font-size:20px;width:25%; float:left;">Quantity:</p>
    <input style="width:8%; height:30px" type="button" value="-" class="qtyminus" field="quantity" />
    <input style="width:54%; height:30px;text-align:center;"type="text" name="quantity" value="1" class="qty" onkeypress="return event.charCode >= 48 && event.charCode <= 57"  />
    <input style="width:8%; height:30px"type="button" value="+" class="qtyplus" field="quantity" />
	</div>
    <input type="submit" name="submit" class="btn-addtocart btn-primary" value="ADD TO CART" />
</form>
                               
                                
                                
                                    
                                  
                                </div >
								 
								  <!-- Go to www.addthis.com/dashboard to customize your tools -->
<div class="addthis_sharing_toolbox" style="padding-top:20px;text-align-last:center;">
								 </div></div>  
</div>
                            <!-- end page-info-text -->
							<!-- page detailed info -->
				<div>
				&nbsp;
				</div>	
				<div class="p-detailed-info col-lg-12 col-md-12 col-sm-12 col-xs-12" style="font-size:20px;">
				<h1 style="text-align:center;">Product Description</h1>
				';
	echo		$row["description"];
	echo		'
				</div>
							<!-- end page detailed info -->';}
							
							
							
elseif($p_id==2){
$query = "select * from products where id='$p_id'";
$result=mysqli_query($conn,$query);
$row = mysqli_fetch_assoc($result);
echo '        <div  role="tabpanel" class="tab-pane active col-lg-8 col-md-9 col-sm-12 col-xs-12" id="products">
                        <div class="page-info-container col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-top: 20px;">
                            <!-- page-info-img -->
                            <div class="page-info-img col-lg-6 col-md-6 col-sm-12 col-xs-12">
                            
                            		<div class="page-info-img-main col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                    <a href="#" data-toggle="modal" data-target="#img-popup">
                                	<img src="'.$row["image"].'" width="100%" >
                                    </a>
                                     </div>';
                               
							$x=1;  
							$s_image = str_replace('.jpg','',$row["image"]);
							while($x<=$row["image_number"]){         
                        echo       '<div class="page-info-img-auxiliary col-lg-3 col-md-3 col-sm-3 col-xs-6">
                                    <a href="#" data-toggle="modal" data-target="#img-popup">
                                    <img src="'.$row["image_".$x].'" width="100%" >
                                    </a>
                                    </div>';
									$x++;}
                               
							   
							   
                     echo    '</div>
                            <!-- end page-info-img -->
                            
                            <!-- page-info-text -->
                            <div class="page-info-text col-lg-6 col-md-6 col-sm-12 col-xs-12">
                            	<div class="title" >
                            	'.$row["name"].'
                            	</div>';
								if(isset($row["outline"])){echo ' 
								<div class="reserve" style="margin-top:5px;font-size:18px ;">
                                   '.$row["outline"].'
								</div>      ';}
						echo'   <div class="o-price" >';
                            	if(!$row["original price"]==NULL){echo 'HK$'.$row["original price"];}
                            	echo '</div>
                                <div class="p-price">HK$'.$row["price"].'
								</div>
                                <div class="buy-control">
                                                       
<form id="myform" method="POST" action="includes/add_letter.php?letter=15">

						<div>
	                    <table style="font-family:arial; width:100%;border: 2px #CBCBCB solid;text-align-last:center" >
						
						<tr  class="center" style="background-color:#E4FFFC;border: 2px #CBCBCB solid;">
						<td colSpan=8  style="text-align-last:left">Available colour and flavours:<br>
Dark (D): Coffee Flavoured Dark Chocolates<br>

White (W): Genmaicha Flavoured White Chocolates<br>

Pink (P) : Rose Flavoured Strawberry Chocolates									
						</td>
						</tr>
						
						<tr  class="center" style="background-color:#E4FFFC;border: 2px #CBCBCB solid;">
						<td colSpan=8  style="text-align-last:left">Available letters and symbols:<br>
A – Z , 0 – 9 , ☺ , ♥ , ! , ? , / , : , @ , & , + , - , ,
						</tr>				
						
						<!--  1~5 -->
						
						<tr  class="center" style="background-color:#E4FFFC;border: 2px #CBCBCB solid;">
						<td style="border: 2px #CBCBCB solid;">1</td>
						<td style="border: 2px #CBCBCB solid;">2</td>
						<td style="border: 2px #CBCBCB solid;">3</td>
						<td style="border: 2px #CBCBCB solid;">4</td>
						<td style="border: 2px #CBCBCB solid;">5</td>
						</tr>
						
						<tr>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="1color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="2color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="3color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="4color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="5color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        </tr>   
												
						<tr style="background-color:#FFFFFF;border: 2px #CBCBCB solid;"> <th style="border: 2px #CBCBCB solid;">
                        <select name="1tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="2tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="3tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="4tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="5tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        </tr>  
						
						<!--  end 1~5 -->
						
						<!--  6~10 -->
						
						<tr  class="center" style="background-color:#E4FFFC;border: 2px #CBCBCB solid;">
						<td style="border: 2px #CBCBCB solid;">6</td>
						<td style="border: 2px #CBCBCB solid;">7</td>
						<td style="border: 2px #CBCBCB solid;">8</td>
						<td style="border: 2px #CBCBCB solid;">9</td>
						<td style="border: 2px #CBCBCB solid;">10</td>
						</tr>
						
						<tr>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="6color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="7color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="8color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="9color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="10color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        </tr>   
												
						<tr style="background-color:#FFFFFF;border: 2px #CBCBCB solid;">
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="6tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="7tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="8tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="9tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="10tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        </tr>  
						
						<!-- end 6~10 -->
						
						<!--  11~15 -->
						
						<tr  class="center" style="background-color:#E4FFFC;border: 2px #CBCBCB solid;">
						<td style="border: 2px #CBCBCB solid;">11</td>
						<td style="border: 2px #CBCBCB solid;">12</td>
						<td style="border: 2px #CBCBCB solid;">13</td>
						<td style="border: 2px #CBCBCB solid;">14</td>
						<td style="border: 2px #CBCBCB solid;">15</td>
						</tr>
						
						<tr>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="11color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="12color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="13color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="14color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="15color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        </tr>   
												
						<tr style="background-color:#FFFFFF;border: 2px #CBCBCB solid;">
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="11tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="12tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="13tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="14tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="15tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        </tr>  
						
						<!-- end 11~15 -->
						
						</table>
						</div>


	<input value="'.$row["name"].'" name="name" class="hidden"/>
<input value="'.$row["id"].'" name="id" class="hidden"/>
<div class="variation_title" style="font-size:20px;margin-top:20px;" ng-show="checkoutReady">
	<p style="font-size:20px;width:25%; float:left;">Quantity:</p>
    <input style="width:8%; height:30px" type="button" value="-" class="qtyminus" field="quantity" />
    <input style="width:54%; height:30px;text-align:center;"type="text" name="quantity" value="1" class="qty" onkeypress="return event.charCode >= 48 && event.charCode <= 57"  />
    <input style="width:8%; height:30px"type="button" value="+" class="qtyplus" field="quantity" />
	</div>
    <input type="submit" name="submit" class="btn-addtocart btn-primary" value="ADD TO CART" />
</form>
                                
                                
                                
                                    
                                  
                                </div >
								                                           
														<!-- Go to www.addthis.com/dashboard to customize your tools -->
<div class="addthis_sharing_toolbox" style="padding-top:20px;text-align-last:center;"></div>							                                               </div></div>  

                            <!-- end page-info-text -->
							<!-- page detailed info -->
				<div>
				&nbsp;
				</div>	
				<div class="p-detailed-info col-lg-12 col-md-12 col-sm-12 col-xs-12" style="font-size:20px;">
								<h1 style="text-align:center;">Product Description</h1>

				';
	echo		$row["description"];
	echo		'
				</div>
							<!-- end page detailed info -->';}
							
							
							
elseif($p_id==3){
$query = "select * from products where id='$p_id'";
$result=mysqli_query($conn,$query);
$row = mysqli_fetch_assoc($result);
echo '        <div  role="tabpanel" class="tab-pane active col-lg-8 col-md-9 col-sm-12 col-xs-12" id="products">
                        <div class="page-info-container col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-top: 20px;">
                            <!-- page-info-img -->
                            <div class="page-info-img col-lg-6 col-md-6 col-sm-12 col-xs-12">
                            
                            		<div class="page-info-img-main col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                    <a href="#" data-toggle="modal" data-target="#img-popup">
                                	<img src="'.$row["image"].'" width="100%" >
                                    </a>
                                    </div>';
                               
							$x=1;  
							$s_image = str_replace('.jpg','',$row["image"]);
							while($x<=$row["image_number"]){         
                        echo       '<div class="page-info-img-auxiliary col-lg-3 col-md-3 col-sm-3 col-xs-6">
                                    <a href="#" data-toggle="modal" data-target="#img-popup">
                                    <img src="'.$row["image_".$x].'" width="100%" >
                                    </a>
                                    </div>';
									$x++;}
                               
							   
							   
                     echo    '</div>
                            <!-- end page-info-img -->
                            
                            <!-- page-info-text -->
                            <div class="page-info-text col-lg-6 col-md-6 col-sm-12 col-xs-12">
                            	<div class="title" >
                            	'.$row["name"].'
                            	</div>';
								if(isset($row["outline"])){echo ' 
								<div class="reserve" style="margin-top:5px;font-size:18px ;">
                                   '.$row["outline"].'
								</div>      ';}
						echo'   <div class="o-price" >';
                            	if(!$row["original price"]==NULL){echo 'HK$'.$row["original price"];}
                            	echo '</div>
                                <div class="p-price" >
                            	HK$'.$row["price"].'
                            	</div>
                                <div class="buy-control">
                                                       
<form id="myform" method="POST" action="includes/add_letter.php?letter=20">

<div>
	                    <table style="font-family:arial; width:100%;border: 2px #CBCBCB solid;text-align-last:center" >
						
						<tr  class="center" style="background-color:#E4FFFC;border: 2px #CBCBCB solid;">
						<td colSpan=8  style="text-align-last:left">Available colour and flavours:<br>
Dark (D): Coffee Flavoured Dark Chocolates<br>

White (W): Genmaicha Flavoured White Chocolates<br>

Pink (P) : Rose Flavoured Strawberry Chocolates									
						</td>
						</tr>
						
						<tr  class="center" style="background-color:#E4FFFC;border: 2px #CBCBCB solid;">
						<td colSpan=8  style="text-align-last:left">Available letters and symbols:<br>
A – Z , 0 – 9 , ☺ , ♥ , ! , ? , / , : , @ , & , + , - , ,
						</tr>					
						
						<!--  1~5 -->
						
						<tr  class="center" style="background-color:#E4FFFC;border: 2px #CBCBCB solid;">
						<td style="border: 2px #CBCBCB solid;">1</td>
						<td style="border: 2px #CBCBCB solid;">2</td>
						<td style="border: 2px #CBCBCB solid;">3</td>
						<td style="border: 2px #CBCBCB solid;">4</td>
						<td style="border: 2px #CBCBCB solid;">5</td>
						</tr>
						
						<tr>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="1color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="2color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="3color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="4color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="5color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        </tr>   
												
						<tr style="background-color:#FFFFFF;border: 2px #CBCBCB solid;"> <th style="border: 2px #CBCBCB solid;">
                        <select name="1tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="2tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="3tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="4tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="5tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        </tr>  
						
						<!--  end 1~5 -->
						
						<!--  6~10 -->
						
						<tr  class="center" style="background-color:#E4FFFC;border: 2px #CBCBCB solid;">
						<td style="border: 2px #CBCBCB solid;">6</td>
						<td style="border: 2px #CBCBCB solid;">7</td>
						<td style="border: 2px #CBCBCB solid;">8</td>
						<td style="border: 2px #CBCBCB solid;">9</td>
						<td style="border: 2px #CBCBCB solid;">10</td>
						</tr>
						
						<tr>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="6color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="7color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="8color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="9color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="10color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        </tr>   
												
						<tr style="background-color:#FFFFFF;border: 2px #CBCBCB solid;">
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="6tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="7tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="8tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="9tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="10tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        </tr>  
						
						<!-- end 6~10 -->
						
						<!--  11~15 -->
						
						<tr  class="center" style="background-color:#E4FFFC;border: 2px #CBCBCB solid;">
						<td style="border: 2px #CBCBCB solid;">11</td>
						<td style="border: 2px #CBCBCB solid;">12</td>
						<td style="border: 2px #CBCBCB solid;">13</td>
						<td style="border: 2px #CBCBCB solid;">14</td>
						<td style="border: 2px #CBCBCB solid;">15</td>
						</tr>
						
						<tr>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="11color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="12color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="13color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="14color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="15color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        </tr>   
												
						<tr style="background-color:#FFFFFF;border: 2px #CBCBCB solid;">
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="11tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="12tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="13tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="14tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="15tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        </tr>  
						
						<!-- end 11~15 -->
						
						<!-- 16~20 -->
						
						<tr  class="center" style="background-color:#E4FFFC;border: 2px #CBCBCB solid;">
						<td style="border: 2px #CBCBCB solid;">16</td>
						<td style="border: 2px #CBCBCB solid;">17</td>
						<td style="border: 2px #CBCBCB solid;">18</td>
						<td style="border: 2px #CBCBCB solid;">19</td>
						<td style="border: 2px #CBCBCB solid;">20</td>
						</tr>
						
						<tr>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="16color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="17color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="18color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="19color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="20color">
						<option value="Dark">D</option>
						<option value="White">W</option>
						<option value="Pink">P</option>
						</select>
                        </th>
                        </tr>   
												
						<tr style="background-color:#FFFFFF;border: 2px #CBCBCB solid;">
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="16tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="17tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="18tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="19tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        <th style="border: 2px #CBCBCB solid;">
                        <select name="20tel">

<option value="A">A</option>


						<option value="B">B</option>


						<option value="C">C</option>


                        <option value="D">D</option>


						<option value="E">E</option>


						<option value="F">F</option>


                        <option value="G">G</option>


						<option value="H">H</option>


						<option value="I">I</option>


                        <option value="J">J</option>


                        <option value="K">K</option>


						<option value="L">L</option>


						<option value="M">M</option>


                        <option value="N">N</option>


						<option value="O">O</option>


                        <option value="P">P</option>


                        <option value="Q">Q</option>


						<option value="R">R</option>


						<option value="S">S</option>


                        <option value="T">T</option>


						<option value="U">U</option>


						<option value="V">V</option>


                        <option value="W">W</option>


						<option value="X">X</option>


						<option value="Y">Y</option>


                        <option value="Z">Z</option>

                        <option value="1">1</option>


						<option value="2">2</option>


						<option value="3">3</option>


                        <option value="4">4</option>


						<option value="5">5</option>


						<option value="6">6</option>


                        <option value="7">7</option>


						<option value="8">8</option>


						<option value="9">9</option>


                        <option value="0">0</option>

						<option value="☺">☺</option>
						<option value="♥">♥</option>
						<option value="!">!</option>
                        <option value="?">?</option>
                        <option value="&">&</option>
<option value=",">,</option>
						<option value="/">/</option>
						<option value=":">:</option>
                        <option value="@">@</option>
						<option value="+">+</option>
						<option value="-">-</option>
<option value=".">.</option>
						</select>
                        </th>
                        </tr>  
						
						<!-- end 16~20 -->
						
						</table>
						</div>




	<input value="'.$row["name"].'" name="name" class="hidden"/>
<input value="'.$row["id"].'" name="id" class="hidden"/>
<div class="variation_title" style="font-size:20px;margin-top:20px;" ng-show="checkoutReady">
	<p style="font-size:20px;width:25%; float:left;">Quantity:</p>
    <input style="width:8%; height:30px" type="button" value="-" class="qtyminus" field="quantity" />
    <input style="width:54%; height:30px;text-align:center;"type="text" name="quantity" value="1" class="qty" onkeypress="return event.charCode >= 48 && event.charCode <= 57"  />
    <input style="width:8%; height:30px"type="button" value="+" class="qtyplus" field="quantity" />
	</div>
    <input type="submit" name="submit" class="btn-addtocart btn-primary" value="ADD TO CART" />
</form>
                               
                                
                                
                                    
                                  
                                </div >
							
							 <!-- Go to www.addthis.com/dashboard to customize your tools -->
<div class="addthis_sharing_toolbox" style="padding-top:20px;text-align-last:center;"></div>
					</div></div>  

                            <!-- end page-info-text -->
							<!-- page detailed info -->
				<div>
				&nbsp;
				</div>	
				<div class="p-detailed-info col-lg-12 col-md-12 col-sm-12 col-xs-12" style="font-size:20px;">
								<h1 style="text-align:center;">Product Description</h1>

				';
	echo		$row["description"];
	echo		'
				</div>
							<!-- end page detailed info -->';}
							
							
							
else{
$query = "select * from products where id='$p_id'";
$result=mysqli_query($conn,$query);
$row = mysqli_fetch_assoc($result);
echo '        <div  role="tabpanel" class="tab-pane active col-lg-8 col-md-9 col-sm-12 col-xs-12" id="products">
                        <div class="page-info-container col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-top: 20px;">
                            <!-- page-info-img -->
                            <div class="page-info-img col-lg-6 col-md-6 col-sm-12 col-xs-12">
                            
                            		<div class="page-info-img-main col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                    <a href="#" data-toggle="modal" data-target="#img-popup">
                                	<img src="../timthumb/timthumb.php?src='.$row["image"].'&h=500&w=500&zc=1" width="100%" >
                                    </a>
                                     </div>';
                               
							$x=1;  
							while($x<=$row["image_number"]){ 
                        echo       '<div class="page-info-img-auxiliary col-lg-3 col-md-3 col-sm-3 col-xs-6">
                                    <a href="#" data-toggle="modal" data-target="#img-popup">
                                    <img src="../timthumb/timthumb.php?src='.$row["image_".$x].'&h=500&w=500&zc=1" width="100%" >
                                    </a>
                                    </div>';
									$x++;}
                               
							   
							   
                     echo    '</div>
                            <!-- end page-info-img -->
                            
                            <!-- page-info-text -->
                            <div class="page-info-text col-lg-6 col-md-6 col-sm-12 col-xs-12">
                            	<div class="title" >
                            	'.$row["name"].'
                            	</div>';
								if(isset($row["outline"])){echo ' 
								<div class="reserve" style="margin-top:5px;font-size:18px ;">
                                   '.$row["outline"].'
								</div>      ';}
							echo'                          
								<div class="o-price" >';
                            	if(!$row["original price"]==NULL){echo 'HK$'.$row["original price"];}
                            	echo '</div>
                                <div class="p-price" >
                            	HK$'.$row["price"].'
                            	</div>
                                <div class="buy-control">
                                                       
<form id="myform" method="POST" action="includes/add_cart.php?check=infopage">
	<input value="'.htmlentities($row["name"],ENT_QUOTES,"UTF-8").'" name="name" class="hidden"/>
<input value="'.$row["id"].'" name="id" class="hidden"/>
<div class="variation_title" style="font-size:20px;margin-top:20px;" ng-show="checkoutReady">
	<p style="font-size:20px;width:25%; float:left;">Quantity:</p>
    <input style="width:8%; height:30px" type="button" value="-" class="qtyminus" field="quantity" />
    <input style="width:54%; height:30px;text-align:center;"type="text" name="quantity" value="1" class="qty" onkeypress="return event.charCode >= 48 && event.charCode <= 57"  />
    <input style="width:8%; height:30px"type="button" value="+" class="qtyplus" field="quantity" />
	</div>
    <input type="submit" name="submit" class="btn-addtocart btn-primary" value="ADD TO CART" />
</form>
                                
                                
                                    
                                  
                                </div >
								                                           
											                                <!-- Go to www.addthis.com/dashboard to customize your tools -->
<div class="addthis_sharing_toolbox" style="padding-top:20px;text-align-last:center;"></div>							                                               </div></div>  


                            <!-- end page-info-text -->
							<!-- page detailed info -->
				<div>
				&nbsp;
				</div>	
				<div class="p-detailed-info col-lg-12 col-md-12 col-sm-12 col-xs-12" style="font-size:20px;">
								<h1 style="text-align:center;">Product Description</h1>

				';
	echo		$row["description"];
	echo		'
				</div>
							<!-- end page detailed info -->';}
							
							
							
							
	echo '						<!--  page Recommend Product -->
				<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
				<h1 style="text-align:left">More Details</h1>';
				
				$query = "select * from products order by rand() limit 4";
				$result=mysqli_query($conn,$query);
				if ($result->num_rows > 0) {
				while($row = mysqli_fetch_assoc($result)) {
				echo '<a href="includes/product_select.php?id='.$row["id"].'&name='.$row["name"].'">
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 product-li-img"> 
                <div class="hovereffect">
                <img class="img-responsive" src="../timthumb/timthumb.php?src='.$row["image"].'&h=500&w=500&zc=1" style="width:100%">
                <div class="overlay">
                <h2>
                '.$row["name"].'
                </h2>
				<p> 
                DETAIL
                </p> 
                </div>
                </div>
                <div class="product-li-text">
                <p>'.
                $row["name"]
                .'</p>
                <p style="color: #0E9BAD">
				HK$ '.$row["price"].'
                </p>
                </div>
                </div>
                </a>';
				$x++;
				}}
				
	echo		'</div>
							<!-- end page Recommend Product -->

                    
                              <!-- modal -->
                                <div class="modal fade" id="img-popup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                                    <div class="modal-dialog" role="document">
                                        <div class="modal-content">
                                           
                                            <div class="lightbox-title">
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close" style=" z-index:1">
                                                    <span aria-hidden="true">
                                                        &times;
                                                    </span>
                                                </button>                 
                                                <h4>
                                                   '.$row["name"].'
                                                </h4>
                                                </div>
                                                 <div class="lightbox-image" >
                                            <img id="s_image" src="#" alt="" width="100%" >
                                            </div> 
                                             
                                             <div class="back-img col-xs-1" style="position:absolute;bottom:20px">
                                                <button type="button" class="back-img" id ="s_image_change1"  style=" z-index:1">
                                                    <img src="../img/button_back.png" height="25px">
                                                </button> 
                                             </div>
                                             <div class="next-img col-xs-1 col-xs-offset-11" style="position:absolute;bottom:20px">
                                                <button type="button" class="next-img" id ="s_image_change2" style=" z-index:1">
                                                    <img src="../img/button_next.png" height="25px">
                                                </button> 
  
											             
                                        
                                    </div>
                                </div>
                              <!-- end modal -->

                        </div>
                    </div>
                </div>
				
                <!-- end main page -->
				
        </div>
		
		
		
		
		<script>
     
        window.onload = function(){
             
            var imgs = [';
			$query = "select * from products where id='$p_id'";
			$result=mysqli_query($conn,$query);
			$row = mysqli_fetch_assoc($result);
			echo '"'.$image.'"';
			$x=1;
			while($x<=$image_number){
				echo ',"../timthumb/timthumb.php?src='.$row["image_".$x].'&h=1000&w=1000&zc=1"';
				$x++;
			}
			
			
			echo '];
            var len = imgs.length;
            var current = 0;
            var s_image = document.getElementById("s_image");
            var setImg = function(){
             
                s_image.src = imgs[current];
            };
             
            setImg();
         
            document.getElementById("s_image_change1").onclick = function(){
                current = (current == 0)? len-1: --current;
                s_image.src = imgs[current];
            }
			document.getElementById("s_image_change2").onclick = function(){
                current = (current == len-1)? 0: ++current;
                s_image.src = imgs[current];
            }
        };
    </script>';
?>