@section('content')
	
    @section('sub_menu')
    	@include('about_us/menu')
    @stop
    
    @section('scripts')
        {{ HTML::script('js/jquery.scrollTo.js') }}       
        <script type="text/javascript">
            $(document).ready(function () {
          		$(window).scroll(function () {
                	if($(document).scrollTop() > $(".fixed_img").height() - 62) 
					{
                    	$('#navbar').addClass("fixed");
                    	$('#navbar').removeClass("transparent-menu");
                    	$('.wrap-second-nav').addClass("fixed");
                    	$('.wrap-second-nav').removeClass("transparent-menu");
                    
                	}
					else
					{
                    	$('#navbar').removeClass("fixed");
                    	$('#navbar').addClass("transparent-menu");
                    	$('.wrap-second-nav').removeClass("fixed");
                    	$('.wrap-second-nav').addClass("transparent-menu");
                	}
                	
					if($(document).scrollTop()>$(".fixed_img").height() - 94)
					{
                    	$('#scroll_to_content').addClass("hide-button");
                	}
					else
					{
                    	$('#scroll_to_content').removeClass("hide-button");
                	}
             	});
				
				$( "#scroll_to_content" ).click(function(e) {
                    e.preventDefault();
                    $.scrollTo('#about_us_anchor', 600);
                    
                    $.cookie('overview_bg', 'close', { path: '/' });
                });
                
                if($.cookie('overview_bg') == 'close')
                {
                    $.scrollTo('#about_us_anchor', 600);    
                }
            });
        </script>
    @stop
    @section('background_img')
      <div class="fixed_img">
        <img src="{{ asset('img/banq_frame4.jpg')}}" class="img-responsive" alt="img">
        <div class="text_box">
          <div class="wcaption frame-stairs social-box">
            <div class="caption">
              <div class="bg1">
                <div>
                  <ul>
                    <li><a href="https://www.facebook.com/banqco" target="_blank"><img src="{{ asset('img/social/facebook.png')}}" alt=""></a></li>
                    <li><a href="https://twitter.com/BanqCo/" target="_blank"><img src="{{ asset('img/social/twitter.png')}}" alt=""></a></li>
                    <li><a href="https://www.linkedin.com/company/3352892?trk=tyah&trkInfo=tarId%3A1398721669083%2Ctas%3Abanq%2Cidx%3A2-1-2" target="_blank"><img src="{{ asset('img/social/in.png')}}" alt=""></a></li>
                  </ul>
                </div>
                <h3>Please follow us on social media for updates</h3>
              </div>
              <div class="bg2"></div>
            </div>
          </div>
        </div>
      </div>
    @stop

    @section('about_us_arrow')
      <a href="#about_us_anchor" id="scroll_to_content" class="arrow_button"></a>
      <div id="about_us_anchor"></div>
    @stop

    <div class="row">
 		<div class="col-md-2">
        <div id="sticker">
          <ul class="left_nav press-releases">
            @foreach($categories as $category)
            <li><a href="{{ URL::to('about-us/news-and-events/'.$category->alias) }}"{{ (Request::segment(3) == $category->alias)?' class="active"':'' }}>{{ mb_strtoupper($category->title) }} </a></li>
            @endforeach
          </ul>
        </div>
  	</div>
    <div class="col-md-10">
    	@foreach($press as $row)
    	<div class="gray_container blog top-pad font-narrow">
            <div class="row">
                <div class="col-md-10 col-md-offset-1">
           			<h1>{{ $row->title }} <span class="autor">{{ date("M d Y", strtotime($row->created_at)) }}</span></h1>
                  	<p>{{ $row->content }}</p>
            	</div>
    		</div>
    	</div>
    	@endforeach
		</div>
	</div><!-- /row --><!-- Insights end -->
    <!--pagination-->
	<div class="wpagination">{{ $press->links() }}</div>
    
@endsection