new Namespace("at.steiermark.special.slider");
at.steiermark.special.slider = Class.create({

	initialize : function (element) {
	},
	
	showDetail : function (element_number) {
		amount_elements = $$('.specialslide_on.open');
		openlink_elements = $$('.specialslide .openlink');
		element = 'specialslide_on_' + element_number
		slideheight = $(element).getHeight();

		if ($(element).hasClassName("open")) {			
			ex2 = new Animator({ 
				transition: Animator.makeEaseIn(1), 
				duration: 900,
				onComplete: function() { $(element).setStyle({ display: 'none', height: slideheight+"px"}); }
				}).addSubject(new CSSStyleSubject( $(element), "height: 0px;"));
			ex2.play();
			
			$(element).removeClassName("open");
			
			$('specialslide_span_'+element_number).removeClassName("openlink");

		}
		else {			
			$(element).setStyle({
			  height: '0',
			  display: 'block'
			});

			if (openlink_elements.length > 0) {
				for (o=0; o<openlink_elements.length; o++) {
					open_ele = openlink_elements[o];
					open_ele.removeClassName("openlink");
				}
			}
			
			ex1 = new Animator({ transition: Animator.makeEaseIn(1), duration: 900});
			ex1.addSubject(new CSSStyleSubject($(element), "height: " + slideheight + "px;"));
			ex1.play();
			$(element).addClassName("open");
			$('specialslide_span_'+element_number).addClassName("openlink");
			
			if (amount_elements.length > 0) {
				for (b=0; b<amount_elements.length; b++) {
					ele = amount_elements[b];
					ele_height = ele.getHeight();
					
					ex3 = new Animator({ transition: Animator.makeEaseIn(1), duration: 900, onComplete: function() { ele.setStyle({ display: 'none', height: ele_height + "px" }); ele.removeClassName("open"); }});
					ex3.addSubject(new CSSStyleSubject(ele, "height: 0px;"));
					ex3.play();
				}
			}
		}
	},
	
	showMapDetail : function (element_number) {
		elements_num = $$('.mapslide').length;
		
		element = 'mapslide_on_' + element_number;
		slideheight = $(element).getHeight();
		
		if (!$(element).hasClassName("open")) {
			for( i = 1; i <= elements_num; i++){
				blockname = 'mapslide_on_' + i;
				if ($(blockname).hasClassName("open")) {
					Effect.BlindUp(blockname,{ duration: 0.3 });
					$(blockname).removeClassName("open");
				} 
			}
		
			Effect.BlindDown(element,{ duration: 0.3 });
			$(element).addClassName("open");
		}

	}
});
