<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> 


<footer>
  <div id="footer">
    <div class="container-fluid">
      <div class="row-fluid">
        <div class="col-md-4 col-sm-4 footer-widget">
          <div class="footer-about" >
            <h2 class="footer-title">About US</h2>
            <?=substr(db_scalar("select site_pages_description from tbl_site_pages where 1 and site_pages_link='about-us'"),0,300); ?>
<p>            <a href="<?=$site_url?>/about-us.html" class="read-more mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--raised mdl-button--accent">Read More</a></p>

 </div>
 

 <?php
if($compDATA['admin_language_option']=='Yes'){ ?>
            <div style="margin-left:15px; margin-bottom:15px;" id="google_translate_element"></div>
            <script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> 
<? } ?>

<?php

if($compDATA['admin_visitor_counter_option']=='Yes'){ ?>
<!-----VISITOR COUNTER START ---------------->
<!-- hitwebcounter Code START -->
<div style="margin-left:7px; margin-bottom:15px;"><img src="http://counter9.01counter.com/private/freecounterstat.php?c=c22f8d1bcf70483344afcf49f2b176d1" border="0" title="web page counter" alt="web page counter"></div>
<!-----VISITOR COUNTER END ---------------->                                         
<? } ?>




 
        </div>
        <div class="col-md-2">
          <section class="latest-ami-widget">
            <h2 class="footer-title">Quick Links</h2>
            <?php 
	  $link_sql=db_query("select * from tbl_site_pages where 1 and site_pages_status='Active' and site_pages_show_in_footer='Yes' order by site_pages_order_by asc");
	  if(mysqli_num_rows($link_sql)>0){
	   while($link_data=mysqli_fetch_array($link_sql)){
	   $pgName=$link_data['site_pages_link'];
	   
	   if($pgName=="products" && $compDATA['admin_product_option']=='Yes')
	   {?>
<p><i class="fa fa-caret-right caretAmi"></i> 
<a href="<?=$site_url?>/<?=$link_data['site_pages_link']?>.html">
<?=$link_data['site_pages_name']?> 
   
 </a></p>
	   <?php }
elseif($pgName=="services" && $compDATA['admin_product_option']=="No")
{?>
<p><i class="fa fa-caret-right caretAmi"></i> 
<a href="<?=$site_url?>/<?=$link_data['site_pages_link']?>.html">
<?=$link_data['site_pages_name']?> 
 
  </a></p>
	<?php 
}

elseif($pgName=="services" || $pgName=="products"  && $compDATA['admin_product_option']=="Both")
{
if($pgName=="services"  && $compDATA['admin_product_option']=="Both")
{?>

<p><i class="fa fa-caret-right caretAmi"></i> 
<a href="<?=$site_url?>/<?=$link_data['site_pages_link']?>.html">
<?=$link_data['site_pages_name']?> 
 
  </a></p>
<?php 	
}
elseif($pgName=="products" && $compDATA['admin_product_option']=="Both")
{?>
<p><i class="fa fa-caret-right caretAmi"></i> 
<a href="<?=$site_url?>/<?=$link_data['site_pages_link']?>.html">
<?=$link_data['site_pages_name']?> 
 
  </a></p>	
<?php
}	

	
}
else if($pgName!="products" && $pgName!="services")
{
   ?>
<p><i class="fa fa-caret-right caretAmi"></i> 
<a href="<?=$site_url?>/<?=$link_data['site_pages_link']?>.html">
<?=$link_data['site_pages_name']?> 
 
 </a></p>
<?} }
		   
		   } ?>
          </section>
		  
		  
        </div>
   <?php
     
if($compDATA['admin_product_option']=="Both")
{ 	
	?>
	
	<div class="col-md-4 col-sm-4">
	      <?php 
	  $ft_sql1=db_query("select * from tbl_category where 1 and category_status='Active' and category_is_product='Yes' and category_parent_id='0' order by category_order_by limit 0,6");
	  if(mysqli_num_rows($ft_sql1)>0){?>
	<div class="col-md-6 col-sm-6">
          <section class="latest-ami-widget">
            <h2 class="footer-title">				
	Products
	</h2>
            <?php 
	  $ft_sql=db_query("select * from tbl_category where 1 and category_status='Active' and category_is_product='Yes' and category_parent_id='0' order by category_order_by limit 0,6");
	  if(mysqli_num_rows($ft_sql)>0){
	   while($ft_data=mysqli_fetch_array($ft_sql)){
	  ?>
            <p><i class="fa fa-caret-right caretAmi"></i> <a href="<?=$site_url?>/<?=$ft_data['category_url']?>.html"><?=$ft_data['category_name']?></a></p>
            <? }} ?>
             <p><i class="fa fa-caret-right caretAmi"></i> <a href="<?=$site_url?>/products.html">View All</a></p>
			 
			 
            
          </section>
        </div>
        <?}?>
        
          <?php 
	  $ft_sql2=db_query("select * from tbl_category where 1 and category_status='Active' and category_is_product='No' and category_parent_id='0' order by category_order_by limit 0,6");
	  if(mysqli_num_rows($ft_sql2)>0){
	      ?>
        
		<div class="col-md-6 col-sm-6">
          <section class="latest-ami-widget">
            <h2 class="footer-title">				
	Services
	</h2>
            <?php 
	  $ft_sql=db_query("select * from tbl_category where 1 and category_status='Active' and category_is_product='No' and category_parent_id='0' order by category_order_by limit 0,6");
	  if(mysqli_num_rows($ft_sql)>0){
	   while($ft_data=mysqli_fetch_array($ft_sql)){
	  ?>
            <p><i class="fa fa-caret-right caretAmi"></i> <a href="<?=$site_url?>/<?=$ft_data['category_url']?>.html"><?=$ft_data['category_name']?></a></p>
            <? }} ?>
             <p><i class="fa fa-caret-right caretAmi"></i> <a href="<?=$site_url?>/services.html">View All</a></p>
			 
			 
            
          </section>
        </div>
        <?}?>
        
        </div>
        
		
		
	<?php	
}elseif($compDATA['admin_product_option']=='Yes')
{
///////////////////////////////////////
?>
	 <div class="col-md-4 col-sm-4">
          <section class="latest-ami-widget">
            <h2 class="footer-title">				
Our Products

	</h2>
            <?php 
	  $ft_sql=db_query("select * from tbl_category where 1 and category_status='Active' and category_is_product='Yes' and category_parent_id='0' order by category_order_by limit 0,6");
	  
	 
		
		 if(mysqli_num_rows($ft_sql)>0){
	   while($ft_data=mysqli_fetch_array($ft_sql)){
	  ?>
            <p><i class="fa fa-caret-right caretAmi"></i> <a href="<?=$site_url?>/<?=$ft_data['category_url']?>.html"><?=$ft_data['category_name']?></a></p>
            <? }} ?>
             <p><i class="fa fa-caret-right caretAmi"></i> <a href="<?=$site_url?>/products.html">View All</a></p>
			 
			 
            
          </section>
        </div>
<?php
}
else
{?>
	<div class="col-md-4 col-sm-4">
          <section class="latest-ami-widget">
            <h2 class="footer-title">				
Our Services

	</h2>
            <?php 
	  $ft_sql=db_query("select * from tbl_category where 1 and category_status='Active' and category_is_product='No' and category_parent_id='0' order by category_order_by limit 0,6");
	  
	 
		
		 if(mysqli_num_rows($ft_sql)>0){
	   while($ft_data=mysqli_fetch_array($ft_sql)){
	  ?>
            <p><i class="fa fa-caret-right caretAmi"></i> <a href="<?=$site_url?>/<?=$ft_data['category_url']?>.html"><?=$ft_data['category_name']?></a></p>
            <? }} ?>
             <p><i class="fa fa-caret-right caretAmi"></i> <a href="<?=$site_url?>/services.html">View All</a></p>
			 
			 
            
          </section>
        </div>
	
<?}?>
		
		
        <div class="col-md-2 col-sm-4 " >
          <section class="tags-widget1">
           <?php if( ($compDATA['admin_facebook_link']!='') || ($compDATA['admin_twitter_link']!='')  || ($compDATA['admin_linkedin_link']!='') || ($compDATA['admin_instagram_link']!='') || ($compDATA['admin_pinterest_link']!='') || ($compDATA['admin_youtube_link']!='') ){ ?>
            <h2 class="footer-title">Follow Us</h2>
            <ul>
            <?php if($compDATA['admin_facebook_link']!=''){ ?>
              <li><a href="<?=$compDATA['admin_facebook_link']?>" target="_blank"><i class="fa fa-facebook amiShare"></i></a></li>
              <? } ?>
              <?php if($compDATA['admin_twitter_link']!=''){ ?>
              <li><a href="<?=$compDATA['admin_twitter_link']?>" target="_blank"><i class="fa fa-twitter amiShare"></i></a></li>
              <? } ?>
           
              <?php if($compDATA['admin_linkedin_link']!=''){ ?>
              <li><a href="<?=$compDATA['admin_linkedin_link']?>" target="_blank"><i class="fa fa-linkedin amiShare"></i></a></li>
              <? } ?>   <br>
			  <?php if($compDATA['admin_instagram_link']!=''){ ?>
              <li><a href="<?=$compDATA['admin_instagram_link']?>" target="_blank"><i class="fa fa-instagram amiShare"></i></a></li>
              <? } ?>
			  <?php if($compDATA['admin_pinterest_link']!=''){ ?>
              <li><a href="<?=$compDATA['admin_pinterest_link']?>" target="_blank"><i class="fa fa-pinterest amiShare"></i></a></li>
              <? } ?>
			  <?php if($compDATA['admin_youtube_link']!=''){ ?>
              <li><a href="<?=$compDATA['admin_youtube_link']?>" target="_blank"><i class="fa fa-youtube amiShare"></i></a></li>
              <? } ?>
			  
			  
			  
            </ul>
            <? } ?>

        <!-- <p style="margin-left:7px;"><a href="<?=$site_url?>/webmail" target="_blank"><img src="<?=$site_url?>/images/webmail-login.png"></a></p>
        -->
         
<p style="margin-left:7px;"><a href="<?=$site_url?>/webmail" target="_blank"><img src="<?=$site_url?>/images/webmail-login.png"></a></p>
<style>.float{
	position:fixed;
	width:55px;
	height:55px;

	bottom:20px;
	left:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;

  z-index:100;
}

.my-float{
	margin-top:13px;
	color:white;
}
.my-float:hover{
/*	color:#673AB7;*/
}
.float:hover{
/*	color:#673AB7;*/
}



</style>



<?php
if($compDATA['admin_whatsapp_option']=="Yes")
{
if(!empty($compDATA['admin_whatsapp_number']))
{?>
<a href="https://api.whatsapp.com/send?phone=91<?=$compDATA['admin_whatsapp_number']?><?/*&text=Add your text here.*/?>" class="float" target="_blank">
<i class="fa fa-whatsapp my-float"></i>
</a>
<?}else{?>
    
<a href="#" class="float">
<i class="fa fa-whatsapp my-float"></i>
</a>    

<?
}
}?>


<?php

if($compDATA['admin_callback_option']=="Yes")
{
?>
    <script>
$(document).ready(function(){
    $("#myModal").on("show.bs.modal", function(event){
        // Get the button that triggered the modal
        var button = $(event.relatedTarget);

        // Extract value from the custom data-* attribute
        var titleData = button.data("title");
        $(this).find(".modal-title").text(titleData);
    });
});
</script>
<style>
    .bs-example{
    	margin: 20px;
    }
</style>


<?php
 if(isset($_POST['EnqSubmit'])){

  @extract($_POST);

   $sql="insert into tbl_enquiry set
          enquiry_name='$enquiry_nam',
		  enquiry_mobile='$enquiry_mobil',
  		  enquiry_email='$enquiry_emai',
	
		  enquiry_detail='$enquiry_detai',
		  enquiry_source='Call Back Enquiry',
		  enquiry_add_date=now()";
		  db_query($sql);
		   ///////////////****** Mailer to client start here **********************//////////////
	$hostName = $_SERVER['HTTP_HOST'];	  		  
		  $msgmail="<!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=iso-8859-1' />
<title>TradeKeyIndia.com-Largest B2B Portal In India</title>
 </head>
<body>		  
	 <table align='center' cellSpacing='0' cellPadding='0' width='87%' border='1' style='border:1px solid #e61938'>
  <tbody>
    <tr>
      <td vAlign='top' style='background-color:#e61938; padding:10px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#ffffff; text-align:center; font-weight:bold;' colspan='3' >Enquiry From $hostName</td>
    </tr>
     <tr>
      <td width='30%' vAlign='top' style='font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#003366; background-color:#F9E2DD;padding:10px;' ><strong>Name</strong> </td>
      <td vAlign='top' width='70%' style='font-family:Verdana, Arial, Helvetica, sans-serif;padding:10px;'>$enquiry_nam</td>
    </tr>
  
    <tr>
      <td vAlign='top'  style='font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#003366; background-color:#F9E2DD;padding:10px;' ><strong>Mobile </strong> </td>
      <td vAlign='top' style='font-family:Verdana, Arial, Helvetica, sans-serif;padding:10px;'>$enquiry_mobil</td>
    </tr>
    <tr>
      <td vAlign='top'  style='font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#003366; background-color:#F9E2DD;padding:10px;' ><strong>Email-Id</strong> </td>
      <td vAlign='top' style='font-family:Verdana, Arial, Helvetica, sans-serif;padding:10px;'>$enquiry_emai</td>
    </tr>    
  
    <tr>
      <td vAlign='top'  style='font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#003366; background-color:#F9E2DD;padding:10px;' ><strong>Detail  </strong> </td>
      <td vAlign='top' style='font-family:Verdana, Arial, Helvetica, sans-serif;padding:10px;'>$enquiry_detai</td>
    </tr>    
  </tbody>
</table>
</body>
</html>";
$toEmail = $compDATA['admin_email'];
$subject = "Enquiry from $hostName";
		        $from="$enquiry_emai";
				$Headers1 = "From: $enquiry_nam<$from>\n";
				$Headers1 .= "X-Mailer: PHP/". phpversion();
				$Headers1 .= "X-Priority: 3 \n";
				$Headers1 .= "MIME-version: 1.0\n";
				$Headers1 .= "Content-Type: text/html; charset=iso-8859-1\n"; 
				@mail("$toEmail", "$subject", "$msgmail","$Headers1","-fenquiry@tradekeyindia.com");
				//@mail("amitabh.tradekeyindia@gmail.com", "Subject", "Msg1","$Headers1","-fenquiry@tradekeyindia.com");
				 $toEmail."<br>";
///////////////****** Mailer to client end here **********************//////////////
///////////////// Mail To Admin //////////////////////////////////

$mail_to_admin="client_enquiry@tradekeyindia.com";
$sub_admin="Business Enquiry From $hostName";
$mail_admin_body = "$msgmail";	
$sender_admin =$enquiry_emai;		
$headers_admin  = "MIME-Version: 1.0" . "\r\n";
$headers_admin .= "Content-type: text/html; charset=iso-8859-1" . "\r\n";
$headers_admin .= "from: ".$sender_admin."\n";
if($enquiry_emai){
@mail($mail_to_admin,$sub_admin,$mail_admin_body,$headers_admin);
?>
    <script>
        alert("Enquiry form submitted successfully. We will contact you soon.");
    </script>
    
  <?  
}
///////////////// Mail To Admin End//////////////////////////////////
	
	
		 // $clrerr="green";
		//  set_session_msg("Enquiry form submitted successfully. We will contact you soon.");
		 // header("Location:$site_url/enquiry.html");
//		  exit;
   }
 
?>


<div class="bs-example" >
    <!-- Button HTML (to Trigger Modal) -->

    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal" data-title="Contact Us" style="  
  position: fixed;
  bottom: 80px;
  left: 41px;
  width:55px;
  height:55px;
  border-radius:50px;
  border:hidden;
  outline:none;
  background-color:#2196F3;
 
  z-index: 9;"><i class="fa fa-phone fa-2x"></i></button>

    <div style="color:black; " id="myModal" class="modal fade" tabindex="-1">
        <div class="modal-dialog" style="width:350px;  box-shadow: 0 0  40px #2196F3;">
            <div class="modal-content">
                <form action="" method="post" >
                    <div class="modal-header" style="background-color:#2196F3; color:white;">
                        <h5 class="modal-title"><b>Contact Us</b></h5>
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div>
                    <div class="modal-body">       
                    <div class="form-group">
                            <label class="control-label">Name:</label>
                            <input type="text" name="enquiry_nam" required class="form-control">
                        </div>
                    <div class="form-group">
                            <label class="control-label">Phone:</label>
                            <input type="text" maxlength="10"  name="enquiry_mobil" required class="form-control">
                        </div>
                        <div class="form-group">
                            <label class="control-label">Email:</label>
                            <input type="email" name="enquiry_emai" required class="form-control">
                        </div>
                        <div class="form-group">
                            <label class="control-label">Message:</label>
                            <textarea name="enquiry_detai" required class="form-control"></textarea>
                        </div>                        
                    </div>
                    <div class="modal-footer" style="text-align:center; background-color:#2196F3; color:white;">
                       
                        <button type="button" class="btn btn-secondary" style="color:black;" data-dismiss="modal">Cancel</button>
                        <button type="submit" name="EnqSubmit"  class="btn btn-primary">Submit</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>


<?}?>
<div id="backToTop">
  <button class="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored" style="position:relative; top:-50px; left:12px;"> <i class="fa fa-angle-up"></i> </button>
</div>

<?php if(!empty($compDATA['admin_live_chat_code'])){ ?>

<?=$compDATA['admin_live_chat_code']?>
<?}?>

            <?php /*
if($compDATA['admin_language_option']=='Yes'){ ?>
            <div style="margin-left:15px; margin-bottom:15px;" id="google_translate_element"></div>
            <script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> 
<? } */?>

<?php
/*
if($compDATA['admin_visitor_counter_option']=='Yes'){ ?>
<!-----VISITOR COUNTER START ---------------->
<!-- hitwebcounter Code START -->
<div style="margin-left:7px; margin-bottom:15px;"><img src="http://counter9.01counter.com/private/freecounterstat.php?c=c22f8d1bcf70483344afcf49f2b176d1" border="0" title="web page counter" alt="web page counter"></div>
<!-----VISITOR COUNTER END ---------------->                                         
<? } */?>



<?php if($compDATA['admin_etrust_option']=='Yes'){ ?>  <!-----VISITOR COUNTER START ---------------->
<!-- hitwebcounter Code START -->
<div style="margin-left:7px; margin-bottom:15px;">   
<a href="<?=$compDATA['admin_etrust_link']?>" target="_blank"><img src="<?=$site_url?>/images/e-trust.png" / alt="image"></a>
</div>
<!-----VISITOR COUNTER END ---------------->                                         
<? } ?>



          </section>
        </div>
      </div>
    </div>
  </div>
  <div id="copyright" class="text-center">
    <p><?php if(!empty($compDATA['admin_copyright'])){ ?>Copyright &copy; <?=$compDATA['admin_copyright'];?><? } ?> <?php if(!empty($compDATA['admin_all_right_reserved'])){ ?><?=$compDATA['admin_all_right_reserved'];?> - all right reserved.<? } ?> Designed & Developed By - <a href="http://www.webkeyindia.com" target="_blank">WebKeyIndia.Com</a></p>
  </div>
</footer>
<div id="backToTop">
  <button class="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored"> <i class="fa fa-angle-up"></i> </button>
</div>
<?php /*?><div class="color-switcher hidden-xs">
  <div id="open-switcher"> <i class="fa fa-envelope"></i> </div>
  <div id="close-switcher"> <i class="fa fa-times"></i> </div>
  <div id="demo-colors" class="mdl-card mdl-shadow--24dp">
    <div id="demo-wrapper">
      <h2>Quick Enquiry</h2>
      <form action="#" method="post" id="contactForm">
        <div class="row">
          <div class="col-md-12">
            <div class="mdl-textfield mdl-js-textfield">
              <input class="mdl-textfield__input" type="text" name="contactName" id="contactName">
              <label class="mdl-textfield__label" for="contactName">Name</label>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12">
            <div class="mdl-textfield mdl-js-textfield">
              <input class="mdl-textfield__input" type="text" name="contactName" id="contactName">
              <label class="mdl-textfield__label" for="contactName">Email</label>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12">
            <div class="mdl-textfield mdl-js-textfield">
              <textarea class="mdl-textfield__input" rows="4" name="contactMessage" id="contactMessage" ></textarea>
              <label class="mdl-textfield__label" for="contactMessage">Message</label>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12 text-center">
            <button type="submit" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--raised mdl-button--accent">Send</button>
          </div>
        </div>
      </form>
    </div>
  </div>
</div><?php */?>
<script src="<?=$site_url?>/js/jquery-2.2.2.min.js"></script>
<script src="<?=$site_url?>/js/bootstrap.min.js"></script>
<script src="<?=$site_url?>/js/material.min.js"></script> 
<script src="https://maps.googleapis.com/maps/api/js"></script>
<script src="<?=$site_url?>/js/owl.carousel.min.js"></script> 
<script src="<?=$site_url?>/js/jquery.magnific-popup.min.js"></script> 
<script src="<?=$site_url?>/js/isotope-docs.min.js"></script> 
<script src="<?=$site_url?>/js/jquery.waypoints.min.js"></script> 
<script src="<?=$site_url?>/js/jquery.counterup.min.js"></script> 
<script src="<?=$site_url?>/js/animatescroll.min.js"></script> 
<script src="<?=$site_url?>/js/retina.min.js"></script> 
<script src="<?=$site_url?>/js/jquery.tubular.1.0.js"></script>
<script src="<?=$site_url?>/js/mainc4ca.js?2"></script> 
<!-- jQuery --> 

  <script defer src="<?=$site_url?>/flexislider/jquery.flexslider.js"></script> 
<script type="text/javascript">

    (function() {

      // store the slider in a local variable
      var $window = $(window),
          flexslider = { vars:{} };

      // tiny helper function to add breakpoints
      function getGridSize() {
        return (window.innerWidth < 600) ? 2 :
               (window.innerWidth < 900) ? 3 : 4;
      }

      $(function() {
        SyntaxHighlighter.all();
      });

      $window.load(function() {
        $('.flexslider').flexslider({
          animation: "slide",
          animationSpeed: 400,
          animationLoop: true,
          itemWidth: 210,
          itemMargin: 5,
          minItems: getGridSize(), // use function to pull in initial value
          maxItems: getGridSize(), // use function to pull in initial value
          start: function(slider){
            $('body').removeClass('loading');
            flexslider = slider;
          }
        });
      });

      // check grid size on resize event
      $window.resize(function() {
        var gridSize = getGridSize();

        flexslider.vars.minItems = gridSize;
        flexslider.vars.maxItems = gridSize;
      });
    }());

  </script>
  <!-- FlexSlider --> 
<script type="text/javascript">

    (function() {

      // store the slider in a local variable
      var $window = $(window),
          flexslider = { vars:{} };

      // tiny helper function to add breakpoints
      function getGridSize() {
        return (window.innerWidth < 600) ? 2 :
               (window.innerWidth < 900) ? 3 : 4;
      }

      $(function() {
        SyntaxHighlighter.all();
      });

      $window.load(function() {
        $('.flexslider').flexslider({
          animation: "slide",
          animationSpeed: 400,
          animationLoop: true,
          itemWidth: 210,
          itemMargin: 5,
          minItems: getGridSize(), // use function to pull in initial value
          maxItems: getGridSize(), // use function to pull in initial value
          start: function(slider){
            $('body').removeClass('loading');
            flexslider = slider;
          }
        });
      });

      // check grid size on resize event
      $window.resize(function() {
        var gridSize = getGridSize();

        flexslider.vars.minItems = gridSize;
        flexslider.vars.maxItems = gridSize;
      });
    }());

  </script>
</body></html>