var NffSlider = Class.create({
    
    initialize: function(slider1,sliderContent1,closeBtn) {
    	
    	var self = this;
		this.state = false;
    	
		if($(slider1)){
        	Event.observe($(slider1),'click', this.sliderDown.bindAsEventListener(this,{self:this,slider:slider1,sliderContent:sliderContent1,closeBtn:closeBtn}), false);
    	}
    	
    	if($(closeBtn)){
    		Event.observe($(closeBtn),'click', this.sliderUp.bindAsEventListener(this,{self:this,slider:slider1,sliderContent:sliderContent1,closeBtn:closeBtn}), false);	
    	
	        $(closeBtn).setStyle({
		    		'display': 'none'
		    });
    	}
    },
    
    sliderDown: function(event,arg){
    	
    	if(arg.self.state == false){
    		
    		arg.self.state = true;
	    	arg.self.tempBackground = $(arg.slider).getStyle('backgroundImage');
	    	
	    	$(arg.slider).setStyle({
	    		'backgroundImage': 'none'
	    	});
	    	
	    	Effect.SlideDown($(arg.sliderContent), { duration: 1.0 });
	    	
	    	$(arg.closeBtn).setStyle({
	    		'display': 'block'
	    	});
    	
    	}
    	
    },
    
    sliderUp: function(event,arg){
    	if(arg.self.state == true){
    		
    		arg.self.state = false;
 
	    	Effect.SlideUp($(arg.sliderContent), { duration: 1.0, afterFinish: function(){
	    		$(arg.slider).setStyle({
	    		'backgroundImage': arg.self.tempBackground
	    		});
	    		
	    	} });
	    	
	    	$(arg.closeBtn).setStyle({
	    		'display': 'none'
	    	});
    	}
    	
    }
    	
});

Event.observe(window, 'load', function() {
    if($$('.slider')){
        var newNffSlider = new NffSlider('pamelding','pameldingSlider','closeBtn');
    }
    
});