jQuery(function($) {
	var slide = $('#suggestions .slide'),
		ul = slide.find('div > ul').css({left:-336}),
		els = ul.children('li'),
		nav = $('#suggestions .slide > div > .nav'),
		pos = [],
		act = 1,
		duration = 400,
		heights = [];
	
	
	nav.find('.prev').click(function() {
		act--;
		if(act<0) { act = pos.length-1; }
		ul.stop().animate({left:pos[act]},duration);
		//slide.animate({height:Math.max(heights[act],120)},duration);
	});
	nav.find('.next').click(function() {
		act++;
		if(act>=pos.length) { act = 0; }
		ul.stop().animate({left:pos[act]},duration);
		//slide.animate({height:Math.max(heights[act],120)},duration);
	});
	els.each(function(i) {
		$(this).css({position:'absolute',top: 0,left: i*336});
		pos[i] = -i*336;
		heights[i] = $(this).height();
	});
	
	slide.css('height',Math.max.apply(null,heights.concat(150)));
	//slide.css('height',Math.max(heights[act],120));
});