<?php
ob_start();
session_start();
include_once("dbconnect.php");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Welcome to Ideal Fengling Group... I FEEL GOOD</title>
<link href="docstyle/css.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<script language="javascript">
function changeclass(key){
key.className = "boxhover1";
}
function changeagain(key){
key.className = "box1";
}

</script>
<SCRIPT src="jquery-1.4.4.min.js" type="text/javascript"></SCRIPT>
<SCRIPT  src="jquery.orbit.min.js" type="text/javascript"></SCRIPT>
<SCRIPT type=text/javascript>
		$(window).load(function() {
			$('#featured').orbit({
				"animation" : "horizontal-push"
			});
		});
	</SCRIPT>
<style type="text/css">

.magnifyarea{ /* CSS to add shadow to magnified image. Optional */
box-shadow: 5px 5px 7px #818181;
-webkit-box-shadow: 5px 5px 7px #818181;
-moz-box-shadow: 5px 5px 7px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);
background: white;
}
</style>

<link href="home.css" rel="stylesheet" type="text/css" />


<link rel="stylesheet" type="text/css" href="docstyle/ddsmoothmenu.css" />

<!--<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>-->
<script type="text/javascript" src="ddsmoothmenu.js">

/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

<script type="text/javascript">

ddsmoothmenu.init({
	mainmenuid: "smoothmenu1", //menu DIV id
	orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
	classname: 'ddsmoothmenu', //class added to menu's outer DIV
	//customtheme: ["#1c5a80", "#18374a"],
	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

ddsmoothmenu.init({
	mainmenuid: "smoothmenu2", //Menu DIV id
	orientation: 'v', //Horizontal or vertical menu: Set to "h" or "v"
	classname: 'ddsmoothmenu-v', //class added to menu's outer DIV
	//customtheme: ["#804000", "#482400"],
	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

</script>
<style type="text/css">
<!--
.style6 {font-family: Arial, Helvetica, sans-serif}
-->
</style>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/JavaScript" src="cloud-zoom.1.0.2.js"></script>
<link href="cloud-zoom.css" rel="stylesheet" type="text/css" />


</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="center" valign="top" id="table"><table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td height="228" align="left" valign="bottom"><?php include_once("header.php"); ?></td>
          </tr>
          <tr>
            <td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="9" align="left" valign="top" style="background:url(images/shodow_left.png) repeat-y top left;">&nbsp;</td>
                <td height="500" align="left" valign="top" id="cont"><table width="100%" border="0" cellspacing="0" cellpadding="0" summary="
">
                  <tr>
                    <td width="216" align="left" valign="top"><?php include_once("leftlink.php"); ?></td>
                    <td align="left" valign="top"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                      <tr>
                        <td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                         
                          <tr>
                            <td height="10"></td>
                            </tr>
                          <tr>
                            <td align="left" valign="top">
                            <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
                              <tr>
                                <td align="left" valign="top" id="wel_box">
                                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                  <tr>
                                    <td align="left" valign="top"><h1>Details </h1></td>
                                  </tr>
                                  <tr>
                                    <td align="left" valign="top" style="padding:10px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                                      <tr>
                                       <?php $prod=mysql_fetch_array(mysql_query("select * from products where pid='".$_GET['pid']."'")); ?>
                                        <td width="200" align="right" valign="top" style="border:#ebe0cb solid 1px; background:#FFF; ">
          <a href='products/large/<?php echo $prod['pid']; ?>-1.jpg' class='cloud-zoom' id='zoom1' rel="adjustX: 100, adjustY:-4, softFocus:false">
            <img src="products/thumb/<?php echo $prod['pid']; ?>-1.jpg" alt='' align="left" height="350" width="300"/>
        </a>

                                        </td>
                                        <td width="10" align="left" valign="top">&nbsp;</td>
                                        <td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                                          <tr>
                                            <td height="50" align="left" valign="top" style="border-bottom:#900 dashed 1px;"> <span class="sug"><h2 style="padding:0; margin:0;"><?php echo stripcslashes($prod['pname']); ?></h2></span>                                               
                                             </td>
                                          </tr>
                                          <tr>
                                            <td height="25" align="left" valign="bottom"><h2>Guaranteed Lowest Price</h2></td>
                                          </tr>
                                          <tr>
                                            <td align="left" valign="top" class="discrip" style="border-bottom:#900 dashed 1px; padding-bottom:10px;"><table width="90%" border="0" align="left" cellpadding="0" cellspacing="0">
                                              <tr>
                                                <td width="50%" height="20" align="left" valign="middle">Color </td>
                                                <td width="50%" height="20" align="left" valign="middle"><strong><?php echo $prod['color']; ?></strong></td>
                                              </tr>
                                              <tr>
                                                <td height="20" align="left" valign="middle"> Size </td>
                                                <td height="20" align="left" valign="middle"><strong><?php echo $prod['size']; ?></strong></td>
                                              </tr>
                                              <tr>
                                                <td height="20" align="left" valign="middle"><b>Now: </b></td>
                                                <td height="20" align="left" valign="middle"><b>$ <?php echo number_format($prod['price'],2); ?></b></td>
                                              </tr>
                                              <tr>
                                                <td height="20" colspan="2" align="left" valign="middle">&nbsp;</td>
                                                </tr>
                                            </table></td>
                                          </tr>
                                          <tr>
                                            <td align="center" valign="middle">&nbsp;</td>
                                          </tr>
                                          <tr>
                                            <td width="247" align="center" valign="middle">
                                              <form action="addtocart.php" name="cart" method="post">
                                                      <input type="hidden" name="prodid" value="<?php echo $prod['pid']; ?>" />
                                                       <input type="hidden" name="price" value="<?php echo $prod['price']; ?>" />
                                                  <input type="hidden" name="weight" value="<?php echo $prod['weight']; ?>" />
                                                     <input type="hidden" name="pname" value="<?php echo $prod['pname']; ?>" />
                                                      <input type="hidden" name="color" value="<?php echo $prod['color']; ?>" />
                                                        <input type="hidden" name="qty" value="1" />
                                                      <input type="image" src="images/addtocart.gif" style="border:none;"  />
                                                      </form>
                                            </td>
                                          </tr>
                                          
                                        </table></td>
                                      </tr>
                                    </table></td>
                                  </tr>
                                  </table></td>
                              </tr>
                              <tr>
                            <td align="left" valign="top"> <div class="TabbedPanelsContentGroup">
                                    
                                    <div class="TabbedPanelsContent">
                                      <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                        <tr>
                                          <td align="left" valign="top" style="padding:10px; background:none;" class="brand" >
                                          <? for($i=1;$i<=6;$i++){ ?>
                                          <?php
										  $nar12='products/small/'.$prod['pid'].'-'.$i.'.jpg';
										
									 if(file_exists($nar12)){
										  ?>
                                          <div class="box1" onmouseover="changeclass(this)" onmouseout="changeagain(this);"> <a href='products/large/<?php echo $prod['pid']; ?>-<? echo $i; ?>.jpg' class='cloud-zoom-gallery' 
        	rel="useZoom: 'zoom1', smallImage: 'products/thumb/<?php echo $prod['pid']; ?>-<? echo $i; ?>.jpg'">
<img src="products/small/<?php echo $prod['pid']; ?>-<? echo $i; ?>.jpg" alt = "Thumbnail 2"/></a>  </div>
                                           <?php } ?>
                                           
                                           <?php } ?>
                                         
                                            
                                          
                                            </td>
                                        </tr>
                                      </table>
                                    </div>
</div>
                                </div>
                                </td>
                                </tr>
                              </table></td>
                          </tr>
                          
                          <tr>
                            <td align="left" valign="top">&nbsp;</td>
                          </tr>
                          <tr>
                            <td align="center" valign="top"><table width="98%" border="0" cellspacing="0" cellpadding="0">
                            
                                
                            
                              <tr>
                                <td align="left" valign="top"><div id="TabbedPanels1" class="TabbedPanels">
                                  <ul class="TabbedPanelsTabGroup">
                                    <li class="TabbedPanelsTab" tabindex="0">Description</li>
                                    <li class="TabbedPanelsTab" tabindex="0">Specifications</li>
</ul>
                                  <div class="TabbedPanelsContentGroup">
                                    <div class="TabbedPanelsContent"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                                      <tr>
                                        <td align="left" valign="top" class="products1">
                                        
                                        <?php echo $prod['description']; ?>
                                        </td>
                                      </tr>
                                    </table>
</div>
                                    <div class="TabbedPanelsContent">
                                      <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                        <tr>
                                          <td align="left" valign="top" style="padding:10px; background:none;" class="brand" >
                                          <?php echo $prod['specifications']; ?>
                                          </td>
                                        </tr>
                                      </table>
                                    </div>
</div>
                                </div></td>
                              </tr>
                            </table></td>
                          </tr>
                          <tr>
                            <td align="center" valign="top">&nbsp;</td>
                          </tr>
                          <tr>
                            <td align="center" valign="top">&nbsp;</td>
                          </tr>
                          </table></td>
                        </tr>
                      </table></td>
                    </tr>
                  </table></td>
                <td width="9" align="left" valign="top" style="background:url(images/shodow_right.png) repeat-y top left;">&nbsp;</td>
                </tr>
              </table></td>
          </tr>
          </table></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="100" align="center" valign="top" style="background:url(images/bottom_bg.gif) repeat-x"><?php include_once("footer.php"); ?></td>
          </tr>
        </table></td>
      </tr>
    </table></td>
  </tr>
</table>

<map name="Map" id="Map">
  <area shape="rect" coords="71,272,208,316" href="#" alt="" />
</map>

<map name="Map2" id="Map2">
  <area shape="rect" coords="87,255,204,295" href="#" alt="" />
</map>
<script type="text/javascript">
<!--
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
//-->
</script>
</body>
</html>
