var Wheel={
 values:[],
 w:{1:4,2:8,3:7,4:1,5:5,6:3,7:6,8:2},

 init: function()
 {
    Event.observe(document, 'click', function(e){
      var el=Event.element(e);

      switch (el.id) {
        case 'w1':case 'w2':case 'w3':case 'w4':case 'w5':case 'w6':case 'w7':case 'w8':case 'w9':
        case 'b_show_test':
        case 'l_show_test':
         Event.stop(e);

         var o=Mir.overlay(Wheel.close);

         $('wheel_test').setStyle({'top':(o[1])+'px','left':Math.round((o[0]-620)/2)+'px'});
         $('wheel_test').removeClassName('hidden');

         if (!Wheel.values.length)
         {
           Wheel.init_slider();
         }
        break;

        case 'b_show_wheel':
         Event.stop(e);
         $('wheel-before').addClassName('hidden');
         $('wheel-after').removeClassName('hidden');

         Wheel.close();

         for (var i=1;i<9;i++)
         {
           $('w'+Wheel.w[i]).setStyle({ backgroundImage :'url('+JSRoot+'wheel/'+Wheel.w[i]+'_'+Wheel.values[i]+'.png)'});
         }
         //alert();
        break;
      }

    });
 },

 close: function()
 {
   new Effect.Fade('overlay', { duration: 0.2});
   $('wheel_test').addClassName('hidden');
   Lightbox.endcallback=false;
 },


 init_slider: function()
 {
   var params =
   {
     range : $R(1, 10),
     values: [1,2,3,4,5,6,7,8,9,10],

     onSlide : function(v) {

     },

     onChange : function(v, o) {
       Wheel.values[o.options.id]=v;
       Wheel.zoom_now(v);
     }
   };

   $$('#wheel_test .scale').each(function(el){
     var id=el.parentNode.id.substr(2);
     var p=Object.extend({
            'id': id
        }, params);

     Wheel.values[id]=1;

     var bSlider = new Control.Slider(el.down(), el, p);
   });
 },


 zoom_now: function(v)
 {
   //alert(v);
 }
}

document.observe("dom:loaded", Wheel.init);