cardSlider = {
	
	init: function(divu, perPage){
		this.mask = $$(divu + ' div.gallery_box');
		this.group = $$(divu + ' ul');
		this.items = $$(divu+ ' ul li');
		this.pages = Math.ceil(this.items.length/perPage);
		this.page = 1;
		this.pageWidth = this.items[1].getSize().x * perPage;
		this.direction = "forward";
		
		this.prev = $$(divu + ' a.gallery_left');
		this.next = $$(divu + ' a.gallery_right');
		
		this.anim = new Fx.Scroll('gallery_box', { //AICI AM RAMAS
			duration: 500,
			transition: Fx.Transitions.Expo.easeInOut,
			onStart: function(){
			
				if(cardSlider.direction == "forward"){
					cardSlider.page < cardSlider.pages ? cardSlider.page++ : cardSlider.page = 1;
				}
				if(cardSlider.direction == "backward"){
					cardSlider.page > 1 ? cardSlider.page-- : cardSlider.page = 1;
				}
			},
			onComplete: function(){
			}

		});		
		this.anim.toLeft();
		cardSlider.page = 1; //cardSlider.pages;

		if (cardSlider.page == 1) {cardSlider.prev.fade(0.3);} else {cardSlider.prev.fade(1);}
		if (cardSlider.page == cardSlider.pages) {cardSlider.next.fade(0.3);} else {cardSlider.next.fade(1);}

		this.group.setStyle('width', cardSlider.items.length * cardSlider.items[1].getSize().x);
		
		this.prev.addEvent('click', function(e){
			e = new Event(e).stop();
			cardSlider.direction = "backward";
			if (cardSlider.page > 1) cardSlider.anim.start((cardSlider.page-2) * cardSlider.pageWidth, 0);
			if (cardSlider.page == 1) {cardSlider.prev.fade(0.3);} else {cardSlider.prev.fade(1);}
			if (cardSlider.page == cardSlider.pages) {cardSlider.next.fade(0.3);} else {cardSlider.next.fade(1);}
		});

		this.next.addEvent('click', function(e){
			e = new Event(e).stop();
			cardSlider.direction = "forward";
			if (cardSlider.page < cardSlider.pages) cardSlider.anim.start(cardSlider.page * cardSlider.pageWidth, 0);
			if (cardSlider.page == 1) {cardSlider.prev.fade(0.3);} else {cardSlider.prev.fade(1);}
			if (cardSlider.page == cardSlider.pages) {cardSlider.next.fade(0.3);} else {cardSlider.next.fade(1);}
		});
	}
}