function form($instance)
    {
        $defaults = array('tile_select' => 0, 'delay' => 1000, 'direction' => 'horizontal', 'width' => '150px', 'height' => '', 'bgcolor' => '#fa6801', 'ftbgcolor' => '#1ba1e2', 'tbgcolor' => '', 'tfcolor' => '', 'tfsize' => '', 'link' => '', 'topacity' => '1.0', 'tile_count' => 'fourTiles', 'use_permalink' => 'false', 'display_content' => 'true', 'display_title' => 'true', 'spacing' => '0px');
        $instance = wp_parse_args($instance, $defaults);
        extract($instance);
        $this->renderTile($instance);
        ?>
		<div style="clear:both;"></div>
		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('title');
        ?>
">
				<?php 
        _e('Title (optional)', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_input('title', $block_id, $title, $size = 'full');
        ?>
			</label>
		</p>

		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('tile_select');
        ?>
">
				<?php 
        _e('Select Root Slide', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_tile_select('tile_select', $block_id, $tile_select);
        ?>
			</label>
		</p>

		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('tile_count');
        ?>
">
				<?php 
        _e('Tile Count', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_select('tile_count', $block_id, array('fourTiles' => __('4 Tiles', 'zeno-tile-builder'), 'nineTiles' => __('9 Tiles', 'zeno-tile-builder')), $tile_count);
        ?>
			</label>
		</p>

		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('direction');
        ?>
">
				<?php 
        _e('Direction', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_select('direction', $block_id, array('horizontal' => 'Horizontal', 'vertical' => 'Vertical'), $direction);
        ?>
			</label>
		</p>

		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('width');
        ?>
">
				<?php 
        _e('Width (use % or px)', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_input('width', $block_id, $width, $size = 'full');
        ?>
			</label>
		</p>

		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('height');
        ?>
">
				<?php 
        _e('Height (use % or px)', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_input('height', $block_id, $height, $size = 'full');
        ?>
			</label>
		</p>

		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('bgcolor');
        ?>
">
				<?php 
        _e('Background Color', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_color_picker('bgcolor', $block_id, $bgcolor);
        ?>
			</label>
		</p>

		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('ftbgcolor');
        ?>
">
				<?php 
        _e('Flip Tile Background Color', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_color_picker('ftbgcolor', $block_id, $ftbgcolor);
        ?>
			</label>
		</p>

		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('tbgcolor');
        ?>
">
				<?php 
        _e('Title Background Color', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_color_picker('tbgcolor', $block_id, $tbgcolor);
        ?>
			</label>
		</p>

		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('tfcolor');
        ?>
">
				<?php 
        _e('Title Font Color', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_color_picker('tfcolor', $block_id, $tfcolor);
        ?>
			</label>
		</p>

		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('tfsize');
        ?>
">
				<?php 
        _e('Title Font Size (use pt or px)', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_input('tfsize', $block_id, $tfsize, $size = 'full');
        ?>
			</label>
		</p>

		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('topacity');
        ?>
">
				<?php 
        _e('Title Background Color Opacity', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_input('topacity', $block_id, $topacity, $size = 'full');
        ?>
			</label>
		</p>

		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('delay');
        ?>
">
				<?php 
        _e('Delay (milliseconds)', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_input('delay', $block_id, $delay, $size = 'full');
        ?>
			</label>
		</p>

		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('use_permalink');
        ?>
">
				<?php 
        _e('Use Permalinks', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_select('use_permalink', $block_id, array('true' => 'Yes', 'false' => 'No'), $use_permalink);
        ?>
			</label>
		</p>

		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('link');
        ?>
">
				<?php 
        _e('Link (where to go if clicked, might override permalinks)', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_input('link', $block_id, $link, $size = 'full');
        ?>
			</label>
		</p>

		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('display_content');
        ?>
">
				<?php 
        _e('Display Content', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_select('display_content', $block_id, array('true' => 'Yes', 'false' => 'No'), $display_content);
        ?>
			</label>
		</p>

		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('display_title');
        ?>
">
				<?php 
        _e('Display Title', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_select('display_title', $block_id, array('true' => 'Yes', 'false' => 'No'), $display_title);
        ?>
			</label>
		</p>

		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('spacing');
        ?>
">
				<?php 
        _e('Spacing (spacing for neighbor tiles)', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_input('spacing', $block_id, $spacing, $size = 'full');
        ?>
			</label>
		</p>

		<?php 
    }
    function form($instance)
    {
        $defaults = array('tile_select' => 0, 'delay' => 3000, 'direction' => 'horizontal', 'width' => '150px', 'height' => '', 'bounce' => 'false', 'pause' => 'false', 'bgcolor' => '#fa6801', 'tbgcolor' => '', 'tfcolor' => '', 'tfsize' => '', 'link' => '', 'topacity' => '1.0', 'use_permalink' => 'false', 'display_content' => 'true', 'display_title' => 'true', 'use_fade_swap' => 'false', 'data_stops' => '25%,50%,100%,0%', 'spacing' => '0px');
        $instance = wp_parse_args($instance, $defaults);
        extract($instance);
        $this->renderTile($instance);
        ?>
		<div style="clear:both;"></div>
		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('title');
        ?>
">
				<?php 
        _e('Title (optional)', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_input('title', $block_id, $title, $size = 'full');
        ?>
			</label>
		</p>

		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('tile_select');
        ?>
">
				<?php 
        _e('Select Root Slide', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_tile_select('tile_select', $block_id, $tile_select);
        ?>
			</label>
		</p>

		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('data_stops');
        ?>
">
				<?php 
        _e('Stop Points', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_input('data_stops', $block_id, $data_stops, $size = 'full');
        ?>
			</label>
		</p>

		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('use_fade_swap');
        ?>
">
				<?php 
        _e('Fade Swap (will use the root for content and featured images of its childs for swapping)', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_select('use_fade_swap', $block_id, array('true' => __('Yes', 'zeno-tile-builder'), 'false' => __('No', 'zeno-tile-builder')), $use_fade_swap);
        ?>
			</label>
		</p>

		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('direction');
        ?>
">
				<?php 
        _e('Direction', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_select('direction', $block_id, array('horizontal' => __('Horizontal', 'zeno-tile-builder'), 'vertical' => __('Vertical', 'zeno-tile-builder')), $direction);
        ?>
			</label>
		</p>

		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('width');
        ?>
">
				<?php 
        _e('Width (use % or px)', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_input('width', $block_id, $width, $size = 'full');
        ?>
			</label>
		</p>

		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('height');
        ?>
">
				<?php 
        _e('Height (use % or px)', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_input('height', $block_id, $height, $size = 'full');
        ?>
			</label>
		</p>

		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('bgcolor');
        ?>
">
				<?php 
        _e('Background Color', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_color_picker('bgcolor', $block_id, $bgcolor);
        ?>
			</label>
		</p>

		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('tbgcolor');
        ?>
">
				<?php 
        _e('Title Background Color', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_color_picker('tbgcolor', $block_id, $tbgcolor);
        ?>
			</label>
		</p>

		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('tfcolor');
        ?>
">
				<?php 
        _e('Title Font Color', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_color_picker('tfcolor', $block_id, $tfcolor);
        ?>
			</label>
		</p>

		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('tfsize');
        ?>
">
				<?php 
        _e('Title Font Size (use pt or px)', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_input('tfsize', $block_id, $tfsize, $size = 'full');
        ?>
			</label>
		</p>

		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('topacity');
        ?>
">
				<?php 
        _e('Title Background Color Opacity', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_input('topacity', $block_id, $topacity, $size = 'full');
        ?>
			</label>
		</p>

		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('delay');
        ?>
">
				<?php 
        _e('Delay (milliseconds)', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_input('delay', $block_id, $delay, $size = 'full');
        ?>
			</label>
		</p>

		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('pause');
        ?>
">
				<?php 
        _e('Pause on Hover', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_select('pause', $block_id, array('false' => __('No', 'zeno-tile-builder'), 'true' => __('Yes', 'zeno-tile-builder')), $pause);
        ?>
			</label>
		</p>

		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('bounce');
        ?>
">
				<?php 
        _e('Bounce', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_select('bounce', $block_id, array('false' => __('No', 'zeno-tile-builder'), 'true' => __('Yes', 'zeno-tile-builder')), $bounce);
        ?>
			</label>
		</p>

		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('use_permalink');
        ?>
">
				<?php 
        _e('Use Permalinks', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_select('use_permalink', $block_id, array('true' => __('Yes', 'zeno-tile-builder'), 'false' => __('No', 'zeno-tile-builder')), $use_permalink);
        ?>
			</label>
		</p>

		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('link');
        ?>
">
				<?php 
        _e('Link (where to go if clicked, might override permalinks)', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_input('link', $block_id, $link, $size = 'full');
        ?>
			</label>
		</p>

		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('display_content');
        ?>
">
				<?php 
        _e('Display Content', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_select('display_content', $block_id, array('true' => __('Yes', 'zeno-tile-builder'), 'false' => __('No', 'zeno-tile-builder')), $display_content);
        ?>
			</label>
		</p>

		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('display_title');
        ?>
">
				<?php 
        _e('Display Title', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_select('display_title', $block_id, array('true' => __('Yes', 'zeno-tile-builder'), 'false' => __('No', 'zeno-tile-builder')), $display_title);
        ?>
			</label>
		</p>

		<p class="description">
			<label for="<?php 
        echo $this->get_field_id('spacing');
        ?>
">
				<?php 
        _e('Spacing (spacing for neighbor tiles)', 'zeno-tile-builder');
        ?>
				<?php 
        echo ct_field_input('spacing', $block_id, $spacing, $size = 'full');
        ?>
			</label>
		</p>

		<?php 
    }