		function calcContentheight() {
			var height = 0;
			var products = $('div.content');
			
			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 makeScrollbar(content, scrollbar, handle) {
			
			if( content.getSize().scrollSize.y > 385 ){
				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()});
			}else{
				$('scrollbar').style.display = "none";
			}
			
		}
		
		window.onDomReady(function() {
			//jQuery("#page_scrollbar").css({'display':'block'});
			//jQuery("#content").css({'overflow':'hidden'});
			//calcContentheight();
			//showFirstProduct();
			
			makeScrollbar( $('content'), $('scrollbar'), $('handle') );
		});




		
