$(function() {
	// リストをクリックしたら色が変わるようにする
	set_product_list_toggle();
});

function search_products(base_url) {
	var url = base_url + "index.php/top/get_products_xml/";
	var sendData = {id: $("#product_combo").val()};
	$.post(url, sendData, function(xml){
		xml = get_response_text(xml);

		// リスト要素を削除
		//$("#products_groups_list li").remove();
		$("#products_table tr").remove();

		// 取得したデータからリストを作成
		// **** IEでのXMLの解析の挙動が違うため別のコードで対応
		// **** jqueryのバグフィックス等があればこちらを使用する
//		$(xml).find('product').each(function(){
//			var item_text = $(this).text();
//			$('<li></li>').html(item_text).appendTo("#products_groups_list");
//		});

		// 取得したデータからリストを作成
		var xotree = new XML.ObjTree();
		xotree.force_array = ["product"];
		var tree = xotree.parseXML( xml );
		for (var i in tree.items.id) {
			var item_id = tree.items.id[i];
			var item_name = tree.items.name[i];
			var item_image_file = tree.items.image_file[i];

			if (i % 4 == 0) {
				$('<tr class="test" bordercolor="#E7DECB" bgcolor="#FFFFFF" valign="top"></tr>').appendTo("#products_table");
				//alert($('#products_table').html());
			}

			if (item_name == 'dammy') {
				var td_html = '<td width="25%">'
							+ ' <table width="100%" border="0" cellspacing="5" cellpadding="0">'
							+ '  <tr>'
							+ '   <td align="center"></td>'
							+ '  </tr>'
							+ ' </table>'
							+ ' <table border="0" cellspacing="0" cellpadding="0">'
							+ '  <tr valign="top">'
							+ '   <td class="text080"></td>'
							+ '   <td class="text080"></td>'
							+ '  </tr>'
							+ ' </table>'
							+ '</td>';
			}
			else {
				var td_html = '<td width="25%">'
							+ ' <table width="100%" border="0" cellspacing="5" cellpadding="0">'
							+ '  <tr>'
							+ '   <td align="center"><img src="' + item_image_file + '" width="80" height="80"></td>'
							+ '  </tr>'
							+ ' </table>'
							+ ' <table border="0" cellspacing="0" cellpadding="0">'
							+ '  <tr valign="top">'
							+ '   <td class="text080">'
							+ '    <input type="checkbox" name="product_' + item_id + '" value="' + item_id + '">'
							+ '   </td>'
							+ '   <td class="text080">' + item_name + '</td>'
							+ '  </tr>'
							+ ' </table>'
							+ '</td>';
			}

			//$(".test:last").html(td_html);
			$(td_html).appendTo(".test:last");
			//alert($('.test').html());
		}

		// リストをクリックしたら色が変わるようにする
		//set_product_list_toggle();
	});
}

function set_product_list_toggle() {
	$("#products_groups_list li").toggle(function(){
		$(this).css("color", "red");
	}, function() {
		$(this).css("color", "black");
	});
}

function get_response_text ( req ) {
	var text = req;
	if ( navigator.appVersion.indexOf( "KHTML" ) > -1 ) {
		var esc = escape( text );
		if ( esc.indexOf("%u") < 0 && esc.indexOf("%") > -1 ) {
			text = decodeURIComponent( esc );
		}
	}
	return text;
}