function init_page(){restyle_scrollable();create_handler();init_handler();}
function restyle_scrollable(){$('scrollable1').setStyle({height:'140px',overflow:'hidden'});$('comment_projet').setStyle({width:'275px',overflow:'hidden'});$('cadre_projets').setStyle({width:'140px',overflow:'hidden'});}
function create_handler(){var track=new Element('div',{'id':'track1'});track.appendChild(new Element('div',{'id':'handle1'}));$('scrollable1').insert({'after':track});var track2=new Element('div',{'id':'track2'});track2.appendChild(new Element('div',{'id':'handle2'}));$('comment_projet').insert({'after':track2});var track3=new Element('div',{'id':'track3'});track3.appendChild(new Element('div',{'id':'handle3'}));$('cadre_projets').insert({'after':track3});}
function init_handler(){var slider1=new Control.Slider('handle1','track1',{onSlide:function(v){scrollHorizontal(v,$('scrollable1'),slider1);},onChange:function(v){scrollHorizontal(v,$('scrollable1'),slider1);}});if(($('scrollable1').firstDescendant().childElements()).length<=4){slider1.setDisabled();$('track1').hide();}
var slider2=new Control.Slider('handle2','track2',{axis:'vertical',onSlide:function(v){scrollVertical(v,$('comment_projet'),slider2);},onChange:function(v){scrollVertical(v,$('comment_projet'),slider2);}});if($('comment_projet').scrollHeight<=$('comment_projet').offsetHeight){slider2.setDisabled();$('track2').hide();$('comment_projet').setStyle({width:'100%'});}
var slider3=new Control.Slider('handle3','track3',{axis:'vertical',onSlide:function(v){scrollVertical(v,$('cadre_projets'),slider3);},onChange:function(v){scrollVertical(v,$('cadre_projets'),slider3);}});if($('cadre_projets').scrollHeight<=$('cadre_projets').offsetHeight){slider3.setDisabled();$('track3').hide();$('cadre_projets').setStyle({width:'160px'});}}
function scrollHorizontal(value,element,slider){element.scrollLeft=Math.round(value/slider.maximum*(element.scrollWidth-element.offsetWidth));}
function scrollVertical(value,element,slider){element.scrollTop=Math.round(value/slider.maximum*(element.scrollHeight-element.offsetHeight));}
document.observe('dom:loaded',function(){init_page();});