// start homepage boxes on load //
jQuery(document).ready(function ($) {


	var $container = $('#floaty-container');

	$container.isotope({
		itemSelector: '.boxstyle',
		animationEngine: 'jquery',
		masonry: {
			columnWidth: 220,
			gutterWidth: 20
		},
		getSortData: {
			priority: function ($elem) {
				return $elem.attr('priority');
			}
		}
	});


	$('.boxstyle').live('click', function () {
		$('.big-box').attr("priority", "2");
		$('.big-box').removeClass('big-box');
		$('.big-box').removeClass('bigger-box');

		$(this).attr("priority", "1");
		$(this).toggleClass('big-box');

		if ($(this).find('.box-text').outerHeight() > 180) {
			$(this).addClass('bigger-box');
		}

		$container.isotope('updateSortData', $('.boxstyle'))
		if ($(document).width() >= 480) {
			$container.isotope({ sortBy: 'priority' });
			//$("html, body").animate({ scrollTop: 0 }, "slow");//
		} else {
			$container.isotope('reLayout');
		}

	});

	if ($('.big-box').find('.box-text').outerHeight() > 180) {
		$('.big-box').addClass('bigger-box');
		$container.isotope('reLayout');
	}
});