function scallTipps()
{
	//$("mapedotipps").style.width = (document.viewport.getWidth() - 185)+"px";
	
	tipps_container = $("mapedotipps");
	tipps_scroll_handel = $('tipps_scroll_handel');
	tipps_scroll_track = $('tipps_scroll_track');
	
	buildTippsScrollbar(tipps_container, 'tipps_scroll_track', 'tipps_scroll_handel');
	

		tipps_container.style.width = (document.viewport.getWidth() - 185)+"px";
		//tipps_container.style.width = "100%";
		//tipps_scroll_track.style.width = (document.viewport.getWidth() - 185)+"px";
		
		var slider1 = new Control.Slider('tipps_scroll_handel', 'tipps_scroll_track', {
			onSlide: function(v) 
			{
				scrollHorizontal(v, tipps_container, slider1); 
			},
			onChange: function(v) 
			{
				scrollHorizontal(v, tipps_container, slider1);
			}
		});

}
function scrollVertical(value, element, slider) 
{
	element.scrollTop = Math.round(value/slider.maximum*(element.scrollHeight-element.offsetHeight));
}
function scrollHorizontal(value, element, slider) 
{
	element.scrollLeft = Math.round(value/slider.maximum*(element.scrollWidth-element.offsetWidth));
}
function buildTippsScrollbar(parent, track_name, handle_name)
{
	//console.log("build Slider");
	// Hier wird die Scrollbar gebaut
	//parent.insert(Builder.node('div', {id: track_name, className:'tipps_slider_track'}, [Builder.node('div', {id: handle_name, className:'tipps_slider_handle'})]));
	parent.insert(Builder.node('div', {id: track_name, className:'tipps_slider_track'}, [Builder.node('div', {id: handle_name, className:'tipps_slider_handle'})]));
	height = parent.getHeight();
	$(track_name).setStyle({
	    marginTop: (height - 33)+"px"
	});
}