function submenuIn(id,col){
$(id).style.backgroundColor = col;	
}

function submenuOut(id){
$(id).style.backgroundColor = "transparent";	
}

function menuIn(id,col){
$(id).style.color = col;	
}

function menuOut(id,col){
$(id).style.color = col;	
}



function track_adjust(){
width = ($('bilder_rahmen').scrollWidth);
width2 = ($('bilder_rahmen').clientWidth);

$('handle').style.width = (width2/(width/width2))-10;
$('track').style.width = width2;
/* $('track').style.width = width; */ 

}


function mouse_track(event){
/* funktioniert leider nicht so wie ich will :-/
width = ($('bilder_rahmen').scrollWidth);
width2 = ($('bilder_rahmen').clientWidth);

maus = ((event.clientX) - 80)-(width2/2)+100 ;



movement= Math.floor(($('bilder_rahmen').scrollLeft)+(maus/10));
$('status').innerHTML=movement;
$('bilder_rahmen').scrollLeft = Math.floor(($('bilder_rahmen').scrollLeft)+(maus/10));

setInterval("$('bilder_rahmen').scrollLeft = Math.floor(($('bilder_rahmen').scrollLeft)+(maus/10));$('status').innerHTML=Math.floor(($('bilder_rahmen').scrollLeft)+(maus/10)); ",150);
 
setInterval("$('bilder_rahmen').scrollLeft = Math.floor(($('bilder_rahmen').scrollLeft)+ multi)", 50);
 */
}



  


/*
var slider = new Control.Slider('handle','track',{
      onSlide:function(v){
	  track_adjust(),
	  move_this = Math.floor((width-width2)*v),
	  $('bilder_rahmen').scrollLeft = move_this
	  
	  },
      onChange:function(v){
	  track_adjust(),
	  move_this = Math.floor((width-width2)*v),
	  $('bilder_rahmen').scrollLeft = move_this

	  }
	  }
	  );

	*/