var _slider;

function scaleIt(v) {
  var scalePhoto = document.getElementById('editimg');

  floorSize = .003;
  ceilingSize = 2.0;
  v = floorSize + (v * (ceilingSize - floorSize)); 
 
  scalePhoto.style.width = (v*_originalwidth)+'px';

  $('sliderwidth').setAttribute('value',scalePhoto.width + 'px');
  $('sliderheight').setAttribute('value',scalePhoto.height + 'px');
  
} 


function createSlider(container) {

 cleanUp();

 _originalwidth = $('editimg').width;

if ($('slider') == null) {
    
    var title = document.createElement("h3");
    var titleText = document.createTextNode("Resize");
    
    title.appendChild(titleText);
    
    $(container).appendChild(title);        
    
    
    var track = document.createElement("div");
    var textes = document.createElement("div");
    var handle = document.createElement("div");
    var imghandle = document.createElement("img");
    var btnresizeapply = document.createElement("input");
    var btnresizecancel = document.createElement("input");
    var txtwidth = document.createElement("input");
    var txtheight = document.createElement("input");
    
    txtwidth.setAttribute("id","sliderwidth");
    txtheight.setAttribute("id","sliderheight");
    
    track.setAttribute("id","slider");
    
    track.className = 'slider';
        
    textes.setAttribute("id","slidervalues");
    
    handle.setAttribute("id","sliderhandle");
    
    handle.className = 'sliderhandle';
    
    imghandle.setAttribute("src","images/scaler_slider.gif");
    
    btnresizeapply.setAttribute("type","button");
    
    txtheight.setAttribute("type","text");
    
    txtheight.setAttribute("readonly",true);      
    
    txtheight.className = 'shorttext';   
    
    txtwidth.setAttribute("type","text");    
     
    txtwidth.setAttribute("readonly",true);
    
    txtwidth.className = 'shorttext';  
    
    btnresizeapply.className = 'apply';
    
    btnresizecancel.setAttribute("type","button");
    
    btnresizecancel.setAttribute("value","Cancel");
    
    handle.appendChild(imghandle);
    
    track.appendChild(handle);   
    
    $(container).appendChild(track);    
    
    $(container).appendChild(txtheight);
    
    $(container).appendChild(txtwidth);
    
   $(container).appendChild(btnresizeapply);
    
   
    
    var s2 = new Control.Slider('sliderhandle','slider', {axis:'horizontal', minimum: 1, maximum:200, alignX: 0, increment: 1, sliderValue: 0.5}); 
    
    _slider = s2;
    
    s2.options.onChange = function(value){
    
        scaleIt(value);       
        
        
    };
    
    s2.options.onSlide = function(value){
    
        scaleIt(value);
        
    };


   }
   
   
   
   Event.observe(btnresizecancel, 'click', function(e){ cancelSizer(s2); });
       
   Event.observe(btnresizeapply, 'click', function(e){ saveResize(s2);});


    new Element.show('controls');
    
     s2.setValue(0.5);     

}

function cancelSizer(e) {

    e.setValue(0.5);
        
    cleanUp();
    

}

function saveResize(e) {
    
    
    
     var scalePhoto = document.getElementById('editimg');
     
    _w = scalePhoto.width;
    _h = scalePhoto.height;

    PixerMain.ResizeImage(_w, _h, saveResize_callback);
    
    


}

function saveResize_callback(e) {
    
     _slider.setValue(0.5); 
    
     
     reloadImage();       
     
     cleanUp();
     
     changesApplied();

}