/*
 *  もしも在庫＆配送目安取得 JavaScript, version 1.00
 *
 *  ==========================================================
 *  <html>
 *  <head>
 *    ...
 *  <script type="text/javascript" src="js/prototype.js"></script>
 *  <script type="text/javascript" src="js/moshimo-stock.js"></script>
 *    ...
 *  </head>
 *  <body>
 *
 *  <div class="moshimo-stock" id="item_もしも商品ＩＤ"></div>
 *
 *  </body>
 *  </html>
 *  ==========================================================
 *
 *  在庫状況 / ????
 *  配送目安 / ????
 *
 *  のように結果が表示されます。
 *
 *  var field_style = ''
 *
 *  の部分に、在庫状況、配送目安の項目名部分のスタイルを指定します。
 *
 *  var value_style = ''
 *
 *  の部分に、????の値部分のスタイルを指定します。
 *
 *  どちらも、<div style="?????"> に該当する内容を記述してください。
 *
 *	Copyright (C) 2008 0円のWEB素材屋さん <info@it-work.jp>
 */

//★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
// 変更可能箇所ここから
//★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

var field_style = "color:#888;";
var value_style = "color:#F60;font:bold 12px/1.2 Trebuchet MS, Osaka, 'ＭＳ Ｐゴシック';";

//★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
// 変更可能箇所ここまで
//★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

var base_url;

function executeUpdateMoshimoStock()
{
	var moshimo_items = new Array();

	t = document.getElementsByTagName( 'div' );

	for( var i = 0, n = t.length; i < n; i ++ )
	{
		if( t[ i ].className.match( 'moshimo-stock' ) )
		{
			var item_id = t[ i ].id.replace( 'item_', '' );

			moshimo_items.push( item_id );
		}
	}

	f = 'moshimo-stock.js';
	s = document.getElementsByTagName( 'script' );

	for( var i = 0, n = s.length; i < n; i ++ )
	{
		if( s[ i ].src.match( f ) )
		{
			base_url = s[i].src.replace( '/js/' + f, '' );
		}
	}

	for( var i = 0; i < moshimo_items.length; i ++ )
	{
		moshimo_id = moshimo_items[ i ];

		updateMoshimoStock( moshimo_id );
	}
}

function showitem( json )
{
	element_id     = 'item_' + json.ArticleId;
	element_prefix = element_id + '_';

	t = document.getElementsByTagName( 'span' );

	for( var i = 0, n = t.length; i < n; i ++ )
	{
		for( field in json )
		{
			if( t[ i ].className.match( element_prefix + field ) )
			{
				t[ i ].innerHTML = json[ field ];
			}
		}
	}

//	$( element_id ).innerHTML = '<div style="' + field_style + '">在庫状況 / ' + '<span style="' + value_style + '">' + json.xStockStatus + '</span></div>'
//							  + '<div style="' + field_style + '">配送目安 / ' + '<span style="' + value_style + '">' + json.xDeliveryGuide + '</span></div>';
}

function include_javascript( js_file )
{
	var script = document.createElement( 'script' );

	script.src   = js_file;
	script.type  = 'text/javascript';
	script.defer = true;

	document.getElementsByTagName( "head" )[ 0 ].appendChild( script );
}

function updateMoshimoStock( moshimo_id )
{
	var element_id = 'item_' + moshimo_id;

	include_javascript( base_url + '/moshimo-stock.php?id=' + moshimo_id + '&callback=showitem' );

/*
	var moshimo_stock_updater = new Ajax.Request
	(
		base_url + "/moshimo-stock.php",
		{
			"method": "get",
			"parameters": "id=" + moshimo_id,
			onSuccess: function( request )
			{
				// 成功時の処理を記述
			},
			onComplete: function( request )
			{
				// 完了時の処理を記述
				var json;

				eval( "json="+request.responseText );

				showitem( json );
			},
			onFailure: function( request )
			{
//				document.getElementById( element_id ).innerHTML = 'Error';
			},
		}
	);
*/
}

if( window.attachEvent )
{
	window.attachEvent( 'onload', executeUpdateMoshimoStock );
}
else
{
	window.addEventListener( 'DOMContentLoaded', executeUpdateMoshimoStock, false );
}

