<?php
/**
 * Handle media (i.e. images, attachments) for the theme.
 * This file is loaded via the 'after_setup_theme' hook at priority '10'
 *
 * @package    Hoot
 * @subpackage Dollah
 */

/* Filter the Frameworks's default custom image sizes to be used through the theme */
add_filter( 'hybridextend_custom_image_sizes', 'dollah_theme_custom_image_sizes', 5 );

/**
 * Add custom image sizes to be used throughout the theme.
 * Also define whether to show the custom image size in the Image Editor in the Post Editor.
 *
 * Note, When using hybridextend_get_image_size_name(), any span below 3 gets upgraded to span3, thereby
 * getting bigger images which display much better on smaller screens (where all spans become 100%)
 * Effectively, this means on a grid of 1260, custom images sizes should have atleast 315px width as
 * images below this width would not be used by this function.
 *
 * Note, order of sizes in this array matters. hybridextend_get_image_size_name() automatically returns the
 * first image size it finds matching the width needed (and matching crop criteria).
 *
 * @since 1.0
 * @access public
 * @param array $sizes Default custom image sizes.
 * @return array
 */
function dollah_theme_custom_image_sizes( $sizes ) {
	$sizes = array(
		// Let span3 use 'dollah-medium-thumb' as we need width to be 420 for mobile
		// // 240 x 180 (suitable for span3, calculated using logic of hybridextend_get_image_size_name fn)
		// 'dollah-small-thumb' => array(
		// 	'label'          => __( 'Small Thumbnail', 'dollah' ),
		// 	'width'          => 315,
		// 	'height'         => 215,
		// 	'crop'           => true,
		// 	'show_in_editor' => false,
		// ),
		// 400 x 230 (calculated using logic of hybridextend_get_image_size_name fn)
		// @span4 @hcolumn-1-3 @hcolumn-1-4 @hcolumn-1-5 @post-list(big) @archive-small @archive-block3
		'dollah-medium-thumb' => array(
			'label'          => __( 'Medium Thumbnail', 'dollah' ),
			'width'          => 460,
			'height'         => 320,
			'crop'           => true,
			'show_in_editor' => false,
		),
		// 393 x 180 (width is 425 instead of 420, so that 'dollah-medium-thumb' stays as default for span4)
		// @archive-medium @archive-mosaic3 @archive-mosaic4
		'dollah-preview' => array(
			'label'          => __( 'Preview', 'dollah' ),
			'width'          => 465,
			'height'         => 600,
			'crop'           => false,
			'show_in_editor' => false,
		),
		// (calculated using logic of hybridextend_get_image_size_name fn)
		// @hcolumn-1-2 @span6 @archive-block2
		'dollah-large-thumb' => array(
			'label'          => __( 'Large Thumbnail', 'dollah' ),
			'width'          => 690,
			'height'         => 500,
			'crop'           => true,
			'show_in_editor' => false,
		),
		// (width is 695 instead of 690, so that 'dollah-large-thumb' stays as default for span6)
		// @post-grid(big) @archive-mosaic2
		'dollah-preview-large' => array(
			'label'          => __( 'Large Preview', 'dollah' ),
			'width'          => 695,
			'height'         => 500,
			'crop'           => false,
			'show_in_editor' => false,
		),
		// 740 x 340 (calculated using logic of hybridextend_get_image_size_name fn)
		// @span8 @archive-big
		'dollah-wide' => array(
			'label'          => __( 'Wide', 'dollah' ),
			'width'          => 920, // 860
			'height'         => 425,
			'crop'           => true,
			'show_in_editor' => false,
		),
		// 835 x 340 (calculated using logic of hybridextend_get_image_size_name fn)
		// @span9 @archive-big
		'dollah-extra-wide' => array(
			'label'          => __( 'Extra Wide', 'dollah' ),
			'width'          => 1035, // 976
			'height'         => 425,
			'crop'           => true,
			'show_in_editor' => false,
		),
	);
	return $sizes;
}