function calcContentheight() {
			var height = 0;
			var products = $$('div.fce_level1');
			
			if ( products.height > 0 ) {
				for(var i = 0; i < products.height; i++) {
					height = height + products[i].getSize().size.y;
				}	
				$('content').style.height = height + 'px';
			}
			
			if ( height <= $('content').getSize().size.y ) {
				$('scrollbar').style.visibility = 'hidden';
			}
		}
		
		function showProductContent(image, description) {
	    	$('image').innerHTML = '<img src="http://' + window.location.host + '/' + image + '"/>';
	    	$('description').innerHTML = description;
		}
		
		function showFirstProduct() {
			var products = $$('#contentelements div.product');
			if ( products.length > 0 ) {
				var link = $('productlink').href;
				
				var image = link.substr(link.indexOf("'") + 1);
				image = image.substr(0, image.indexOf("'"));
				
				var description = link.substr(0, link.lastIndexOf("'"));
				description = description.substr(description.lastIndexOf("'") + 1);
				description = description.replace(/%20/g, ' ');
				description = description.replace(/%22/g, '"');
				description = description.replace(/%3D/g, '=');
				description = description.replace(/%3E/g, '>');
				description = description.replace(/%3C/g, '<');
				description = description.replace(/%2F/g, '/');
				description = description.replace(/%2C/g, ',');
				description = description.replace(/%C3%BC/g, 'ü');
				description = description.replace(/%C3%B6/g, 'ö');
				description = description.replace(/%C3%A4/g, 'ä');
				description = description.replace(/%26nbsp%3B/g, ' ');
				
				showProductContent(image, description);
			}
		}

		function makeScrollbar(content, scrollbar, handle) {
			var slider = new Slider(scrollbar, handle, {
				steps: content.getSize().scrollSize.y - content.getSize().size.y,
				mode: 'vertical',
				onChange: function(step) {
					// Scrolls the content element in y direction.
					content.scrollTo(0, step);
				}
			}).set(0);
			
			// Scroll the content element when the mousewheel is used within the
			// content or the scrollbar element.
			$$(content, scrollbar).addEvent('mousewheel', function(e) {
				e = new Event(e).stop();
				var step = slider.step - e.wheel * 30;
				slider.set(step);
			});
			
			// Stops the handle dragging process when the mouse leaves the document body.
			$(document.body).addEvent('mouseleave',function(){slider.drag.stop()});
		}
		
		window.onDomReady(function() {
			jQuery("#scrollbar").css({'display':'block'});
			jQuery("#content").css({'overflow':'hidden'});
			//calcContentheight();
			//showFirstProduct();
			makeScrollbar( $('content'), $('scrollbar'), $('handle') );
		});