<?php
// this file contains the contents of the popup window
?>
<style type="text/css">
label{
    margin-right:50px;
}
</style>
<script>
function showOptions() {
    var optionValue = jQuery('select[name=shortcodeOptions]').val()
    alert(optionValue);
    jQuery('.sc_options').css('display','none');
    jQuery('.'+optionValue+'').css('display','block');
    tb_show("Choose a Shortcode", "#TB_inline?height=300&amp;width=400&amp;inlineId=" + optionValue + "");
}
</script>
<div id="shortcode_list" style="display:none">
<label for="select">
<span>Choose a shortcode</span>
</label>
<select name="shortcodeOptions" onchange="showOptions();">
<option selected>Select a shortcode</option>
<option value="alert_div">Alert</option>
<option value="button_div">Button</option>
</select>
</div>
<div id="options_wrapper" style="display:none">
<div id="alert_div" style="display:none">
<div class="sc_options alert_div">
<div>
    <label for="alert">Content</label>
    <input id="test" value=""/>
</br>
    <label for="type">Type</label>
    <select id="alert_type">
    <option>general</option>
    <option>error</option>
    <option>success</option>
    <option>notice</option>
    </select>
</div>
<div>
    <input type="button" value="Save" id="alert_save"/>
</div>
</div>
</div>
<div id="button_div" style="display:none">
<div class="sc_options button_div">
<div>
<label for="color">Color</label>
<input type="text" value="#bada55" class="button-color-field" />
</br>
<label for="link">Button Text</label>
<input type="text" value="" class="button-text-field" />
</br>
<label for="link">Link</label>
<input type="text" value="" class="button-link-field" />
</br>
<label for="color">Size</label>
<select id="button_size">
<option>large</option>
<option>small</option>
</select>
</br>
<label for="color">Target</label>
<select id="button_target">
<option>_blank</option>
<option>_self</option>
</select>
</div>
<div>
    <input type="button" value="Save Button" id="button_save"/>
</div>
</div>
</div>
</div>