var bClick;
bClick=true;

var Slider = new Class({
    //implements
    Implements: [Options],

    //options
    options:{
        speed:1500,
		fps: 35,
		direction: 'horizontal',
		lastvisible: 2,
		onComplete: Class.empty,
		onStart: Class.empty
    },

	initialize: function(el,options){
		this.setOptions(options);
		this.el = $(el);
		this.items = this.el.getElements('li');
		var w = 0;
		var h = 0;
		if(this.options.direction.toLowerCase()=='horizontal') {
			h = this.el.getSize().y;
				this.items.each(function(li,index) {
				w += li.getSize().x;
			});
	    } else {
			w = this.el.getSize().x;
			this.items.each(function(li,index) {
				h += li.getSize().y;
			});
		}
		
		this.el.setStyles({
			position: 'absolute',
			top: 0,
			left: 0,
			width: w,
			height: h
		});
		
		this.fx = new Fx.Morph(this.el,{
		    duration:this.options.speed,
		    onComplete:function() {
			    bClick=true;
		    }
		});
		this.current = 0;
	},
		
	next: function() {
		this.current++;
		if (this.current > this.options.lastvisible) this.current = 0;
		var pos = this.items[this.current];
		this.fx.start({
			left: -pos.offsetLeft
		});
	},
	
	prev: function() {
		this.current--;
		if (this.current < 0) this.current = this.options.lastvisible;
		var pos = this.items[this.current];
		this.fx.start({
			left: -pos.offsetLeft
		});
	},

	fade: function(elm, opa) {
        elm.morph({
            opacity: opa
        });
	}
});

window.addEvent('domready', function() {
    var slide = new Slider('ListS', {speed : 1000, direction : 'horizontal', lastvisible : iNumber});
    
    /* setto le azioni del mouse*/
    slide.items.each(function(li,index) {
        li.addEvents({
            'mouseover': function(){
                slide.fade(li,0.6);
            },
            'mouseout': function(){
                slide.fade(li,1);
           }
        });
    });
    
    var objPrev = $('btn_prev');
    objPrev.addEvents({
        'mouseover': function(){
            objPrev.setStyle('background-image','url("images/h_btn_left_on.gif")');
        },
        'mouseout': function(){
            objPrev.setStyle('background-image','url("images/h_btn_left_off.gif")');
        },
        'click': function(){
		    if(bClick){
		        bClick=false;
		        slide.prev();
		    }
        }
    });

    
    var objNext = $('btn_next');
    objNext.addEvents({
        'mouseover': function(){
            objNext.setStyle('background-image','url("images/h_btn_right_on.gif")');
        },
        'mouseout': function(){
            objNext.setStyle('background-image','url("images/h_btn_right_off.gif")');
        },
        'click': function(){
		    if(bClick){
		        bClick=false;
		        slide.next();
		    }
        }
    });
	
});