Ext.require('Ext.fx.*');
Ext.define('W.top3',{
	constructor : function(conf){
		var me = this;
		Ext.apply(me,conf);
		me.contEl = Ext.get(me.cont);
	},
	els : {},
	render : function() {
		var me = this,
			els = me.els,
			dh = Ext.core.DomHelper;
		if(me.data.length == 0) return;
		//els.date = 
			dh.append(me.cont, {tag: 'div', cls: 'date ',html:me.date},true);
		els.title = dh.append(me.cont, {tag: 'div', cls: 'title color-br', html : me.title},true);
		els.imgCont = dh.append(me.cont, {tag: 'div', cls: 'img-cont'},true);
		
		els.image = dh.append(els.imgCont, {cls: 'image'},true);
		els.imageLogo = dh.append(els.imgCont, {cls: 'imagelogo'},true);
		els.imageLabel = dh.append(els.imgCont, {tag: 'a', cls: 'imagelabel'},true);
		
		els.btn1 = dh.append(me.cont, {cls: 'btn btn1'},true);
		els.btn2 = dh.append(me.cont, {cls: 'btn btn2'},true);
		els.btn3 = dh.append(me.cont, {cls: 'btn btn3'},true);
		
		
		els.shortDesc = dh.append(me.cont, {cls: 'shortdesc'},true);
		els.desc = dh.append(me.cont, {cls: 'desc'},true);
		els.more = dh.append(me.cont, {tag : 'a',cls: 'more top3more', html: 'дэлгэрэнгүй »'},true);
		
		
		var db,i,btn,tpl,btns=[els.btn1,els.btn2,els.btn3],len = me.data.length;
		for(i=0;i <3 && i<len; i++){
			db = me.data[i];
			btn = btns[i];
			tpl = ['<a href="',db.url,'"> ',db.img2html,' <label>',db.name,'</label></a>'];
			dh.overwrite(btn,tpl.join(''));
			
			btn.hover(Ext.Function.bind(me.change,me,[i,btn,btns]),function(){});
		}
		i = Math.floor(Math.random()*len);
		me.change(i,btns[i],btn);
		
	},
	change : function(i,btn,btns){
		var els = this.els;
			db = this.data[i],
			dh = Ext.core.DomHelper;
		//els.date.update(db.date || '&nbsp;');
		//els.title.update('title text');
		
		dh.overwrite(els.image,db.imghtml);
		dh.overwrite(els.imageLabel,db.name);
		els.imageLabel.set({href:db.url});
		if(db.shortdesc.length >10){
			els.shortDesc.update(db.shortdesc);
			els.shortDesc.show();
			els.desc.removeCls('fulltext');
		}else{
			els.shortDesc.hide();
			els.desc.addCls('fulltext');
		}
		dh.overwrite(els.shortDesc,db.shortdesc);
		
		dh.overwrite(els.desc,db.desc);
		els.more.set({href:db.url});
		Ext.each(btns,function(it){
			it.removeCls('over');
		})
		btn.addCls('over');
	}
});