@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('professional_referrals_bg', 'close', { path: '/' });
                });
                
                if($.cookie('professional_referrals_bg') == 'close')
                {
                    $.scrollTo('#about_us_anchor', 600);    
                }
				
				@foreach($professional_referrals as $row)
					@if(!empty($row->logo) && file_exists(public_path().'/uploads/professional_referrals/'.$row->logo))
						
						var $img = $('#image_{{ $row->referrals_id }} img');
             
						$img.load(function(){						 
							var height = $(this).height();
							margin_top = height / 2;
							$('#image_{{ $row->referrals_id }}').css({'margin-top': '-' + margin_top + 'px'});
						});
						 
						$img.each(function() {
							var src = $(this).attr('src');
							$(this).attr('src', '');
							$(this).attr('src', src);
						});
            		@endif
				@endforeach
    		});
        </script>
    @stop
    
    @section('background_img')
      <div class="fixed_img">
        <img src="{{ asset('img/banq_frame3.jpg')}}" class="img-responsive" alt="img">
        <div class="text_box">
          <div class="wcaption frame-stairs">
            <div class="caption">
              <div class="bg1">
                <h1>A FAMILY OF Trusted advisors</h1>
                <h3>Our professional relationships span the financial industry, allowing us to provide our clients and prospects with a profound level of service.</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">
		@include('about_us/professional_referrals_menu')
		<div class="col-md-10">
        	@foreach($professional_referrals as $row)
        	<div class="providers">
	        	<div class="gray_container" style="width: 500px">
	          		<h4 class="head_h4" style="color:#000">{{ $row->title }}</h4>
            		{{ $row->content }}
	      		</div>
                @if(!empty($row->logo) && file_exists(public_path().'/uploads/professional_referrals/'.$row->logo))
       				<a href="#" id="image_{{ $row->referrals_id }}" class="providers-logo"><img src="{{ asset('uploads/professional_referrals/'.$row->logo) }}" alt="{{ $row->title }}"></a>
     			@endif
            
            </div>
  			@endforeach
        </div>
    </div><!-- /row --><!-- Service Providers end -->
    
    <!--pagination-->
	<div class="wpagination">{{ $professional_referrals->appends(array('category_id' => Input::get('category_id')))->links() }}</div>
    
@endsection