(function() {  
	jQuery.fn.howto = function(config){

		// 引数のデフォルト値を渡す {}内は、カンマ（,）で区切って複数可能
		config = jQuery.extend({
				target: "form#generator #output",
                target_plugin: "form#generator #output_plugin",
                change: "form#generator input",
                jquery: "#url-jquery",
                ajaxamazon: "#url-ajaxamazon",
                url_jquery: "",
                url_ajaxamazon: "",
                size: "middle"
			},config);

        $(config.change).click( function () {
            if ( $("input#size-l").attr("checked")) config.size = "large";
            if ( $("input#size-s").attr("checked")) config.size = "small";
            if ( $("input#size-m").attr("checked")) config.size = "middle";
            
            config.url_jquery = $(config.jquery).attr("value") ? $(config.jquery).attr("value") : "";
            config.url_ajaxamazon = $(config.ajaxamazon).attr("value") ? $(config.ajaxamazon).attr("value") : "";
            output_blogparts();
            output_plugin();

        });

        function output_plugin () {
                        
            var output = "<script src=\"" + config.url_jquery + "\" type=\"text/javascript\"></script>\n"
                + "<script src=\"" + config.url_ajaxamazon + "?size=" + config.size  + "\" type=\"text/javascript\"></script>\n"
                + "<script type=\"text/javascript\">\n"
                + "$(document).ready( function(){\n"
                + "  $(\"img[src^='http://ec'][src*='images-amazon.com/images']\").ajaxAmazonImage({\n"
                + "    image_size: \"" + config.size + "\"\n"
                + "  });\n"
                + "});\n"
                + "</script><span id=\"ajaxamazon-banner\" style=\"font-size: x-small;\">with <a href=\"http://www.g-tools.com/ajax/\">Ajax Amazon</a></span><br />";
            $(config.target_plugin).attr("value", output);
        }
        
        function output_blogparts () {

            var output = "<script type=\"text/javascript\" src=\"http://s3.goodpic.com/jquery/blog.ajaxamazon.js"  + "?size=" + config.size + "\"></script>\n<span id=\"ajaxamazon-banner\" style=\"font-size: x-small;\">with <a href=\"http://www.g-tools.com/ajax/\">Ajax Amazon</a></span><br />";
            $(config.target).attr("value", output);
        }

	}
})(jQuery);