<!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>A P E S C O</title>
<link href="<?php echo base_url()?>template/ar/tamplate.css" rel="stylesheet" type="text/css" />

<link rel="stylesheet" type="text/css" href="<?php echo base_url()?>template/ar/css/layout.css" />
<link rel="stylesheet" type="text/css" href="<?php echo base_url()?>template/ar/css/style1.css" />
<script language="javascript" type="text/javascript" src="<?php echo base_url()?>template/ar/js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="<?php echo base_url()?>template/ar/js/jquery.easing.js"></script>
<script language="javascript" type="text/javascript" src="<?php echo base_url()?>template/ar/js/script.js"></script>
<script type="text/javascript">
 $(document).ready( function(){	
		// buttons for next and previous item						 
		var buttons = { previous:$('#jslidernews1 .button-previous') ,
						next:$('#jslidernews1 .button-next') };			
		 $('#jslidernews1').lofJSidernews( { interval : 4000,
											direction		: 'opacitys',	
											easing			: 'easeInOutExpo',
											duration		: 1200,
											auto		 	: true,
											maxItemDisplay  : 4,
											navPosition     : 'horizontal', // horizontal
											navigatorHeight : 32,
											navigatorWidth  : 80,
											mainWidth		: 980,
											buttons			: buttons } );	
	});
</script>





<style type="text/css">

</style>
</head>

<body>
<center>
  <div id="top">
   <?php  
                	$social_q= $this->fun->get_setting();
                	if($social_q!=FALSE){
                	foreach($social_q->result() as $row):
				    endforeach;
                	}
                    ?>

    <a href="<?php echo base_url();?>home/index/en"><img src="<?php echo base_url()?>template/ar/images/ly.png" width="43" height="24" /></a>
   <a target="_blank" href="<?php echo $row->facebook;?>"> <img src="<?php echo base_url()?>template/ar/images/9.png" width="23" height="25" /></a>
   <a target="_blank" href="<?php echo $row->twitter;?>"> <img src="<?php echo base_url()?>template/ar/images/8.png" width="23" height="25" /></a>
   <a target="_blank" href="<?php echo $row->youtube;?>"> <img src="<?php echo base_url()?>template/ar/images/10.png" width="24" height="25" /></a></div>

  <div id="main">
    <div id="menu">
    <ul>
   <a href="<?php echo base_url();?>"> <li> الرئيسيه</li></a>
   <a href="<?php echo base_url();?>home/details/39"> <li> من نحن</li></a>
  <a href="<?php echo base_url();?>products">  <li> المعدات</li></a>
   <a href="<?php echo base_url();?>services"> <li> الخدمات</li></a>
  <a href="<?php echo base_url();?>contact">  <li> اتصل بنا</li></a>
    </ul></div>
    <div id="jqery">
    <!------------------------------------- THE CONTENT ------------------------------------------------->
<div id="jslidernews1" class="lof-slidecontent" style="width:980px; height:340px; float:left;">
	<div class="preload"><div></div></div>
    		 <!-- MAIN CONTENT --> 
              <div class="main-slider-content" style="width:980px; height:340px;float:left; ">
                <ul class="sliders-wrap-inner">
                             <ul class="sliders-wrap-inner">
                 <?php $posts=$this->fun->getall_limit('posts','slider',10);
				  if($posts!=FALSE){
				  $x=0;
				  foreach($posts->result() as $row):
				  $x++;
				  
				  
				  
		    ?>

                    <li>
                            <img src="<?php echo base_url()?>uploads/posts/<?php echo $row->pic;?>" title="<?php echo $row->name;?>" />           
                                              </li> 
                     <?php endforeach;}?>

                  </ul>                    </ul>  	
            </div>
 		   <!-- END MAIN CONTENT --> 
           <!-- NAVIGATOR -->
           	<div class="navigator-content">
                  <div class="navigator-wrapper">
                        <ul class="navigator-wrap-inner">
                            <ul class="navigator-wrap-inner">
                        <?php $posts=$this->fun->getall_limit('posts','slider',10);
				  if($posts!=FALSE){
				  $x=0;
				  foreach($posts->result() as $row):
				  $x++;
				  
				  
				  
		    ?>

                           <li><img  width="75" height="25" src="<?php echo base_url()?>uploads/posts/small/<?php echo $row->pic;?>" /></li>
                          <?php endforeach;}?>
 		
                        </ul>
       		
                        </ul>
                  </div>
             </div> 
          <!----------------- END OF NAVIGATOR --------------------->
          <!-- BUTTON PLAY-STOP -->
          <div class="button-control"><span></span></div>
           <!-- END OF BUTTON PLAY-STOP -->
          
 </div> 


<!------------------------------------- END OF THE CONTENT ------------------------------------------------->

    
    </div>
