<?php echo $this->load->view('inc/header'); ?>

<div class="container">
	<div class="row" style="height:50px"></div>
	<div class="row">
		<div class="span2">

				<?php echo $this->load->view('inc/main_nav'); ?>		
			
		</div>
		<div class="span1"></div>
		<div class="span9">
			<ul class="nav nav-tabs">
			  <li class="active"><a href="#instu" data-toggle="tab">Institutional</a></li>
			  <li><a href="#commercial" data-toggle="tab">Commercial</a></li>
			  <li><a href="#residential" data-toggle="tab">Residential</a></li>
			  <li><a href="#industrial" data-toggle="tab">Industrial</a></li>
			</ul>			
			
			<div class="tab-content"  id="inner-content-div">
			  <div class="tab-pane active" id="instu"><?php echo $this->main_model->get_projects(1); ?></div>	
			  <div class="tab-pane" id="commercial"><?php echo $this->main_model->get_projects(2); ?></div>		
			  <div class="tab-pane" id="residential"><?php echo $this->main_model->get_projects(3); ?></div>	
			  <div class="tab-pane" id="industrial"><?php echo $this->main_model->get_projects(4); ?></div>			
			</div>
	</div>
	</div>
	<hr>	
	<?php echo $this->load->view('inc/footer');?>

</div>

</body>
</html>
<script>

$(function(){
    $('#inner-content-div').slimScroll({
		color: '#003366',
	height: '405px',

    railVisible: true,
    alwaysVisible: true,
	allowPageScroll: true,
	disableFadeOut: true
    });
});

$('#myTab a').click(function (e) {
  e.preventDefault();
  $(this).tab('show');
})
</script>