function slider() {
	var szNormal = 45, szSmall  = 45, szFull   = 120;
	var mtexpanders = $$("#mtexpanders .mtexpander");
	var fx = new Fx.Elements(mtexpanders, {wait: false, duration: 300, transition: Fx.Transitions.Back.easeOut});
	mtexpanders.each(function(mtexpander, i) {
		mtexpander.addEvent("mouseenter", function(event) {
			var o = {};
			o[i] = {height: [mtexpander.getStyle("height").toInt(), szFull]}
			mtexpanders.each(function(other, j) {
				if(i != j) {
					var w = other.getStyle("height").toInt();
					if(w != szSmall) o[j] = {height: [w, szSmall]};
				}
			});
			fx.start(o);
		});
	});
	$("mtexpanders").addEvent("mouseleave", function(event) {
		var o = {};
		mtexpanders.each(function(mtexpander, i) {
			o[i] = {height: [mtexpander.style.height.toInt(), szNormal]}
		});
		fx.start(o);
	})
}
window.addEvent('domready', function(){

	slider();

	var limit = 0;
	var maxpages = $('maxpages').innerHTML; 

	$('pagenext').addEvent('click', function(e) {
		e = new Event(e).stop();

		if(Math.floor((limit+10)/10) < maxpages) {
			limit = limit+10;
		} else {
			limit = 0;
		}	

		var url = "/mibatv/ajax/pages.php?limit="+limit+"&amp;"+Math.random()*1000000;

		/**
		* The simple way for an Ajax request, use onRequest/onComplete/onFailure
		* to do add your own Ajax depended code.
		*/
		$('mtexpanders').empty().addClass('ajax-loading');
		$('mtexpanders').setHTML('<div style=\"text-align: center; margin: 175px 0px;\">...lade...</div>');
		
		new Ajax(url, {
			method: 'get',
			update: $('mtexpanders'),
			onComplete: function() {
				var currpage = Math.floor((limit+10)/10);
				$('currpage').innerHTML = currpage;
				slider();
				$('mtexpanders').removeClass('ajax-loading');
			}
		}).request();
	});
	
	$('pageprev').addEvent('click', function(e) {
		e = new Event(e).stop();
		
		if(limit > 10) 
		{
			limit = limit-10;
		} 
		else if(limit=10)
		{
			limit=0;
		}
		else
		{
			limit = (maxpages*10)-10;
		}	
		
		var url = "/mibatv/ajax/pages.php?limit="+limit+"&amp;"+Math.random()*1000000;

		/**
		* The simple way for an Ajax request, use onRequest/onComplete/onFailure
		* to do add your own Ajax depended code.
		*/
		new Ajax(url, {
			method: 'get',
			update: $('mtexpanders'),
			onComplete: function() {
				var currpage = Math.floor((limit+10)/10);
				$('currpage').innerHTML = currpage;
				slider();
			}
		}).request();
	});
});