
<!doctype html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title></title>
<meta name="description" content="" />
<meta name="google-translate-customization" content="2609e95dc4e4953c-ec85b8c2c0deee68-gc6ed4e71287eb54b-15"></meta>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="/css/style.css" rel="stylesheet" type="text/css" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<meta name="google-site-verification" content="AhNZDLtKaJcx7UD9wVPbpv-6AgK1mh2hy760Dz3fuco" />

	<link rel="stylesheet" href="/css/supersized.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="/css/supersized.shutter.css" type="text/css" media="screen" />
	
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
		
	<script type="text/javascript" src="/js/supersized.3.2.7.min.js"></script>
	<script type="text/javascript" src="/js/supersized.shutter.min.js"></script>

	<script type="text/javascript">
			
			jQuery(function($){
				
				$.supersized({
				
					// Functionality
					slide_interval          :   6000,		// Length between transitions
					transition              :   1, 			// 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
					transition_speed		:	1000,		// Speed of transition
															   
					// Components							
					slide_links				:	'blank',	// Individual links for each slide (Options: false, 'num', 'name', 'blank')
					slides 					:  	[			// Slideshow Images					
					
										{image : '/site_images/portfolio/home/kudos 7 (7).jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/kudos 7 (3).jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/kudos 7 (1).jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/kudos 7 Battle 7 30am  Panorama.jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/A4B_0240.jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/kudos 6 Panorama.jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/Kudos 6 (5).jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/Kudos 5 (3).jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/Kudos 5 (1).jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/DSC_0898.jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/Kudos 4 (4).jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/CCL_0566.jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/DSC_2426.jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/DSC_3480.jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/HH2_0186.jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/HH2_0172.jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/KF3_0876.jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/KF3_0982.jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/RC1_0075.jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/KS.jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/Ashdown.jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/DSC_3454 Planet.jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/Equine1.jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/KF2 4.jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/KF2 1.jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/382.jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/5.jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/6.jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/13.jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/7.jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/1.jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/14.jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/2.jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/12.jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/10.jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/x1.jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/18.jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/8.jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/9.jpg', title : '', thumb : '', url : ''},
										{image : '/site_images/portfolio/home/11.jpg', title : '', thumb : '', url : ''},
										]
					
				});
		    });
		    
</script>

</head>
<body>

	<!-- include full size iframe -->


	<!--Arrow Navigation-->
	
	<a id="prevslide" class="load-item"></a>
	<a id="nextslide" class="load-item"></a>
	<a id="play-button"><img id="pauseplay" src="/img/pause.png"/></a>



   	<div id="header">
		<div class="content">
			<div class="desktop">
				<a href="/"><img src="/images/logo.png" class="logo" /></a>
				
				<ul id="nav">
					<li class="rMenu"><a href="#"><p>MENU</p></a>
					<li><a href="#">Portfolio</a>
						<ul>
											<li><a href="/portfolio/commercial/corporate">Commercial</a></li>
										<li><a href="/portfolio/equine/equestrian">Equine</a></li>
										<li><a href="/portfolio/people/portrait">People</a></li>
											</ul>
					</li>
					<li><a href="/about/">About</a></li>                
					<li><a href="/blog/" target="_blank">Blog</a></li>
					<li><a href="/contact/">Contact</a></li>
					<li><a href="#">More</a>
	                    <ul class="moreMenu">
	                        <li><a href="/testimonials">Testimonials</a></li>
	                        <li><a href="/faqs">FAQs</a></li>
	                        <li><a href="/friends">Friends</a></li>
	                    </ul>
	                </li>
				</ul>
			
			<div class="icons">
				<ul>
					<li><a href="https://www.facebook.com/Mattharquailphoto" target="_blank"><img src="/images/social/facebook.png"onmouseover="this.src='/images/social/facebook-grey.png'"onmouseout="this.src='/images/social/facebook.png'"></a></li>
					<li><a href="http://twitter.com/mattharquail" target="_blank"><img src="/images/social/twitter.png"onmouseover="this.src='/images/social/twitter-grey.png'"onmouseout="this.src='/images/social/twitter.png'"></a></li>
					<li><a href="http://www.pinterest.com/mattharquail/pins/"><img src="/images/social/pinterest.png"onmouseover="this.src='/images/social/pinterest-grey.png'"onmouseout="this.src='/images/social/pinterest.png'"></a></li>
					<li><a href="/contact"><img src="/images/social/email.png"onmouseover="this.src='/images/social/email-grey.png'"onmouseout="this.src='/images/social/email.png'"></a></li>
				</ul>
			</div>
			</div>
			
		</div>
	</div>
	
		<!--/header -->	
	

	
	<div id="page">		
		<div class="controls-mob">
			<a href="#" class="close-button-mobile"></a>		
		</div>

		<div class="page-content">
			
					
		</div>
		<div class="controls">
			<a href="#" class="close-button"></a>
			
		</div>

	</div>

	<footer>
		<div class="footerIcons">
				<ul>
					<li><a href="https://www.facebook.com/Mattharquailphoto" target="_blank"><img src="/images/social/facebook.png"onmouseover="this.src='/images/social/facebook-grey.png'"onmouseout="this.src='/images/social/facebook.png'"></a></li>
					<li><a href="http://twitter.com/mattharquail" target="_blank"><img src="/images/social/twitter.png"onmouseover="this.src='/images/social/twitter-grey.png'"onmouseout="this.src='/images/social/twitter.png'"></a></li>
					<li><a href="http://www.pinterest.com/mattharquail/pins/"><img src="/images/social/pinterest.png"onmouseover="this.src='/images/social/pinterest-grey.png'"onmouseout="this.src='/images/social/pinterest.png'"></a></li>
					<li><a href="/contact"><img src="/images/social/email.png"onmouseover="this.src='/images/social/email-grey.png'"onmouseout="this.src='/images/social/email.png'"></a></li>
				</ul>
			</div>
	</footer>
	<!--/page -->
	
	
<script>

$(document).ready(function(){

	var windowWidth = $(window).width();

	if (windowWidth < 850) {

	$('.close-button-mobile').live('click', function(e){
		$('div.page-content').slideUp();
		$(this).removeClass('close-button-mobile');
		$(this).addClass('expand-button');
		$('.controls-mob').removeClass('close-controls');
		$('div.controls-mob').animate({width:'20px'});
		e.preventDefault();
	});

	$('.expand-button').live('click', function(e){
		$('div.page-content').slideDown();
		$('div.controls-mob').animate({width:'100%'});
		$(this).removeClass('expand-button');
		$(this).addClass('close-button-mobile');
		$('.controls-mob').addClass('close-controls');
		e.preventDefault();
	});

} else {

	$('.close-button').live('click', function(e){
		$('div.page-content').slideUp();
		$(this).removeClass('close-button');
		$(this).addClass('expand-button');
		$('.controls').removeClass('close-controls');
		$('div.controls').animate({width:'20px', height:'auto'});
		e.preventDefault();
	});

	$('.expand-button').live('click', function(e){
		$('div.page-content').slideDown();
		$('div.controls').animate({width:'100%'});
		$(this).removeClass('expand-button');
		$(this).addClass('close-button');
		$('.controls').addClass('close-controls');
		e.preventDefault();
	});
}


	//if ( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
	//}
	
	$(window).resize(function(){
		
		windowWidth = $(window).width();
		
		$('body, header').width(windowWidth);

// 		if (windowWidth < 800) {


// 	$('.close-button-mobile').live('click', function(e){
// 		$('div.page-content').slideUp();
// 		$(this).removeClass('close-button-mobile');
// 		$(this).addClass('expand-button');
// 		$('.controls').removeClass('close-controls');
// 		$('div.controls').animate({width:'20px'});
// 		e.preventDefault();
// 	});

// 	$('.expand-button').live('click', function(e){
// 		$('div.page-content').slideDown();
// 		$('div.controls').animate({width:'100%'});
// 		$(this).removeClass('expand-button');
// 		$(this).addClass('close-button-mobile');
// 		$('.controls').addClass('close-controls');
// 		e.preventDefault();
// 	});

// } else {

// 	$('.close-button').live('click', function(e){
// 		$('div.page-content').slideUp();
// 		$(this).removeClass('close-button');
// 		$(this).addClass('expand-button');
// 		$('.controls').removeClass('close-controls');
// 		$('div.controls').animate({width:'20px'});
// 		e.preventDefault();
// 	});

// 	$('.expand-button').live('click', function(e){
// 		$('div.page-content').slideDown();
// 		$('div.controls').animate({width:'100%'});
// 		$(this).removeClass('expand-button');
// 		$(this).addClass('close-button');
// 		$('.controls').addClass('close-controls');
// 		e.preventDefault();
// 	});
// }
	
	});
});

</script>
<script src="/js/main.js"></script>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-23411800-22', 'mattharquail.co.uk');
  ga('send', 'pageview');

</script>

</body>
</html>
