{config_load file=$language_path section="general"}

<script type="text/javascript">
    var AE_TEXT_SHOW_NON_MANDATORY = '{$TEXT_SHOW_NON_MANDATORY}';
    var AE_TEXT_HIDE_NON_MANDATORY = '{$TEXT_HIDE_NON_MANDATORY}';
    var AE_NON_MANDATORY = true;
    var AE_BASELINK = '{$AE_BASELINK}';
    var AE_TEXT_VIEW = '{#view#}';
    var AE_TEXT_HIDE = '{#hide#}';
{literal}
$().ready(function(){
    $('table#quickkadd_table tbody tr td div.input_field').toggle();
    $('table#quickkadd_table tbody tr td a.toggle_input_field').each(function(){
	$(this).click(function(){
	    if($(this).html() == AE_TEXT_VIEW){
		$(this).html(AE_TEXT_HIDE);
	    }else{
		$(this).html(AE_TEXT_VIEW);
	    }
	
	    $('table#quickkadd_table tbody tr td div.input_field[id="'+$(this).attr('id')+'"').toggle();
	});
    });
    
    $('table#quickkadd_table tbody tr td select[name="color_name[]"]').append( new Option('-','','',true) );
    $('table#quickkadd_table tbody tr td select[name="size_name[]"]').append( new Option('-','','',true) );
    $('table#quickkadd_table tbody tr td select[name="variation_theme[]"]').each(function(){
	$(this).change(function(){
	   switch($(this).val()){
	       case 'ColorName':
		$('table#quickkadd_table tbody tr td select[name="size_name[]"]').val('');
		break;
	       case 'SizeName':
		$('table#quickkadd_table tbody tr td select[name="color_name[]"]').val('');
		break;
	   }
	});
	switch($(this).val()){
	    case 'ColorName':
	     $('table#quickkadd_table tbody tr td select[name="size_name[]"]').val('');
	     break;
	    case 'SizeName':
	     $('table#quickkadd_table tbody tr td select[name="color_name[]"]').val('');
	     break;
	}
    });
    $('select.yep_image_selector').each(function(){
	$(this).change(function(){
	   $(this).next().html('<img style="max-width:60px;max-height:100px;" src="../images/product_images/thumbnail_images/'+$(this).find(':selected').text()+'" border="0" />'); 
	});
	var default_img_string = '';
	if($(this).find(':selected').val() != ''){
	    if($(this).find(':selected').val() !='')
		default_img_string = '<img style="max-width:60px;max-height:100px;" src="../images/product_images/thumbnail_images/'+$(this).find(':selected').text()+'" border="0" />';
	    else
		default_img_string = '';
	}
	$(this).after('<div id="yep_image_selector_preview">'+default_img_string+'</div>');
    });
    $('input#quickadd').click(function(){
	alert($('form[name="export_form"]').serialize());return false;
	var posturl = $('form[name="export_form"]').attr('action');
	$.ajax({
	    type: "POST",
	    url: posturl,
	    data: $('form[name="export_form"]').serialize(),
	    success: function(response){
		if(response.ERROR != ''){
		    alert(response.ERROR);
		}
		for(i=0;i<response.PRODUCTS_ID_ARRAY.length;i++){
		    $('table#categories_table tbody tr td div.amazon_product_enable[id="'+response.PRODUCTS_ID_ARRAY[i]+'"]').removeClass('amazon_product_enable').addClass('amazon_product_in_progress').html('processing amazon').off('click');
		    $('#modal_window').dialog('close');
		}
	    },
	    error: function (xhr, ajaxOptions, thrownError) {
		//alert(xhr.status);
		alert("Error: "+JSON.stringify(xhr) );
	    },
	    dataType: 'json'
	});
    });
});

{/literal}
</script>
<script type="text/javascript" src="js/yes_export_module.js"></script>
<div id="export_selector">
    <p><b>{$TEXT_PRODUCTS_FOR_AMAZON_EXPORT} {$ITEMS_NUM}</b></p>
    {$FORM}
    <table class="yesListTable_minimal" id="quickkadd_table">
	<tbody>
	    {foreach from=$ITEMS item=product}
		{foreach from=$product item=data}
		    {assign var="tmp_item_id" value=$data.id}
		    {if $FIELD_MANDATORY_ARRAY.$tmp_item_id == 1}
	    <tr{if $data.master} bgcolor="#CCFFCC" title="Parent"{/if}>
		    <td>{$FIELD_NAMES.$tmp_item_id}</td>
		    <td>{$data.input}</td>
	    </tr>
		    {/if}
		    {/foreach}
	    <tr><td colspan="2"><hr noshade="noshade" /></td></tr>
	    {/foreach}
	</tbody>
    </table>
    <input type="button" value="{$IMAGE_EXPORT}" class="ui-button ui-corner-all ui-state-default" id="quickadd" />
    {$FORM_END}
</div>