window.addEvent("load",function(){


  var intervalId = imgSlider('somework', '.work', 1000, 2000);
  
  var dot = $('cpanel').getElements("img");
  
  var image = $('somework').getElements('.work'); 
  var cnt   = (image.length)-1;
  var old=0;
  
  dot.each(function(el,i){
  
  
    el.addEvent("click",function(){

      dot.each(function(elx,ix){
      
        elx.setStyle("opacity", 0.2);
        image[ix].setStyle("opacity", 0);
      });
      
      el.setStyle("opacity", 1);
      clearInterval(intervalId);
      new Fx.Tween(image[i], {duration: 1000, wait: false}).start("opacity", 1);
      
    });
  });
  
  var cpanel = $('cpanel');
  
  cpanel.addEvent("mouseover",function(){
    
    cpanel.tween('opacity', 1);
  });
  cpanel.addEvent("mouseout",function(){
    
    cpanel.tween('opacity', 0.0001);
  });
  
  if($$('.alert'))
  {
    var formReset = $$('.alert');
    
    formReset.each(function(el,i){
    
      el.addEvent("click",function(){
        
        if(!confirm('Na pewno chesz wykonać: "'+el.get("value")+'"?'))
          return false;
      });
    });
  }
});
function changeImage(option, old, image, cnt, fps){
  
  if(option == "next"){
  
    var next_ = old+1; 
    
    if(next_ > cnt){

      next_ = 0;
    }
  }
  else if(option == "prev"){
  
    var next_ = old-1;

    if(next_ < 0){

      next_ = cnt;
    }
  }
  else if(option == "current"){
  
    var next_ = old;

    if(next_ < 0){

      next_ = cnt;
    }
  }
  new Fx.Tween(image[old], {duration: fps, wait: false}).start("opacity", 1, 0);
  new Fx.Tween(image[next_], {duration: fps, wait: false}).start("opacity", 0, 1);
  
  /**/

    var dot = $('cpanel').getElements("img");
    
    dot.each(function(elx,ix){
    
      if(ix == next_)
        elx.setStyle("opacity", 1);
      else
        elx.setStyle("opacity", 0.2);
      
    });
    
  /**/
  
  if(option == "next"){
  
    old++;

    if(old > cnt){

      old = 0;
    }
  }
  else if(option == "prev"){
    
    old--;

    if(old < 0){

      old = cnt;
    }
  }
  return old;
}
function imgSlider(id, element, fps, timeInterval){

  var image = $(id).getElements(element);  
  var old   = 0;
  var cnt   = (image.length)-1;
  var intervalId;
  var timeoutId;

  
  if(image && cnt && image[old]) {
  
    image[old].set("opacity", 1);
    
    intervalId = setInterval(function (){

      old = changeImage("next", old, image, cnt, fps);
    }, timeInterval);
  }
  return intervalId;
}