window.addEvent('domready', function() {

    var scContainer=$('sidePiecesList');
    var scbContainer=$('sidePiecesScrollbar');

    scContainer.addClass('withJs');
    scContainer.removeClass('noJs');
    scbContainer.addClass('withJs');
    scbContainer.removeClass('noJs');

    var scLength=$('sidePiecesListContainer').scrollHeight+10;
    var scWidth=$('sidePiecesListContainer').offsetWidth;

    var scbTrack=scbContainer.getFirst('div[class="Scrollbar-Track"]');
    var scbUp=scbContainer.getFirst('div[class="Scrollbar-Up"]');
    var scbDown=scbContainer.getFirst('div[class="Scrollbar-Down"]');

    var scbTrackHeight=scbContainer.clientHeight-scbUp.clientHeight-scbDown.clientHeight;
    scbTrack.style.top=scbUp.clientHeight + 'px';
    scbTrack.style.height=scbTrackHeight + 'px';
    scbTrack.style.width=scbContainer.clientWidth + 'px';

    scrollerA = new jsScroller(scContainer, scLength,scWidth);
    scrollbarA = new jsScrollbar (scbContainer, scrollerA, false);

    var scContainer2=$('aboutOuter');
    var scbContainer2=$('aboutScrollbar');

    scContainer2.addClass('withJs');
    scContainer2.removeClass('noJs');
    scbContainer2.addClass('withJs');
    scbContainer2.removeClass('noJs');

    var scLength=scContainer2.scrollHeight;
    var scWidth=scContainer2.offsetWidth;

    var scbTrack=scbContainer2.getFirst('div[class="Scrollbar-Track"]');
    var scbUp=scbContainer2.getFirst('div[class="Scrollbar-Up"]');
    var scbDown=scbContainer2.getFirst('div[class="Scrollbar-Down"]');

    var scbTrackHeight=scbContainer2.clientHeight-scbUp.clientHeight-scbDown.clientHeight;
    scbTrack.style.top=scbUp.clientHeight + 'px';
    scbTrack.style.height=scbTrackHeight + 'px';
    scbTrack.style.width=scbContainer2.clientWidth + 'px';

    scrollerB = new jsScroller(scContainer2, scLength, scWidth );
    scrollbarB = new jsScrollbar (scbContainer2, scrollerB, true);


	});
/*    var scBarDiv= new Element('div',{class:'Scrollbar-Container'});
    scBarDiv.innerHTML='<div class="Scrollbar-Up"></div><div class="Scrollbar-Down"></div><div class="Scrollbar-Track"><div class="Scrollbar-Handle"></div>';

  	var what = $$('div.myflexcroller').each(function(item, index){
	    var tContainer=item.innerHTML;
	    item.innerHTML= '<div class="Scroller-Container">' + tContainer + '</div>';
      scBarDiv.inject(item,'after');
	    scroller=new jsScroller(item,0,0);

	    var barWrapper = document.getElementById("Scrollbar-Container");
	    scrollbar=new jsScrollbar(scroller, barWrapper, true);


    var scContainer=$('aboutPanel');*/



//	    var ta= '<div class="Scrollbar-Up" onmouseout="scroller.stopScroll();" onmouseover="scroller.startScroll(0, 5);">^</div>';
//	    var tb= '<div class="Scrollbar-Down" onmouseout="scroller.stopScroll();" onmouseover="scroller.startScroll(0, -5);">v</div>';
//  	  var tContainer=item.innerHTML;
//  	  item.innerHTML=  ta + tContainer + tb;
//    fleXenv.fleXcrollMain(item.id);
//    $(item.id + "_vscrollerbasebeg").innerHTML="^";
//    $(item.id + "_vscrollerbaseend").innerHTML="v";
	//  	var what = $$('div.sidePiecesFilter').each(function(item, index){