<?php

/* 
 * sagablog Theme Customizer - Panel "Main slider"
 *
 * @package sagablog
 *
 */

//******************************************************************************       
// Add Panel Main slider
//******************************************************************************
//Add panel 'Main slider'
$wp_customize->add_panel( 'main_slider', array(
  'title' => __( 'Main slider', 'sagablog-light' ),
  'description' => __( 'Main slider.', 'sagablog-light' ),
  'priority' => 40, 
) );

//-----------------------------------------------------------------
//-----------------------------------------------------------------
//Add section "Show slider on header"
//-----------------------------------------------------------------
//-----------------------------------------------------------------

$wp_customize->add_section( 'main_slider_header' , array(
    'title' => __( 'Main slider on header', 'sagablog-light' ),
    'panel' => 'main_slider',
    'priority' => 28,
    'description' => __( 'Main slider on header.', 'sagablog-light' )
) );     
 
    //Slider's type           
    $wp_customize->add_setting( 'sagablog_slider_header_type', array(
            'default' => 'type-header-1',
            'sanitize_callback' => 'sagablog_sanitize_slider_type_header'
        )
    );
    $wp_customize->add_control( 'sagablog_slider_header_type', array(
            'type' => 'radio',
            'label' => __( 'Main slider type (in header):', 'sagablog-light' ),
            'section' => 'main_slider_header',
            'choices' => array(
                'type-header-1' => __( 'Carousel slider', 'sagablog-light' ),
                'type-header-2' => __( 'Fullwidth slider', 'sagablog-light' )
            )
        )
    );    
    
    //Slider in header show next:           
    $wp_customize->add_setting( 'sagablog_slider_header_show', array(
            'default' => 'showheader-2',
            'sanitize_callback' => 'sagablog_sanitize_slider_header'
        )
    );
    $wp_customize->add_control( 'sagablog_slider_header_show', array(
            'type' => 'radio',
            'label' => __( 'Main slider show on header:', 'sagablog-light' ),
            'section' => 'main_slider_header',
            'choices' => array(
                'showheader-1' => __( 'Show popular posts', 'sagablog-light' ),
                'showheader-2' => __( 'Show recent posts (default)', 'sagablog-light' ),
                'showheader-3' => __( 'Show selected posts or pages', 'sagablog-light' )
            )
        )
    );    

//*******************************************************************************************        
    //If selected "Show popular posts or related posts"
    $wp_customize->add_setting('sagablog-header-info-posts-number', array(
            'type'              => 'info_control',
            'sanitize_callback' => 'esc_attr',            
        )
    );
    $wp_customize->add_control( new Info( $wp_customize, 'sagablog-header-info-posts-number', array(
        'label' => __('If selected "Show popular posts or related posts":', 'sagablog-light'),
        'section' => 'main_slider_header',
        'settings' => 'sagablog-header-info-posts-number',
        //'priority' => 13
        ) )
    );          
    
// Number of posts for slider
	$wp_customize->add_setting( 'sagablog_header_posts_number', array(
	    'sanitize_callback' => 'sagablog_sanitize_number',
            'default'	        => 5,
	));

	$wp_customize->add_control ( 'sagablog_header_posts_number', array( 
		'type'        => 'number',
                'label'    => __( 'How many posts will show main slider', 'sagablog-light' ),
		'description'    => __( 'Max value 20, min value 1', 'sagablog-light' ),
		'section'  => 'main_slider_header', 
		'settings' => 'sagablog_header_posts_number',  
		//'priority'   => 91,
                'input_attrs' => array(
                    'min'   => 1,
                    'max'   => 20,
                    'step'  => 1,
                    'style' => 'margin-bottom: 15px; padding: 15px;',
        ),
	));   
    
   
//*******************************************************************************************        
    //If selected 'Show selected posts or pages'
    $wp_customize->add_setting('sagablog-header-info', array(
            'type'              => 'info_control',
            'sanitize_callback' => 'esc_attr',            
        )
    );
    $wp_customize->add_control( new Info( $wp_customize, 'sagablog-header-info', array(
        'label' => __('If selected "Show selected posts or pages":', 'sagablog-light'),
        'section' => 'main_slider_header',
        'settings' => 'sagablog-header-info',
        //'priority' => 13
        ) )
    );              
   /*******************************************************************************************/        
    $wp_customize->add_setting('sagablog-header-second-post-info', array(
            'type'              => 'info_control',
            'sanitize_callback' => 'esc_attr',            
        )
    );
    $wp_customize->add_control( new Second_Info( $wp_customize, 'sagablog-header-second-post-info', array(
        'label' => __('Select posts:', 'sagablog-light'),
        'section' => 'main_slider_header',
        'settings' => 'sagablog-header-second-post-info',
        //'priority' => 13
        ) )
    );            
            
//*******************************************************************************************     
// POSTS
//*******************************************************************************************

/* Slide 1 */ 
//Choose post for slide 1         
    $wp_customize-> add_setting( 'sagablog_choose_main_slider_header_post_1', array(
    		'default'	=> '',
    		'sanitization_callback'	=> 'sagablog_sanitize_integer'
    	)
    );
    
    $wp_customize-> add_control(
    	new sagablog_Main_Slider_Post_Control( $wp_customize, 'sagablog_choose_main_slider_header_post_1', array(
	    		//'label'		=> __('Choose post for slide 1:','sagablog-light'),
	    		'section' => 'main_slider_header',
	    		'settings'	=> 'sagablog_choose_main_slider_header_post_1'
	    	)
    	)
    );
//Add image for slide 1    
            $wp_customize->add_setting( 'sagablog_img_header_post_1', array(
                    'default-image' => '',
                    'sanitize_callback' => 'sagablog_sanitize_uri',
            ));

            $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'sagablog_img_header_post_1', array( 
                    'label'    => __( 'Change image - the recommended image size is 600x450px for slider type 1 and 1300x500px for slider type 2:', 'sagablog-light' ),
                    'type'     => 'image',
                    'section'  => 'main_slider_header', 
                    'settings' => 'sagablog_img_header_post_1',
                    //'priority' => 21,
            )));           

//Add Slide 2    
    $wp_customize-> add_setting( 'sagablog_choose_main_slider_header_post_2', array(
    		'default'	=> '',
    		'sanitize_callback'	=> 'sagablog_sanitize_integer',
    		'transport'	=> 'refresh'
    	)
    );
    
    $wp_customize-> add_control(
    	new sagablog_Main_Slider_Post_Control( $wp_customize, 'sagablog_choose_main_slider_header_post_2', array(
	    		//'label'		=> __('Slide 2','sagablog-light'),
	    		'section' => 'main_slider_header',
	    		'settings'	=> 'sagablog_choose_main_slider_header_post_2'
	    	)
    	)
    );
//Add image for slide 2    
            $wp_customize->add_setting( 'sagablog_img_header_post_2', array(
                    'default-image' => '',
                    'sanitize_callback' => 'sagablog_sanitize_uri',
            ));

            $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'sagablog_img_header_post_2', array( 
                    'label'    => __( 'Change image - the recommended image size is 600x450px for slider type 1 and 1300x500px for slider type 2:', 'sagablog-light' ),
                    'type'           => 'image',
                    'section'  => 'main_slider_header', 
                    'settings' => 'sagablog_img_header_post_2',
            )));     
//Add Slide 3    
    $wp_customize-> add_setting( 'sagablog_choose_main_slider_header_post_3', array(
    		'default'	=> '',
    		'sanitize_callback'	=> 'sagablog_sanitize_integer',
    		'transport'	=> 'refresh'
    	)
    );
    
    $wp_customize-> add_control(
    	new sagablog_Main_Slider_Post_Control( $wp_customize, 'sagablog_choose_main_slider_header_post_3', array(
	    		//'label'		=> __('Slide 3','sagablog-light'),
	    		'section' => 'main_slider_header',
	    		'settings'	=> 'sagablog_choose_main_slider_header_post_3'
	    	)
    	)
    );
//Add image for slide 3    
            $wp_customize->add_setting( 'sagablog_img_header_post_3', array(
                    'default-image' => '',
                    'sanitize_callback' => 'sagablog_sanitize_uri',
            ));

            $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'sagablog_img_header_post_3', array( 
                    'label'    => __( 'Change image - the recommended image size is 600x450px for slider type 1 and 1300x500px for slider type 2:', 'sagablog-light' ),
                    'type'           => 'image',
                    'section'  => 'main_slider_header', 
                    'settings' => 'sagablog_img_header_post_3',
            )));  
     
//Add Slide 4    
    $wp_customize-> add_setting( 'sagablog_choose_main_slider_header_post_4', array(
    		'default'	=> '',
    		'sanitize_callback'	=> 'sagablog_sanitize_integer',
    		'transport'	=> 'refresh'
    	)
    );
    
    $wp_customize-> add_control(
    	new sagablog_Main_Slider_Post_Control( $wp_customize, 'sagablog_choose_main_slider_header_post_4', array(
	    		//'label'		=> __('Slide 4','sagablog-light'),
	    		'section' => 'main_slider_header',
	    		'settings'	=> 'sagablog_choose_main_slider_header_post_4'
	    	)
    	)
    );
//Add image for slide 4    
            $wp_customize->add_setting( 'sagablog_img_header_post_4', array(
                    'default-image' => '',
                    'sanitize_callback' => 'sagablog_sanitize_uri',
            ));

            $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'sagablog_img_header_post_4', array( 
                    'label'    => __( 'Change image - the recommended image size is 600x450px for slider type 1 and 1300x500px for slider type 2:', 'sagablog-light' ),
                    'type'           => 'image',
                    'section'  => 'main_slider_header', 
                    'settings' => 'sagablog_img_header_post_4',
            )));     

//Add Slide 5    
    $wp_customize-> add_setting( 'sagablog_choose_main_slider_header_post_5', array(
    		'default'	=> '',
    		'sanitize_callback'	=> 'sagablog_sanitize_integer',
    		'transport'	=> 'refresh'
    	)
    );
    
    $wp_customize-> add_control(
    	new sagablog_Main_Slider_Post_Control( $wp_customize, 'sagablog_choose_main_slider_header_post_5', array(
	    		//'label'		=> __('Slide 5','sagablog-light'),
	    		'section' => 'main_slider_header',
	    		'settings'	=> 'sagablog_choose_main_slider_header_post_5'
	    	)
    	)
    );
//Add image for slide 5    
            $wp_customize->add_setting( 'sagablog_img_header_post_5', array(
                    'default-image' => '',
                    'sanitize_callback' => 'sagablog_sanitize_uri',
            ));

            $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'sagablog_img_header_post_5', array( 
                    'label'    => __( 'Change image - the recommended image size is 600x450px for slider type 1 and 1300x500px for slider type 2:', 'sagablog-light' ),
                    'type'           => 'image',
                    'section'  => 'main_slider_header', 
                    'settings' => 'sagablog_img_header_post_5',
            )));   
            
//***************************************************************************************            
//PAGES
//***************************************************************************************
//    'description' => __( "Main slider is showing pages. If chosen 'Static Front Page --- A static page'  - 'Posts page' will not be shown in slider.", 'sagablog-light' )        
/*******************************************************************************************/        
    $wp_customize->add_setting('sagablog-header-second-page-info', array(
            'type'              => 'info_control',
            'sanitize_callback' => 'esc_attr',            
        )
    );
    $wp_customize->add_control( new Second_Info( $wp_customize, 'sagablog-header-second-page-info', array(
        'label' => __('Select pages:', 'sagablog-light'),
        'section' => 'main_slider_header',
        'settings' => 'sagablog-header-second-page-info',
        //'priority' => 13
        ) )
    );            
    
    
       /****************/                
       //Add slide 1
       /****************/  
		$wp_customize->add_setting( 'sagablog_choose_main_slider_header_pages_1', array(
			'capability'		=> 'edit_theme_options',
			'sanitize_callback'	=> 'sagablog_sanitize_integer',
		) );

		$wp_customize->add_control( 'sagablog_choose_main_slider_header_pages_1', array(
			//'label'    	=> __( 'Slide 1', 'sagablog-light' ),
			'section'  	=> 'main_slider_header',
			'type'	   	=> 'dropdown-pages',
		) );
            //Add image for slide 1    
            $wp_customize->add_setting( 'sagablog_img_header_page_1', array(
                    'default-image' => '',
                    'sanitize_callback' => 'sagablog_sanitize_uri',
            ));

            $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'sagablog_img_header_page_1', array( 
                    'label'    => __( 'Change image - the recommended image size is 600x450px for slider type 1 and 1300x500px for slider type 2:', 'sagablog-light' ),
                    'type'           => 'image',
                    'section'  => 'main_slider_header', 
                    'settings' => 'sagablog_img_header_page_1',
            )));     
            //Add slide 2
		$wp_customize->add_setting( 'sagablog_choose_main_slider_header_pages_2', array(
			'capability'		=> 'edit_theme_options',
			'sanitize_callback'	=> 'sagablog_sanitize_integer',
		) );

		$wp_customize->add_control( 'sagablog_choose_main_slider_header_pages_2', array(
			//'label'    	=> __( 'Slide 2', 'sagablog-light' ),
			'section'  	=> 'main_slider_header',
			'type'	   	=> 'dropdown-pages',
		) );  
            //Add image for slide 2    
            $wp_customize->add_setting( 'sagablog_img_header_page_2', array(
                    'default-image' => '',
                    'sanitize_callback' => 'sagablog_sanitize_uri',
            ));

            $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'sagablog_img_header_page_2', array( 
                    'label'    => __( 'Change image - the recommended image size is 600x450px for slider type 1 and 1300x500px for slider type 2:', 'sagablog-light' ),
                    'type'           => 'image',
                    'section'  => 'main_slider_header', 
                    'settings' => 'sagablog_img_header_page_2'
            )));                     
            //Add slide 3
		$wp_customize->add_setting( 'sagablog_choose_main_slider_header_pages_3', array(
			'capability'		=> 'edit_theme_options',
			'sanitize_callback'	=> 'sagablog_sanitize_integer',
		) );

		$wp_customize->add_control( 'sagablog_choose_main_slider_header_pages_3', array(
			//'label'    	=> __( 'Slide 3', 'sagablog-light' ),
			'section'  	=> 'main_slider_header',
			'type'	   	=> 'dropdown-pages',
		) );  
            //Add image for slide 3    
            $wp_customize->add_setting( 'sagablog_img_header_page_3', array(
                    'default-image' => '',
                    'sanitize_callback' => 'sagablog_sanitize_uri',
            ));

            $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'sagablog_img_header_page_3', array( 
                    'label'    => __( 'Change image - the recommended image size is 600x450px for slider type 1 and 1300x500px for slider type 2:', 'sagablog-light' ),
                    'type'           => 'image',
                    'section'  => 'main_slider_header', 
                    'settings' => 'sagablog_img_header_page_3'
            )));                     
            //Add slide 4
		$wp_customize->add_setting( 'sagablog_choose_main_slider_header_pages_4', array(
			'capability'		=> 'edit_theme_options',
			'sanitize_callback'	=> 'sagablog_sanitize_integer',
		) );

		$wp_customize->add_control( 'sagablog_choose_main_slider_header_pages_4', array(
			//'label'    	=> __( 'Slide 4', 'sagablog-light' ),
			'section'  	=> 'main_slider_header',
			'type'	   	=> 'dropdown-pages',
		) );
            //Add image for slide 4    
            $wp_customize->add_setting( 'sagablog_img_header_page_4', array(
                    'default-image' => '',
                    'sanitize_callback' => 'sagablog_sanitize_uri',
            ));

            $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'sagablog_img_header_page_4', array( 
                    'label'    => __( 'Change image - the recommended image size is 600x450px for slider type 1 and 1300x500px for slider type 2:', 'sagablog-light' ),
                    'type'           => 'image',
                    'section'  => 'main_slider_header', 
                    'settings' => 'sagablog_img_header_page_4'
            )));                    
            //Add slide 5
		$wp_customize->add_setting( 'sagablog_choose_main_slider_header_pages_5', array(
			'capability'		=> 'edit_theme_options',
			'sanitize_callback'	=> 'sagablog_sanitize_integer',
		) );

		$wp_customize->add_control( 'sagablog_choose_main_slider_header_pages_5', array(
			//'label'    	=> __( 'Slide 5', 'sagablog-light' ),
			'section'  	=> 'main_slider_header',
			'type'	   	=> 'dropdown-pages',
		) );                      
            //Add image for slide 5    
            $wp_customize->add_setting( 'sagablog_img_header_page_5', array(
                    'default-image' => '',
                    'sanitize_callback' => 'sagablog_sanitize_uri',
            ));

            $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'sagablog_img_header_page_5', array( 
                    'label'    => __( 'Change image - the recommended image size is 600x450px for slider type 1 and 1300x500px for slider type 2:', 'sagablog-light' ),
                    'type'           => 'image',
                    'section'  => 'main_slider_header', 
                    'settings' => 'sagablog_img_header_page_5'
            )));              
            
                
//-----------------------------------------------------------------
//-----------------------------------------------------------------
//Add section Main slider on front/home page
//-----------------------------------------------------------------
//-----------------------------------------------------------------
$wp_customize->add_section( 'main_slider_frontpage' , array(
    'title' => __( 'Main slider on front/home page', 'sagablog-light' ),
    'panel' => 'main_slider',
    'priority' => 26,
    'description' => __( "Main slider on front/home page.", 'sagablog-light' )
) );

    //Slider's type           
    $wp_customize->add_setting( 'sagablog_slider_index_type', array(
            'default' => 'type-index-2',
            'sanitize_callback' => 'sagablog_sanitize_slider_type_index'
        )
    );
    $wp_customize->add_control( 'sagablog_slider_index_type', array(
            'type' => 'radio',
            'label' => __( 'Main slider type (in frontpage/homepage):', 'sagablog-light' ),
            'section' => 'main_slider_frontpage',
            'choices' => array(
                'type-index-1' => __( 'Carousel slider', 'sagablog-light' ),
                'type-index-2' => __( 'Fullwidth slider', 'sagablog-light' )
            )
        )
    ); 
    
    //Slider in front/home page show next:           
    $wp_customize->add_setting( 'sagablog_slider_page_show', array(
            'default' => 'showpage-2',
            'sanitize_callback' => 'sagablog_sanitize_slider_page'
        )
    );
    $wp_customize->add_control( 'sagablog_slider_page_show', array(
            'type' => 'radio',
            'label' => __( 'Main slider show on front/home page:', 'sagablog-light' ),
            'section' => 'main_slider_frontpage',
            'choices' => array(
                'showpage-1' => __( 'Show popular posts', 'sagablog-light' ),
                'showpage-2' => __( 'Show recent posts (default)', 'sagablog-light' ),
                'showpage-3' => __( 'Show selected posts or pages', 'sagablog-light' )
            )
        )
    );    
    
//*******************************************************************************************        
    //If selected "Show popular posts or related posts"
    $wp_customize->add_setting('sagablog-frontpage-info-posts-number', array(
            'type'              => 'info_control',
            'sanitize_callback' => 'esc_attr',            
        )
    );
    $wp_customize->add_control( new Info( $wp_customize, 'sagablog-frontpage-info-posts-number', array(
        'label' => __('If selected "Show popular posts or related posts":', 'sagablog-light'),
        'section' => 'main_slider_frontpage',
        'settings' => 'sagablog-frontpage-info-posts-number',
        //'priority' => 13
        ) )
    );          
    
// Number of posts for slider
	$wp_customize->add_setting( 'sagablog_frontpage_posts_number', array(
	    'sanitize_callback' => 'sagablog_sanitize_number',
            'default'	        => 5,
	));

	$wp_customize->add_control ( 'sagablog_frontpage_posts_number', array( 
		'type'        => 'number',
                'label'    => __( 'How many posts will show main slider', 'sagablog-light' ),
		'description'    => __( 'Max value 20, min value 1', 'sagablog-light' ),
		'section'  => 'main_slider_frontpage', 
		'settings' => 'sagablog_frontpage_posts_number',  
		//'priority'   => 10,
                'input_attrs' => array(
                    'min'   => 1,
                    'max'   => 20,
                    'step'  => 1,
                    'style' => 'margin-bottom: 15px; padding: 15px;',
        ),
	));   

    
    /*******************************************************************************************/        
    //If selected 'Show selected posts or pages'
    $wp_customize->add_setting('sagablog-frontpage-info', array(
            'type'              => 'info_control',
            'sanitize_callback' => 'esc_attr',            
        )
    );
    $wp_customize->add_control( new Info( $wp_customize, 'sagablog-frontpage-info', array(
        'label' => __('If selected "Show selected posts or pages"', 'sagablog-light'),
        'section' => 'main_slider_frontpage',
        'settings' => 'sagablog-frontpage-info',
        //'priority' => 13
        ) )
    );        

    /*******************************************************************************************/        
    $wp_customize->add_setting('sagablog-frontpage-second-post-info', array(
            'type'              => 'info_control',
            'sanitize_callback' => 'esc_attr',            
        )
    );
    $wp_customize->add_control( new Second_Info( $wp_customize, 'sagablog-frontpage-second-post-info', array(
        'label' => __('Select posts:', 'sagablog-light'),
        'section' => 'main_slider_frontpage',
        'settings' => 'sagablog-frontpage-second-post-info',
        //'priority' => 13
        ) )
    );                        
//*******************************************************************************************     
// POSTS
//*******************************************************************************************

/* Slide 1 */ 
//Choose post for slide 1         
    $wp_customize-> add_setting( 'sagablog_choose_main_slider_frontpage_post_1', array(
    		'default'	=> '',
    		'sanitization_callback'	=> 'sagablog_sanitize_integer'
    	)
    );
    
    $wp_customize-> add_control(
    	new sagablog_Main_Slider_Post_Control( $wp_customize, 'sagablog_choose_main_slider_frontpage_post_1', array(
	    		//'label'		=> __('Choose post for slide 1:','sagablog-light'),
	    		'section' => 'main_slider_frontpage',
	    		'settings'	=> 'sagablog_choose_main_slider_frontpage_post_1'
	    	)
    	)
    );
//Add image for slide 1    
            $wp_customize->add_setting( 'sagablog_frontpage_img_post_1', array(
                    'default-image' => '',
                    'sanitize_callback' => 'sagablog_sanitize_uri',
            ));

            $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'sagablog_frontpage_img_post_1', array( 
                    'label'    => __( 'Change image - the recommended image size is 600x450px for slider type 1 and 1300x500px for slider type 2:', 'sagablog-light' ),
                    'type'     => 'image',
                    'section'  => 'main_slider_frontpage', 
                    'settings' => 'sagablog_frontpage_img_post_1',
                    //'priority' => 21,
            )));           

//Add Slide 2    
    $wp_customize-> add_setting( 'sagablog_choose_main_slider_frontpage_post_2', array(
    		'default'	=> '',
    		'sanitize_callback'	=> 'sagablog_sanitize_integer',
    		'transport'	=> 'refresh'
    	)
    );
    
    $wp_customize-> add_control(
    	new sagablog_Main_Slider_Post_Control( $wp_customize, 'sagablog_choose_main_slider_frontpage_post_2', array(
	    		//'label'		=> __('Slide 2','sagablog-light'),
	    		'section' => 'main_slider_frontpage',
	    		'settings'	=> 'sagablog_choose_main_slider_frontpage_post_2'
	    	)
    	)
    );
//Add image for slide 2    
            $wp_customize->add_setting( 'sagablog_frontpage_img_post_2', array(
                    'default-image' => '',
                    'sanitize_callback' => 'sagablog_sanitize_uri',
            ));

            $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'sagablog_frontpage_img_post_2', array( 
                    'label'    => __( 'Change image - the recommended image size is 600x450px for slider type 1 and 1300x500px for slider type 2:', 'sagablog-light' ),
                    'type'           => 'image',
                    'section'  => 'main_slider_frontpage', 
                    'settings' => 'sagablog_frontpage_img_post_2',
            )));     
//Add Slide 3    
    $wp_customize-> add_setting( 'sagablog_choose_main_slider_frontpage_post_3', array(
    		'default'	=> '',
    		'sanitize_callback'	=> 'sagablog_sanitize_integer',
    		'transport'	=> 'refresh'
    	)
    );
    
    $wp_customize-> add_control(
    	new sagablog_Main_Slider_Post_Control( $wp_customize, 'sagablog_choose_main_slider_frontpage_post_3', array(
	    		//'label'		=> __('Slide 3','sagablog-light'),
	    		'section' => 'main_slider_frontpage',
	    		'settings'	=> 'sagablog_choose_main_slider_frontpage_post_3'
	    	)
    	)
    );
//Add image for slide 3    
            $wp_customize->add_setting( 'sagablog_frontpage_img_post_3', array(
                    'default-image' => '',
                    'sanitize_callback' => 'sagablog_sanitize_uri',
            ));

            $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'sagablog_frontpage_img_post_3', array( 
                    'label'    => __( 'Change image - the recommended image size is 600x450px for slider type 1 and 1300x500px for slider type 2:', 'sagablog-light' ),
                    'type'           => 'image',
                    'section'  => 'main_slider_frontpage', 
                    'settings' => 'sagablog_frontpage_img_post_3',
            )));  
     
//Add Slide 4    
    $wp_customize-> add_setting( 'sagablog_choose_main_slider_frontpage_post_4', array(
    		'default'	=> '',
    		'sanitize_callback'	=> 'sagablog_sanitize_integer',
    		'transport'	=> 'refresh'
    	)
    );
    
    $wp_customize-> add_control(
    	new sagablog_Main_Slider_Post_Control( $wp_customize, 'sagablog_choose_main_slider_frontpage_post_4', array(
	    		//'label'		=> __('Slide 4','sagablog-light'),
	    		'section' => 'main_slider_frontpage',
	    		'settings'	=> 'sagablog_choose_main_slider_frontpage_post_4'
	    	)
    	)
    );
//Add image for slide 4    
            $wp_customize->add_setting( 'sagablog_frontpage_img_post_4', array(
                    'default-image' => '',
                    'sanitize_callback' => 'sagablog_sanitize_uri',
            ));

            $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'sagablog_frontpage_img_post_4', array( 
                    'label'    => __( 'Change image - the recommended image size is 600x450px for slider type 1 and 1300x500px for slider type 2:', 'sagablog-light' ),
                    'type'           => 'image',
                    'section'  => 'main_slider_frontpage', 
                    'settings' => 'sagablog_frontpage_img_post_4',
            )));     

//Add Slide 5    
    $wp_customize-> add_setting( 'sagablog_choose_main_slider_frontpage_post_5', array(
    		'default'	=> '',
    		'sanitize_callback'	=> 'sagablog_sanitize_integer',
    		'transport'	=> 'refresh'
    	)
    );
    
    $wp_customize-> add_control(
    	new sagablog_Main_Slider_Post_Control( $wp_customize, 'sagablog_choose_main_slider_frontpage_post_5', array(
	    		//'label'		=> __('Slide 5','sagablog-light'),
	    		'section' => 'main_slider_frontpage',
	    		'settings'	=> 'sagablog_choose_main_slider_frontpage_post_5'
	    	)
    	)
    );
//Add image for slide 5    
            $wp_customize->add_setting( 'sagablog_frontpage_img_post_5', array(
                    'default-image' => '',
                    'sanitize_callback' => 'sagablog_sanitize_uri',
            ));

            $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'sagablog_frontpage_img_post_5', array( 
                    'label'    => __( 'Change image - the recommended image size is 600x450px for slider type 1 and 1300x500px for slider type 2:', 'sagablog-light' ),
                    'type'           => 'image',
                    'section'  => 'main_slider_frontpage', 
                    'settings' => 'sagablog_frontpage_img_post_5',
            )));  
            
    /*******************************************************************************************/        
    $wp_customize->add_setting('sagablog-frontpage-second-page-info', array(
            'type'              => 'info_control',
            'sanitize_callback' => 'esc_attr',            
        )
    );
    $wp_customize->add_control( new Second_Info( $wp_customize, 'sagablog-frontpage-second-page-info', array(
        'label' => __('Select pages:', 'sagablog-light'),
        'section' => 'main_slider_frontpage',
        'settings' => 'sagablog-frontpage-second-page-info',
        //'priority' => 13
        ) )
    );            
    
//*******************************************************************************************     
// PAGES
//*******************************************************************************************    
       /****************/                
       //Add slide 1
       /****************/  
//    'description' => __( "Main slider is showing pages. If chosen 'Static Front Page --- A static page'  - 'Posts page' will not be shown in slider.", 'sagablog-light' )
		$wp_customize->add_setting( 'sagablog_choose_main_slider_frontpage_pages_1', array(
			'capability'		=> 'edit_theme_options',
			'sanitize_callback'	=> 'sagablog_sanitize_integer',
		) );

		$wp_customize->add_control( 'sagablog_choose_main_slider_frontpage_pages_1', array(
			//'label'    	=> __( 'Slide 1', 'sagablog-light' ),
			'section'  	=> 'main_slider_frontpage',
			'type'	   	=> 'dropdown-pages',
		) );
            //Add image for slide 1    
            $wp_customize->add_setting( 'sagablog_img_frontpage_page_1', array(
                    'default-image' => '',
                    'sanitize_callback' => 'sagablog_sanitize_uri',
            ));

            $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'sagablog_img_frontpage_page_1', array( 
                    'label'    => __( 'Change image - the recommended image size is 600x450px for slider type 1 and 1300x500px for slider type 2:', 'sagablog-light' ),
                    'type'           => 'image',
                    'section'  => 'main_slider_frontpage', 
                    'settings' => 'sagablog_img_frontpage_page_1',
            )));     
            //Add slide 2
		$wp_customize->add_setting( 'sagablog_choose_main_slider_frontpage_pages_2', array(
			'capability'		=> 'edit_theme_options',
			'sanitize_callback'	=> 'sagablog_sanitize_integer',
		) );

		$wp_customize->add_control( 'sagablog_choose_main_slider_frontpage_pages_2', array(
			//'label'    	=> __( 'Slide 2', 'sagablog-light' ),
			'section'  	=> 'main_slider_frontpage',
			'type'	   	=> 'dropdown-pages',
		) );  
            //Add image for slide 2    
            $wp_customize->add_setting( 'sagablog_img_frontpage_page_2', array(
                    'default-image' => '',
                    'sanitize_callback' => 'sagablog_sanitize_uri',
            ));

            $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'sagablog_img_frontpage_page_2', array( 
                    'label'    => __( 'Change image - the recommended image size is 600x450px for slider type 1 and 1300x500px for slider type 2:', 'sagablog-light' ),
                    'type'           => 'image',
                    'section'  => 'main_slider_frontpage', 
                    'settings' => 'sagablog_img_frontpage_page_2'
            )));                     
            //Add slide 3
		$wp_customize->add_setting( 'sagablog_choose_main_slider_frontpage_pages_3', array(
			'capability'		=> 'edit_theme_options',
			'sanitize_callback'	=> 'sagablog_sanitize_integer',
		) );

		$wp_customize->add_control( 'sagablog_choose_main_slider_frontpage_pages_3', array(
			//'label'    	=> __( 'Slide 3', 'sagablog-light' ),
			'section'  	=> 'main_slider_frontpage',
			'type'	   	=> 'dropdown-pages',
		) );  
            //Add image for slide 3    
            $wp_customize->add_setting( 'sagablog_img_frontpage_page_3', array(
                    'default-image' => '',
                    'sanitize_callback' => 'sagablog_sanitize_uri',
            ));

            $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'sagablog_img_frontpage_page_3', array( 
                    'label'    => __( 'Change image - the recommended image size is 600x450px for slider type 1 and 1300x500px for slider type 2:', 'sagablog-light' ),
                    'type'           => 'image',
                    'section'  => 'main_slider_frontpage', 
                    'settings' => 'sagablog_img_frontpage_page_3'
            )));                     
            //Add slide 4
		$wp_customize->add_setting( 'sagablog_choose_main_slider_frontpage_pages_4', array(
			'capability'		=> 'edit_theme_options',
			'sanitize_callback'	=> 'sagablog_sanitize_integer',
		) );

		$wp_customize->add_control( 'sagablog_choose_main_slider_frontpage_pages_4', array(
			//'label'    	=> __( 'Slide 4', 'sagablog-light' ),
			'section'  	=> 'main_slider_frontpage',
			'type'	   	=> 'dropdown-pages',
		) );
            //Add image for slide 4    
            $wp_customize->add_setting( 'sagablog_img_frontpage_page_4', array(
                    'default-image' => '',
                    'sanitize_callback' => 'sagablog_sanitize_uri',
            ));

            $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'sagablog_img_frontpage_page_4', array( 
                    'label'    => __( 'Change image - the recommended image size is 600x450px for slider type 1 and 1300x500px for slider type 2:', 'sagablog-light' ),
                    'type'           => 'image',
                    'section'  => 'main_slider_frontpage', 
                    'settings' => 'sagablog_img_frontpage_page_4'
            )));                    
            //Add slide 5
		$wp_customize->add_setting( 'sagablog_choose_main_slider_frontpage_pages_5', array(
			'capability'		=> 'edit_theme_options',
			'sanitize_callback'	=> 'sagablog_sanitize_integer',
		) );

		$wp_customize->add_control( 'sagablog_choose_main_slider_frontpage_pages_5', array(
			//'label'    	=> __( 'Slide 5', 'sagablog-light' ),
			'section'  	=> 'main_slider_frontpage',
			'type'	   	=> 'dropdown-pages',
		) );                      
            //Add image for slide 5    
            $wp_customize->add_setting( 'sagablog_img_frontpage_page_5', array(
                    'default-image' => '',
                    'sanitize_callback' => 'sagablog_sanitize_uri',
            ));

            $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'sagablog_img_frontpage_page_5', array( 
                    'label'    => __( 'Change image - the recommended image size is 600x450px for slider type 1 and 1300x500px for slider type 2:', 'sagablog-light' ),
                    'type'           => 'image',
                    'section'  => 'main_slider_frontpage', 
                    'settings' => 'sagablog_img_frontpage_page_5'
            )));     
            
                            
            
//******************************************************************************       
// Main slider settings
//******************************************************************************
    //Add section 'Slider settings'
        $wp_customize->add_section( 'sagablog_slider_settings_section' , array(  
	    'title'       => __( 'Main slider settings', 'sagablog-light' ),
	    'priority'    => 100,  
	    'description' => __( 'Main slider settings:', 'sagablog-light'),
            'panel' => 'main_slider',
	));  
            // Show/hide main slider that showing posts on header
            $wp_customize->add_setting('sagablog_activate_main_slider_on_header', array(
                 'default'    =>  '',
                 'sanitize_callback'  => 'sagablog_sanitize_checkbox',
            ));

            $wp_customize->add_control('sagablog_activate_main_slider_on_header', array(
                    'type' => 'checkbox',
                    'label' => __( 'Check to enable main slider on header.', 'sagablog-light' ),
                    'section' => 'sagablog_slider_settings_section',
                    'priority'	=> 3,
                )
            );   
            // Show/hide main slider that showing posts on home page and front page
            $wp_customize->add_setting('sagablog_activate_main_slider_on_index', array(
                 'default'    =>  '',
                 'sanitize_callback'  => 'sagablog_sanitize_checkbox',
            ));

            $wp_customize->add_control('sagablog_activate_main_slider_on_index', array(
                    'type' => 'checkbox',
                    'label' => __( 'Check to enable main slider on home page and front page.', 'sagablog-light' ),
                    'section' => 'sagablog_slider_settings_section',
                    'priority'	=> 3,
                )
            );          
            
        // How many words will show in the announcement of post or page in slider
	$wp_customize->add_setting('sagablog_number_of_words_slider', array(
            'default'	        => 25,
            'sanitize_callback' => 'sagablog_sanitize_number'
            ));
	$wp_customize->add_control('sagablog_number_of_words_slider', array(
            'section' => 'sagablog_slider_settings_section', 
            'label' => __('How many characters will shown in the announcement of post or page in main slider (for slider type - Fullwidth slider)','sagablog-light'), 
            'type'        => 'number',
            'settings' => 'sagablog_number_of_words_slider', 
            'input_attrs' => array(
                    'min'   => 5,
                    'max'   => 300,
                    'step'  => 1,
                    'style' => 'margin-bottom: 15px; padding: 15px;',)
            ));
            
            // Do not show the announcement of posts or pages(only for the main slider)
            $wp_customize->add_setting('sagablog_not_show_words', array(
                 'default'    =>  '',
                 'sanitize_callback'  => 'sagablog_sanitize_checkbox',
            ));
           
            $wp_customize->add_control('sagablog_not_show_words', array(
                    'type' => 'checkbox',
                    'label' => __( 'Do not show the announcement of post or page in main slider (for slider type - Fullwidth slider).', 'sagablog-light' ),
                    'section' => 'sagablog_slider_settings_section',
                )
            );