function treeNodeFromJson(nodeJson, parentIcon)
{
	if(!nodeJson.icon)
	{
		nodeJson.icon = parentIcon;
	}
	else
	{
		nodeJson.icon = "/images/simple/icon/shop/" +nodeJson.icon+ ".gif";
	}
	var treeNode = new Ext.tree.TreeNode
	({
		id : nodeJson.i,
		text : nodeJson.t,
		color : nodeJson.color,
		icon : nodeJson.icon
	});

	if(nodeJson.c)
	{
		Ext.each(nodeJson.c, function(child)
		{
			treeNode.appendChild(treeNodeFromJson(child,nodeJson.icon));
		}
		);
	}
	return treeNode;
};

function renderShopLogo(value, metadata, record)
{
	return "<a href='/goto/s/" + record.data.ShopCode + ".html' target='_blank'><img width=80px height=80px src='http://logo.taobao.com/shop-logo/" + record.data.ShopLogo + "' /></a>";
}

function renderShopName(value, metadata, record)
{
	metadata.attr = "style=white-space:normal;";
	return "<a href='/goto/s/" + record.data.ShopCode + ".html' target='_blank'>" + value + "</a>";
}

function renderItemQuantity(value, metadata, record)
{
	return value + " 件 ";
}

function renderSellerRank(value, metadata, record)
{
	return "<b style='color:#00FF00;'>" + value + "%</b>";
}

function renderSellerCredit(value, metadata, record)
{
	return record.data.SellerCreditB+"<br /><img src='/images/simple/rank/" + value + ".gif' />";
}

function renderGo2c(value, metadata, record)
{
	return "<a href='/goto/s/" + record.data.ShopCode + ".html' target='_blank'><img src='/images/simple/go2c.gif'/></a>";
}

Ext.onReady(function()
{
	Ext.QuickTips.init();
	//树相关的
	var nodeString = "{t:'所有分类',i:'index',c:[{t:'女士内衣/男士内衣/家居服',i:1055,icon:1055},{t:'彩妆/香水/护肤/美体',i:15,icon:15},{t:'母婴用品/奶粉/孕妇装',i:1020,icon:1020},{t:'服饰配件/皮带/帽子/围巾',i:1154,icon:1154},{t:'食品/茶叶/零食/特产',i:29,icon:29},{t:'保健品/滋补品',i:1051,icon:1051},{t:'装潢/灯具/五金/安防/卫浴',i:26,icon:26},{t:'网络游戏装备/游戏币/帐号/代练',i:36,icon:36},{t:'办公设备/文具/耗材',i:21,icon:21},{t:'床上用品/靠垫/窗帘/布艺',i:1049,icon:1049},{t:'家具/家具定制/宜家代购',i:1050,icon:1050},{t:'时尚家饰/工艺品/十字绣',i:1122,icon:1122},{t:'居家日用/厨房餐饮/卫浴洗浴',i:24,icon:24},{t:'汽车/配件/改装/摩托/自行车',i:22,icon:22},{t:'电玩/配件/游戏/攻略',i:16,icon:16},{t:'玩具/动漫/模型/卡通',i:30,icon:30},{t:'运动服',i:1153,icon:1153},{t:'童装/婴儿服/鞋帽',i:1062,icon:1062},{t:'鲜花速递/蛋糕配送/园艺花艺',i:1047,icon:1047},{t:'演出/旅游/吃喝玩乐折扣券',i:1053,icon:1053},{t:'网店装修/物流快递/图片存储',i:1042,icon:1042},{t:'成人用品/避孕用品/情趣内衣',i:27,icon:27},{t:'宠物/宠物食品及用品',i:32,icon:32},{t:'古董/邮币/字画/收藏',i:20,icon:20},{t:'音乐/影视/明星/乐器',i:33,icon:33},{t:'书籍/杂志/报纸',i:34,icon:34},{t:'网络游戏点卡',i:35,icon:35},{t:'ZIPPO/瑞士军刀/饰品/眼镜',i:1040,icon:1040},{t:'户外/军品/旅游/机票',i:1045,icon:1045},{t:'男装',i:37,icon:37},{t:'闪存卡/U盘/移动存储',i:1105,icon:1105},{t:'移动联通充值中心/IP长途',i:1041,icon:1041},{t:'网络服务/电脑软件',i:1052,icon:1052},{t:'家用电器/hifi音响/耳机',i:1046,icon:1046},{t:'3C数码配件市场',i:1048,icon:1048},{t:'数码相机/摄像机/图形冲印',i:17,icon:17},{t:'MP3/MP4/iPod/录音笔',i:12,icon:12},{t:'IP卡/网络电话/在线影音充值',i:1103,icon:1103},{t:'电脑硬件/台式机/网络设备',i:11,icon:11},{t:'笔记本电脑',i:1043,icon:1043},{t:'运动鞋',i:1106,icon:1106},{t:'个人护理/保健/按摩器材',i:1104,icon:1104},{t:'流行男鞋/皮鞋',i:1082,icon:1082},{t:'运动/瑜伽/健身/球迷用品',i:18,icon:18},{t:'饰品/流行首饰/时尚饰品',i:1054,icon:1054},{t:'品牌手表/流行手表',i:1044,icon:1044},{t:'手机',i:13,icon:13},{t:'箱包皮具/热销女包/男包',i:31,icon:31},{t:'珠宝/钻石/翡翠/黄金',i:23,icon:23},{t:'女鞋',i:1056,icon:1056},{t:'女装/流行女装',i:14,icon:14},{t:'腾讯QQ专区',i:1102,icon:1102}]}";
	var nodeJson = Ext.util.JSON.decode(nodeString);
	var rootNode = treeNodeFromJson(nodeJson,"ExtJs/resources/images/simple/default/tree/leaf.gif");

	var cm = new Ext.grid.ColumnModel([{
		header:"店铺图片",
		dataIndex:"ShopLogo",
		width:90,
		align:"center",
		renderer:renderShopLogo
	},{
		header:"店铺名称",
		dataIndex:"ShopName",
		width:220,
		css:"vertical-align:middle;",
		renderer:renderShopName
	},{
		header:"宝贝数量",
		dataIndex:"ItemQuantity",
		width:80,
		align:"right",
		css:"vertical-align:middle;",
		renderer:renderItemQuantity
	},{
		header:"掌柜地址",
		dataIndex:"Place",
		width:80,
		align:"center",
		css:"vertical-align:middle;"
	},{
		header:"卖家好评率",
		dataIndex:"SellerRank",
		width:80,
		align:"center",
		css:"vertical-align:middle;",
		renderer:renderSellerRank
	},{
		header:"卖家信用",
		dataIndex:"SellerCreditA",
		width:100,
		align:"light",
		css:"vertical-align:middle;",
		renderer:renderSellerCredit
	},{
		dataIndex:"go2c",
		align:"center",
		width:80,
		css:"vertical-align:middle;",
		renderer:renderGo2c
	}]);

	var store = new Ext.data.SimpleStore
	({
		fields:["shopid","ShopName","SellerCredit"],
		data:[[34129056,"AF外贸/ONLY Ve",14],[33189687,"四皇冠 康柏斯 摄像机 ",14],[39512,"柠檬绿茶★网络女性白领超",18],[33200922,"非常手机★十年品质值得信",13],[33203685,"【毛网商城 毛王摄影 超",14],[33242573,"双皇冠-数码家园★ 淘宝",12],[33306910,"世纪千羽科技有限公司【手",11],[33167705,"源盛耗材",11],[33436367,"摄贸金广角 全国最大摄影",11],[33437378,"上海鼎庆实业 》创意家居",11],[33439539,"华佳数码 超级诚信店",11],[33640492,"mm热卖店★皇冠店铺★笔",12],[33698347,"三鑫通讯(全新原装手机，",11],[33709040,"皇冠旺铺 中关村数码梦苑",11],[34100722,"[摄友之家]摄影器材配件",12],[33963168,"上海旭升数码科技有限公司",11],[34717444,"红龙旗舰店 冲皇冠*打造",11],[57300354,"手机配件宁六专营店",13]]	});

	var tpl = new Ext.XTemplate(
	'<tpl for=".">',
	'<div class="item" style="text-align:center;float:left;margin:15px;padding:5px;color:#555555;" id={shopid}>',
	'<img src="/images/simple/shop_snapshot/{shopid}.jpg" />',
	'<div style="margin-top:5px;">{ShopName}</div>',
	'<img src="/images/simple/rank/{SellerCredit}.gif" />',
	'</div>',
	'</tpl>'
	);

	dataView = new Ext.DataView
	({
		deferHeight:true,
		singleSelect: true,
		overClass:'itemhover',
		tpl:tpl,
		itemSelector:'div.item',
		store:store,
		listeners:
		{
		"click":function(dataview, index, node)
		{
			window.open("/goto/s/"+node.id+".html", "_blank");
		}
		}
	});

	var panel = new Ext.Panel
	({
		title:"推荐店铺",
		autoScroll:true,
		iconCls:"hotItem",
		items:[dataView]
	});

	var tabpanel = new Ext.TabPanel({
		region:"center",
		margins:"50 5 20 0",
		activeTab:0,
		enableTabScroll:true,
		layoutOnTabChange:true,
		items:[panel]
	});


	var treepanel = new Ext.tree.TreePanel({
		region:"west",
		split:true,
		margins:"50 0 20 5",
		cmargins:"50 5 20 0",
		collapsible:true,
		width:230,
		title:"100%好评店铺",
		root:rootNode,
		rootVisible:false,
		autoScroll:true,
		listeners:
		{
		"click":function(node,e)
		{
			var grid = tabpanel.getComponent(node.id);
			if(!grid)
			{
				var store = new Ext.data.Store
				({
					baseParams:{categoryid:node.id},
					proxy : new Ext.data.HttpProxy({url:"/interface/getshop.php",method:"GET"}),
					reader: new Ext.data.JsonReader
					({
						root:'root',
						totalProperty: 'totalProperty',
						fields:
						[
						{name: 'ShopLogo', mapping:0},
						{name: 'ShopName', mapping:1},
						{name: 'ShopCode', mapping:2},
						{name: 'SellerRank', mapping:3},
						{name: 'SellerCreditA', mapping:4},
						{name: 'SellerCreditB', mapping:5},
						{name: 'ItemQuantity', mapping:6},
						{name: 'Place', mapping:7}
						]
					})
				});
				grid = tabpanel.add( new Ext.grid.GridPanel({
					title:node.text,
					id:node.id,
					closable:true,
					enableHdMenu:false,
					cm:cm,
					store:store,
					bbar: new Ext.PagingToolbar
					({
						pageSize: 20,
						store: store,
						displayInfo: true,
						afterPageText: '/ {0}',
						beforePageText: '页 ',
						firstText: '第一页',
						prevText: '前一页',
						nextText: '后一页',
						lastText: '最后一页',
						refreshText: '刷新',
						displayMsg: '第 {0} 到 {1} 位商家 共 {2} 位',
						emptyMsg: "没有数据"
					})
				}));
				store.load({params:{start:0,limit:20}});
			}
			tabpanel.setActiveTab(grid);
		}
		}
	})

	new Ext.Viewport(
	{
		layout:"border",
		items:[tabpanel,treepanel]
	});

	var search = new Ext.form.TriggerField
	({
		renderTo:"search",
		triggerClass:"x-form-search-trigger",
		width:246,
		onTriggerClick:function(e)
		{
			if(this.getValue() != "")
			{
				var v = window.document.getElementById("tbSearch");
				v.q.value = this.getValue();
				v.submit();
			}
		},
		listeners:
		{
		"specialkey":function(f,e)
		{
			if(e.getKey() == e.ENTER)
			{
				this.onTriggerClick();
			}
		}
		}
	});

	var taobao = window.document.getElementById("taobao");
	taobao.href = "http://www.taobao.com";

	search.focus();

});