var Banners = {
	init: function(){
		if(this.items.length>0){
			this.dom = {};
			this.dom.container = $('bannerstmp').set('id','banners').getFirst().addClass('loading');
			this.imgPath = BASE.www+'img/banners/';
			if(this.items.length>1){
				this.handles = [];
				this.images = [];
				this.dom.items = this.dom.container.getChildren();
				var handsContainer = new Element('div',{'id':'bannerHands'}).setStyle('z-index',this.dom.items.length).inject($('body'));
				for(var i=0;i<this.dom.items.length;i++){
					this.handles[i] = new Element('span').setOpacity(0).set('html',i+1).inject(handsContainer);
				}
				this.loadBanner(0);
			}else{
				new Element('img',{'src':this.imgPath+this.items[0]}).inject(this.dom.container.getFirst().empty());
			}
		}
	},

	loadBanner: function(i){
		this.images[i] = new Asset.image(this.imgPath+this.items[i],{onload:this.onLoadBanner.bind(this,[i])});
	},

	onLoadBanner: function(i){
		if(i>0){
			this.handles[i].fade('in');
			this.dom.items[i].setStyle('visibility','hidden');
		}else{
			this.handles[i].addClass('active').setOpacity(1);
			this.dom.items[i].setOpacity(0).fade('in');
		}
		this.images[i].inject(this.dom.items[i].empty());
		i++;
		if(this.items.length==i){
			this.onLoadBanners();
		}else{
			this.loadBanner.delay(400,this,[i]);
		}
	},

	onLoadBanners: function(){
		this.viewer = new viewer(this.dom.items,{interval:10000,mode:'alpha',onWalk:this.onWalk.bind(this)});

		$('banners').addEvents({
			'mouseenter': this.viewer.stop.bind(this.viewer),
			'mouseleave': this.viewer.play.bind(this.viewer,[true])
		});

		this.handles.each(function(el,i){
			el.addEvent('click',this.viewer.walk.bind(this.viewer,[i,true]));
			this.dom.items[i].setStyle('visibility','visible');
		},this);

		this.viewer.play(true);
	},

	onWalk: function(c,p){
		this.handles[p].removeClass('active');
		this.handles[c].addClass('active');
	}
};

var Offers = {
	init: function(){
		if($('ofertas')){
			var title = $('ofertas').getFirst();
			var items = $('omask').getChildren();
			this.viewer = new viewer(items,{mode:'alpha',sizes:{w:164,h:210}});

			new Element('span').set('html','&lt;').addEvent('click',this.previous.bind(this)).inject(title);
			title.appendText(' ');
			new Element('span').set('html','&gt;').addEvent('click',this.next.bind(this)).inject(title);
		}
	},

	next: function(){
		this.viewer.next(true);
	},

	previous: function(){
		this.viewer.previous(true);
	}
};

window.addEvent('domready',function(){
	//banners
	Banners.init();
	//offers
	Offers.init();
	//products thumbs
	//new ImagesPreview($$('.item img'),{className:'imgPreviewTip',replace:['thumb/','']});
});