{if $options!=''}
{literal}
	<script type="text/javascript">
	
		jQuery(document).ready(function($){
			$('.xt_product_options.dropdown li ul li').on('click', function(){
				
				var ovID = $(this).data('valueId');
				var ogID = $(this).data('groupId');
				var pID = $(this).data('productsId');
				
				var selEl = $(this).parents('.optionsContainer').find('[name=products_info\\['+pID+'\\]\\['+ogID+'_SELECT\\]]');
				selEl.find('option').filter('[value="'+ovID+'"]').prop('selected', true).click();
				
				console.log($(this).parents('.xt_product_options.dropdown').find('.selected_option_name'))
				
				var name = $(this).find('.option_name_selector').html();
				
				$(this).parents('.xt_product_options.dropdown').find('.selected_option_name').html(name);
				//selected_option_name
				//option_name_selector
			});
		});
	
	</script>
{/literal}
    {$product_options_javascript}

    <!-- Info messages validation messages -->
    {$message}

    <!-- Reedit Options -->
    {if $reedit_options}
        {$reedit_form}
    {/if}

    <!-- Product Options Content -->
    <div id="optionsContainer_{$products_unique_key}" class="optionsContainer">
        {foreach name=outer item=options_data from=$options}
        <table class="tabledetails option-table" width="100%" border="0" cellspacing="0" cellpadding="4">
                <tr class="headerrow optionsgruppe{$options_data.option_group_id}" >
                    <td align="left" colspan="2"><span class="headoption ">{$options_data.option_group_name}</span></td>
                </tr>

                {if $options_data.option_group_desc}
                <tr>
                    <td width="100%" align="left" colspan="2">{$options_data.option_group_desc}</td>
                </tr>
                {/if}

                {foreach key=key_data item=item_data from=$options_data.option_group_values}
                        {$item_data.content}
                {/foreach}
        </table>
        {/foreach}
    </div>
    <!-- Product Options Content ENDE-->

    <!-- Produkt Optionen Liveberechnung Ausgabe -->
    <div id="optionsCalcContainer_{$products_unique_key}" class="optionsCalcContainer">

    </div>
    {if $smarty.const.XT_PRODUCT_OPTIONS_LIVE_CALC_TYPE == 'button'}
        <input type="button" id="optionsCalcButton_{$products_unique_key}" value="{txt key=TEXT_XT_PRODUCT_OPTIONS_CALC_BUTTON}" />
    {/if}
    <!-- Produkt Optionen Liveberechnung Ausgabe ENDE -->

    <div style="clear:both;"></div>

    <!-- Reedit Options -->
    {if $reedit_options}
            {button text=$smarty.const.BUTTON_SAVE file='PO_save_.gif' type='form' onclick=$save_action btn_template='tpl_button_2.gif'}
            {button text=$smarty.const.BUTTON_BACK file='PO_cancel_.gif' type='form' onclick=$stop_action btn_template='tpl_button_2.gif'}
            </form>
    {/if}
{/if}