var ds=new Ext.data.Store({
	proxy:new Ext.data.HttpProxy({url:webroot+'index/exchangeAjax.do?method=AjaxPageList'}),
	reader:new Ext.data.JsonReader({
		root:'results',
		totalProperty:'totalCount',
		id:'articleId'},[
				{name:'articleId',mapping:'articleId'},				
				{name:'articleName',mapping:'articleName'},								
				{name:'imgName',mapping:'imgName'},								
				{name:'score',mapping:'score'},
				{name:'price',mapping:'price'},
				{name:'sruleId',mapping:'sruleId'},
				{name:'mId',mapping:'mId'},
				{name:'startPage',mapping:'startPage'},
				{name:'merchantName',mapping:'merchantName'}
				]),
			remoteSort:false
			});
			
var grid;
var currentpage = 1;
var totalpage;
var keyword = document.getElementById('keyword').value;

function renderList(ds,records,op){
	if(ds.getTotalCount()==0)currentpage=0;
	var render = "";
	var record = null;
		for(var i=0;i<records.length;i++){
			record = records[i];
			var s = '<div class="type_box1">';
				s += '<div class="type_list">';

				s += '<h1 class="font_blue14_b"><a href="'+webroot+'index/exchangeMore.do?method=exchangeInfo&sruleId='+record.data['sruleId']+'&artId='+record.data['articleId']+'"><span class="font_blue14_b" style="cursor:pointer">{0}</span></a></h1>';
				
				s += '<h1 class="font_blue14_b"><span class="font_gray">[<a target="blank" href="'+webroot+'index/merchantSubsiteGift.do?method=giftIndex&merchantId='+record.data['mId']+'">{1}</a>]</span></h1>';

				s += '<div class="width_one">';
				s += '<div class="left"><a href="'+webroot+'index/exchangeMore.do?method=exchangeInfo&sruleId={2}&artId={3}"><img src="'+webroot+'imageserver/scoregoodsimages/{4}" border="0" width="80" height="80" /></a></div>';
				s += '<div class="type_list_r">价值: {5}<br />';
				s += '积分: {6}<br />';
				s += '<input type="image" name="imageField" src="'+webroot+'page/frontsystem/images/ex_but.gif" border="0" onclick="location=\''+webroot+'index/exchangeMore.do?method=exchangeInfo&sruleId={2}&artId={3}\';" />';
				s += '</div></div></div></div>';
			render = render+String.format(s,sub_str(record.data['articleName'],42,'left'),record.data['merchantName'],record.data['sruleId'],record.data['articleId'],record.data['imgName'],(record.data['price']*1).toFixed(2),(record.data['score']*1).toFixed(0));
	}
	
	var list = document.getElementById("list-grid");
	list.innerHTML = render;
	
	var pagging = "";
	var pagerender = '<div class="listborder_page">共<span class="font_green12_b"> {0} </span>个兑换礼品 共<span class="font_green12_b"> {1}</span> 页 ';
	pagerender =pagerender+ '<a href="#" class="font_blue12" onclick=firstpage()>首页</a> <a href="#" class="font_blue12" onclick=prepage()>上页</a> <a href="#" class="font_blue12" onclick=nextpage()>下页</a> <a href="#" class="font_blue12" onclick=lastpage()>末页</a> 当前 第';
	pagerender =pagerender+ '{2}页</div>';
	
	//alert('renderList='+currentpage);
	var pagerenderStr = String.format(pagerender,ds.getTotalCount(),calculatePaggeing(ds.getTotalCount(),15),currentpage);
	document.getElementById("pagging").innerHTML = pagerenderStr;
	document.getElementById("firstpagging").innerHTML = pagerenderStr;
}

function lastpage(){
	//document.getElementById("list-grid").innerHTML = 'Loading...';
	if(totalpage==currentpage)return;
	currentpage=totalpage;
	ds.load({params:{startPage: (currentpage-1)*15+1,keyword:keyword}});
}

function firstpage(){
	//document.getElementById("list-grid").innerHTML = 'Loading...';
	if(currentpage==1)return;
	currentpage=1;
	ds.load({params:{startPage: (currentpage-1)*15+1,keyword:keyword}});
}

function prepage(){
	//document.getElementById("list-grid").innerHTML = 'Loading...';
	if(currentpage==1)return;
	currentpage--;
	ds.load({params:{startPage: (currentpage-1)*15+1,keyword:keyword}});

}

function nextpage(){
	//document.getElementById("list-grid").innerHTML = 'Loading...';
	if(totalpage==currentpage)return;
	currentpage++;
	//alerrt(currentpage);
	ds.load({params:{startPage: (currentpage-1)*15+1,keyword:keyword}});
}

function calculatePaggeing(totalcount,pagesize){
	var total = parseInt(totalcount);
	var size = parseInt(pagesize);
	var result =(total/size).toFixed(0);
	totalpage = result<(total/size)?parseInt(result)+1:result;
	
	return totalpage;
}

Ext.onReady(function(){
	ds.on('load',renderList);
	ds.load({params:{startPage: 1,keyword:keyword}});
	currentpage = 1;
});