<?php
include "../include/conn.php";
include "../include/function.php";

$classid = I('classid');
 $Rs = $db->getRow("SELECT * FROM  `tbl_classfy` where `type`=2   ORDER BY `sort` ");
if(!$Rs){
   die("没找到内容.");
   $classid = isset($classid) ? intval($classid) : 1;
 }
else 
{
$classid = isset($classid) ? intval($classid) : $Rs['id'];
}
?>
<!doctype html>
<html lang="zh">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="<?php echo S_Keywords;?>" />
<meta name="Description" content="<?php echo S_Desript;?>" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10,IE=EmulateIE9,IE=EmulateIE8" />
<link href="/ui/css/base.css" rel="stylesheet" type="text/css">
<link href="/ui/css/index.css" rel="stylesheet" type="text/css">
<link href="/ui/css/anli.css" rel="stylesheet" type="text/css">
<link href="/ui/css/case.css" rel="stylesheet" type="text/css">
<link href="/ui/css/public.min.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="/ui/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="/ui/js/jquery.SuperSlide.2.1.js?v=1.21"></script>
<script type="text/javascript" src="/ui/js/wow.min.js"></script>
<script type="text/javascript">
new WOW().init();
</script>
<title><?php echo S_SiteName;?> </title>
</head>
<body>

<?php 
include "head.php";
?>
<div  class="ex_all">
  <div class="ex_top">
  	<div class="ex_top_left"><span>客户案例</span></div>
  	<div class="ex_top_right">
  	  <ul>
  	  <?php	
       $sql = "SELECT * FROM  `tbl_classfy` where type=2 ORDER BY `sort` asc";	
       $result = $db->query($sql);		
       if($result){
	   while ($row = $db ->fetch_array($result)){
	       
       ?> 	
  	  	<li <?php if($id==$row['id']) {?> class="ex_liact" <?php }?>><a href="/cn/jingdian_2.html?nav=2&id=<?php echo $row['id']?>" ><?php echo $row['title']?></a></li>
  	  	<?php }
        }
        ?>
  	  </ul>	
  	</div>
  </div>

<div class="case-container">
                <div class="items-case2">
                    <div class="main-wrap wow fadeInLeft"  data-wow-duration="1.5s" data-wow-delay="0.5s">
                        <div class="items-block">
                     <?php 
		           if(!$id){
                   $sql2 = "SELECT * FROM  `tbl_parenttxt` where type=2 and classid=21 ORDER BY `sort` asc  limit 3";
		           }else{			
		           $sql2 = "SELECT * FROM  `tbl_parenttxt` where type=2 and classid=".$id." ORDER BY `sort` asc limit 3";	
	               }
                   $result2 = $db->query($sql2);
                   if($result){
	               while ($row2 = $db ->fetch_array($result2)){
		           ?>
                            <div class="item">
                                <a href="/cn/anli_d.php?id=<?php echo $row2["id"] ?>&nav=2" class="flex-row">
                                <div class="item-block" style="height:286px;margin-top: 20px;">
                                    <p class="item-title"><strong ><?php echo $row2["title"] ?></strong></p>
                                    <p class="item-title" style="line-height: 27px;color:#999;"><?php echo $row2["resume"] ?></p> 
                                </div>
                                <div class="img-block">
                                    <img src="<?php echo $row2["pic"] ?>" alt="img" class="transition" style="width:600px;height:380px;margin:0 auto;">
                                </div>
                                </a>
                            </div> 
                        <?php }}?>
                        </div>
                    </div>
                </div>
            </div>
      </div>

         <div class="case-list" style="clear:both;width:100%;">
                  <div class="ex_btnsub"  style="float: left;margin-top: 70px;margin-left:200px;position: absolute;">
                    <a  href="javascript:;" onclick="prev();" style="height:30px;width:30px;"><i class="fa fa-chevron-left"></i></a>
                    </div>
                    <div class="main-wrap flex-row">
                    <div class="jindain bd">
                    <ul>
                     <?php 
                     if(!$id){
                        $sql3 = "SELECT * FROM  `tbl_parenttxt` where type=2 and classid=21 ORDER BY `sort` asc";
                    }else{
                        $sql3 = "SELECT * FROM  `tbl_parenttxt` where type=2 and classid=".$id." ORDER BY `sort` asc"; 
                     }
                        $result3 = $db->query($sql3);
                        if($result){
                        while ($row3 = $db ->fetch_array($result3)){
                       ?>
                        <li style="width:277px; float:left;margin-left:16px;" id="<?php echo $row3["id"] ?>" class="active">
                        <div class="item">
                                <a href="/cn/anli_d.php?id=<?php echo $row3["id"] ?>&nav=2" >
                                <div class="img-block">
                                    <img src="<?php echo $row3["pic"] ?>" alt="<?php echo $row3["title"] ?>" style="width:277px;height:219px;">
                                </div>
                                <div class="item-block">
                                    <p class="item-title"><?php echo $row3["title"] ?></p>
                                </div>
                                </a>
                            </div>
                            </li>
                              <?php }}?>
                            </ul>
                            </div> 
                            </div>
                            <div class="ex_btnsub"  style="position: absolute;float: left;margin-top: -182px;margin-left:1630px;">
                            <a href="javascript:;" onclick="next();" style="height:30px;width:30px;"><i class="fa fa-chevron-right"></i></a>
                            </div>
                         </div>
                      </div>

<div style="clear:both"></div>
<?php 
include "../cn/foot2.php";
?>
 <script type="text/javascript" src="/ui/js/jquery.SuperSlide.2.1.js"></script>
  <script type="text/javascript">
  jQuery(".case-list .main-wrap").slide({mainCell: ".bd ul", effect: "leftLoop", autoPlay: true, vis:4, delayTime:1000,interTime:2000});
  </script>

 <script type="text/javascript">
  //上一个
function prev(){
    $(".main-wrap").find("li").each(function(){
        if($(this).hasClass('active')){
            var prevVal = $(this).prev().attr('id');
            if(prevVal ==null){
                return false;
            }else{
                info(prevVal);
            }
        }
    })
}
//下一个
function next(){
    $(".main-wrap").find("li").each(function(){
        if($(this).hasClass('active')){
            var nextVal = $(this).next().attr('id');
            if(nextVal ==null){
                return false;
            }else{
                info(nextVal);
            }
        }
    })
}
 </script> 
</body>
</html>