// JavaScript Document
TemplateStore = function(config){
	Ext.apply(this, config);
	
	TemplateStore.superclass.constructor.call(this);
}

Ext.extend(TemplateStore, Ext.util.Observable, {
	params: {
		catId: null,
		total: null,
		page: null
	},
	loadCat: function(){
		Ext.Ajax.request({
			url: 'index.php?module=TemplateStore&task=catStore',
			success: function(response){
				var result = Ext.util.JSON.decode(response.responseText);
				var cat = result.results;
				
				var catCombo = '<select id="combo" onchange="var tx = new TemplateStore;  tx.params.total=null; tx.loadItem(); document.getElementById(\'catName\').innerHTML = this.options[this.selectedIndex].text;">';
				catCombo += '<option value="">- Tất cả phân loại -</option>';
				for(var i = 0; i < cat.length; i ++){
					catCombo += '<option value="'+cat[i].id+'">'+cat[i].name+'</option>';
				}
				catCombo += '</select>';
				document.getElementById('catCombo').innerHTML = catCombo;
				
			},
			failure: function(response){
				
			}
		});
	},
	loadItem: function(page){
		document.getElementById('loadingitem').innerHTML = 'Đang tải...';
		var params = this.params;
		params.page = page;
		var catCombo = document.getElementById('combo');
		if(catCombo){
			var catId = catCombo.options[catCombo.selectedIndex].value;
			this.params.catId = catId;
		}
		
		Ext.Ajax.request({
			url: 'index.php?module=TemplateStore&task=store',
			params: this.params,
			success: function(response){
				document.getElementById('loadingitem').innerHTML = '&nbsp;';
				var result = Ext.util.JSON.decode(response.responseText);
				
				//Paging
				var pPages = result.pPages;
				params.total = pPages.total;
				var navPaging = '';
				
				for(var i = 1; i < pPages.tPages+1; i ++){
					if(i != pPages.page){
						navPaging += '&nbsp;<a href="#" onclick="var tx = new TemplateStore; tx.loadItem('+i+'); return false;">'+ i +'</a>&nbsp;';
					}else navPaging += '&nbsp;' + i + '&nbsp;';
				}
				if(navPaging) navPaging = '[ '+navPaging+' ]';
				document.getElementById('paging').innerHTML = navPaging;
				
				//Item list
				var items = result.results;
				var itemList = '';
				var thumb = '';
				for(var i = 0; i < items.length; i ++){
					thumb = items[i].image.substring(0, items[i].image.indexOf('.'))+'_200x'+items[i].image.substring(items[i].image.indexOf('.'));
					itemList += '<div class="thumbnail">';
					itemList += '<a href="'+items[i].image+'" class="lb-flower" title="#'+items[i].name+'">';
					itemList += '<img src="'+thumb+'" alt="#'+items[i].name+'" width="200" height="200" >';
					itemList += '</a>';
					itemList += '</div>';
				}
				document.getElementById('item').innerHTML = itemList;
				
			},
			failure: function(response){
				
			}
		});
	}
});