jQuery(document).ready(function () {

	//Preload images
	jQuery('#developments .grid > li a').each(
		function(i)
		{
			jQuery('<img />').attr('src', jQuery(this).attr('href')).addClass('sr').load(function(){ jQuery('#content').append(jQuery(this)); });
		}
	);

	//Set first thumb image as selected
	jQuery('#developments .grid > li:first-child').addClass('active');

	//Set onclick for thumb images
	jQuery('#developments .grid > li a').click(
		function() {
			jQuery('p#main-img > img').hide().attr('src', jQuery(this).attr('href')).fadeIn();
			jQuery('#developments .grid > li').removeClass('active');
			jQuery(this).parent().addClass('active');
			return false;
		}
	);

	//Image previous and next
	if(jQuery("#developments .grid").children().size() > 1)
	{
		//Show control
		jQuery('p#main-img').after('<div id="pagination"><p>View images</p><p><a href="#previous" id="previous">&lt;</a> <a href="#next" id="next">&gt;</a></p></div>');
	
		//Handle previous
		jQuery("a#next").click(
			function() {
				var src = jQuery('#developments .grid > li.active').next('li').find("a").attr('href');
				if(src) {
					jQuery('p#main-img > img').hide().attr('src', src).fadeIn();
					jQuery('#developments .grid > li.active').removeClass('active').next('li').addClass('active');
				}
				return false;
			}
		);
	
		//Handle next
		jQuery("a#previous").click(
			function() {
				var src = jQuery('#developments .grid > li.active').prev('li').find("a").attr('href');
				if(src) {
					jQuery('p#main-img > img').hide().attr('src', src).fadeIn();
					jQuery('#developments .grid > li.active').removeClass('active').prev('li').addClass('active');
				}
				return false;
			}
		);
	}
	
	//Image grey to colour on hover
	if(jQuery('#developments .grid').size() > 0) jQuery('#developments .grid > li img').hover(function() { grayscale.reset(jQuery(this)); }, function() { grayscale(jQuery(this)); });

});

jQuery(window).load(function() {
		
	//Grayscale all developments thumb images
	if(jQuery('#developments .grid').size() > 0) grayscale(jQuery('#developments .grid > li img'));
	
});