<div id="thememakers_shortcode_template" class="thememakers_shortcode_template clearfix">
	
	<div class="one-half">
		<h4 class="label"><?php _e('Link to Audio', THEMEMAKERS_THEME_FOLDER_NAME); ?></h4>
		<input type="text" value="" class="js_shortcode_template_changer data-input data-upload" data-shortcode-field="content" />
			<a title="" class="admin-button button-gray button-medium button_upload ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" href="#">
				<?php _e('Upload', THEMEMAKERS_THEME_FOLDER_NAME); ?>
			</a>
	</div><!--/ .one-half-->
	
	<div class="clear"></div>

</div><!--/ .thememakers_shortcode_template-->


<!-- --------------------------  PROCESSOR  --------------------------- -->

<div class="fullwidth-frame">
	
	<h4 class="label"><?php _e('Preview', THEMEMAKERS_THEME_FOLDER_NAME); ?></h4>
	
	<?php $frame_uri = Thememakers_Application_Shortcodes::get_application_uri() . "/preview.php"; ?>

	<div class="shortcode_app_frame_block">
		<div class="thememakers_shortcode_info_popup" style="display: none"></div>
		<iframe src="<?php echo $frame_uri ?>" class="shortcode_app_frame" frameborder="1" id="thememakers_shortcode_template_preview"></iframe>
	</div>

	<script type="text/javascript">

		var thememakers_app_shortcodes_preview_url = "<?php echo $frame_uri ?>";

		jQuery(function() {
			var shortcode_name = "audio";
			thememakers_app_shortcodes.changer(shortcode_name);
			jQuery("#thememakers_shortcode_template .js_shortcode_template_changer").on('keyup, change', function() {
				thememakers_app_shortcodes.changer(shortcode_name);
			});

		});
	</script>
	
</div><!--/ .fullwidth-frame-->




