new Namespace("at.steiermark.quicksearch.slider");
at.steiermark.quicksearch.slider = Class.create({

	initialize : function (element) {		
		this.slider = element;
	},
	
	openBox : function () {
		this.slider.style.display = 'block';
		if (this.slider.getHeight() < 100) {
			ex0 = new Animator({ 
				transition: Animator.makeEaseOut(4),
				duration: 2000
			});
			ex0.addSubject(new NumericalStyleSubject(this.slider, 'height', 0, 245));
			ex0.play();
		}
	},
	
	closeBox : function () {
		ex1 = new Animator({ 
			transition: Animator.makeEaseOut(4),
			duration: 1000,
			onComplete: function () { $('quicksearchbox').style.display = 'none'; }
		});
		ex1.addSubject(new NumericalStyleSubject(this.slider, 'height', 245, 0));
		ex1.play();
	},
	
	openAcco : function () {
		if (parseInt($('qs_package').getStyle('top')) < 100) {
			ex2 = new Animator({ 
				transition: Animator.makeEaseOut(4),
				duration: 1500
				
			});
			ex2.addSubject(new NumericalStyleSubject($('qs_package'), 'top', 38, 178));
			ex2.play();
			$('qs_acco').toggleClassName('close');
			$('qs_acco').toggleClassName('open');
			$('qs_package').toggleClassName('close');
			$('qs_package').toggleClassName('open');
		}	
		else {
			this.openPackage();
		}
	},
	
	openPackage : function () {
		if (parseInt($('qs_package').getStyle('top')) > 100) {
			ex3 = new Animator({ 
				transition: Animator.makeEaseOut(4),
				duration: 1500
				
			});
			ex3.addSubject(new NumericalStyleSubject($('qs_package'), 'top', 178, 38));
			ex3.play();
			$('qs_acco').toggleClassName('close');
			$('qs_acco').toggleClassName('open');
			$('qs_package').toggleClassName('close');
			$('qs_package').toggleClassName('open');
		} else {
			this.openAcco();
		}
	}

});