// Main slider
function slideBoxDown() {
	$$('a.slider_down').invoke('hide');
	new Effect.Scale('slider_box', sliderDownRatio, {scaleX:false,
							scaleY:true,
							scaleContent:true,
							queue:{scope: 'fslide', limit:1},
							afterFinish:function() {
						 	}
	});
}

function slideBoxUp() {
	new Effect.Scale('slider_box', sliderUpRatio, {scaleX:false,
							scaleY:true,
						   	scaleContent:true,
					   		queue:{scope: 'fslide', limit:1},
					   		afterFinish:function() {
								$$('a.slider_down').invoke('show');
					   		}
	});
}

function replaceSlider(id) {
	if ($('slider_content_' + id)) {
		$('slider_box').show();
		var foldUp = false;
		if ($('slider_box').getHeight() < 55 && $('slider_box').getHeight() > 0) foldUp = true;
		var sliderContent = $('slider_content_' + id).innerHTML;
		$('slider_box').update(sliderContent);
		$$('a.slider_down').invoke('hide');
		$('slider_box').setStyle({
			height: 'auto',
		});
	} else {
		$('slider_box').hide();
		return;
	}

	sliderUpRatio = 50/$('slider_box').getHeight()*100;
	sliderDownRatio = 100/sliderUpRatio*100;

	/*if (foldUp) {
		slideBoxUp();
	}*/
}

// Fader with slider connection
function displayContent(id) {
	var currentQueue = Effect.Queues.get('fcont');
	if (currentQueue.size() == 0) {
		if (id < 10 && id > 0) {
			replaceSlider(id);

			// Hide all content
			displayOpts.invoke('hide');

			// Display selected content
			new Effect.Appear('content_' + id, {duration:2.0, queue:{scope: 'fcont', limit:1}});

			// Change class name of selected link
			if ($('fl' + id)) {
				$$('div#box_scroll a').invoke('removeClassName', 'active');
				$('fl' + id).addClassName('active');
			}
		}
	}
}