/**
*
*  Crossbrowser Drag Handler
*  http://www.webtoolkit.info/
*
**/
 
var DragHandler = {
 
 
	// private property.
	_oElem : null,
 
 
	// public method. Attach drag handler to an element.
	attach : function(oElem) {
		oElem.onmousedown = DragHandler._dragBegin;
 
		// callbacks
		oElem.dragBegin = new Function();
		oElem.drag = new Function();
		oElem.dragEnd = new Function();
 
		return oElem;
	},
 
 
	// private method. Begin drag process.
	_dragBegin : function(e) {
		var oElem = DragHandler._oElem = this;
 
		if (isNaN(parseInt(oElem.style.left))) { oElem.style.left = oElem.style.left+'px'; }
		if (isNaN(parseInt(oElem.style.top))) { oElem.style.top = '0px'; }
 
		var x = parseInt(oElem.style.left);
		var y = parseInt(oElem.style.top);

		e = e ? e : window.event;
		oElem.mouseX = e.clientX;
		oElem.mouseY = e.clientY;
    
    
    window.deTien = x;
    window.b = 0;
    window.newNumber = deTien;
		
		//document.getElementById("testValue").value = "START "+x + " | "+this.id;
		//document.getElementById(oElem.id+'Value').value = x / 5.1;
    //oElem.dragBegin(oElem, x, y);
    document.getElementById(oElem.id+'Value').style.border = "1px solid #FFAE00";
		
    document.onmousemove = DragHandler._drag;
		document.onmouseup = DragHandler._dragEnd;
		return false;
	},
 
 
	// private method. Drag (move) element.
	_drag : function(e) {
	  
	  
		var oElem = DragHandler._oElem;
    var otherId   = oElem.id.replace(/Max/,"Min");
    oElem = document.getElementById(otherId);
		var x = parseInt(oElem.style.left);
		var y = parseInt(oElem.style.top);
   
		e = e ? e : window.event;
		
    if(oElem.id.search(/1/) > 0){ currMaxToChoos =  maxToChoose1; theMax = theMax1;}
		if(oElem.id.search(/2/) > 0){ currMaxToChoos =  maxToChoose2; theMax = theMax2;}
		if(oElem.id.search(/3/) > 0){ currMaxToChoos =  maxToChoose3; theMax = theMax3;}
		
		
		/** Dit is de min */
		var otherId = oElem.id.replace(/Min/, "Max");
		if(oElem.id.search(/Min/) > 0){
      var minString = oElem.id;
      var otherId   = minString.replace(/Min/,"Max");
      //otherId       = document.getElementById(otherId);
      //document.getElementById("testValue").value = parseInt(oElem.style.left) + " > "+ parseInt(otherId.style.left);
      
        
        
      oElem.style.left  = x + (e.clientX - oElem.mouseX) + 'px';
      document.getElementById(oElem.id+'Value').value = parseInt(x / currMaxToChoos);
      document.getElementById(otherId+'Value').value = parseInt(((x / currMaxToChoos) * 1.15));
       
      
    
    }
    
    oElem.mouseX      = e.clientX;
    var newLeft       = x + (e.clientX - oElem.mouseX);
    
    if(newLeft < 1){    oElem.style.left = '1px';}
    if(newLeft > 206){  oElem.style.left = '206px';}
        
    document.getElementById("testValue").value = oElem.style.left;

    currMin1 = x / maxToChoose1;
    currMax1 = x / maxToChoose1;

    currMin2 = x / maxToChoose2;
    currMax2 = x / maxToChoose2;
    
    currMin3 = x / maxToChoose3;
    currMax3 = x / maxToChoose3;
    
    if(oElem.id.search(/1/) > 0){
      document.getElementById(oElem.id+'Value').value = parseInt(x / currMaxToChoos);
      document.getElementById(otherId+'Value').value = parseInt(((x / currMaxToChoos) + 6));
      if(parseInt(oElem.style.left) < 5){
          if(oElem.id.search(/Min/) > 0){       document.getElementById(oElem.id+'Value').value = 0; newId = oElem.id.replace(/Min/,"Max"); document.getElementById(newId+'Value').value = 6;}
          else if(oElem.id.search(/Max/) > 0){  document.getElementById(oElem.id+'Value').value = 10;}    
      }
    }else{
    
        var test  = parseInt(document.getElementById(oElem.id+'Value').value);   
        if(test > 100){
          var test  = parseInt(document.getElementById(oElem.id+'Value').value) / 10;
          test = test.toPrecision(2);
          test = test * 10;
        }    
        else if(test > 10 && test < 100){
          var test  = parseInt(document.getElementById(oElem.id+'Value').value) / 1000;       
          test = test.toPrecision(1);
          test = test * 1000;
        }
        if(test < 10){test = 0;}
        
        
        if(document.getElementById("smsOnbeperkt").checked == true && oElem.id.search(/3/) > 0){
          document.getElementById("shiftElementMin3Value").value = parseInt(test) + 1000;
        }else{
          document.getElementById(oElem.id+'Value').value = test;
        }
        
        /** GOTO NEXT */
        if(oElem.id.search(/Min/) > 0){       newId = oElem.id.replace(/Min/,"Max"); var Default = theMax;}
        else if(oElem.id.search(/Max/) > 0){  newId = oElem.id.replace(/Max/,"Min"); var Default = 0;}
        
        var test  = parseInt(document.getElementById(newId+'Value').value);   
        if(test > 100){
          var test  = parseInt(document.getElementById(newId+'Value').value) / 10;
          test = test.toPrecision(2);
          test = test * 10;
        }    
        else if(test > 10 && test < 100){
          var test  = parseInt(document.getElementById(newId+'Value').value) / 1000;       
          test = test.toPrecision(1);
          test = test * 1000;
        }
        if(test < 10){test = Default; document.getElementById(oElem.id+'Value').value = 10;}
        if(document.getElementById(oElem.id+'Value').value < 10){ test = 10;}
        
        if(document.getElementById("smsOnbeperkt").checked == true && oElem.id.search(/3/) > 0){
          document.getElementById('shiftElementMax3Value').value = parseInt(test) + 1000;
        }else{
          document.getElementById(newId+'Value').value = test;
        }
        
        
        
        if(document.getElementById("smsOnbeperkt").checked == true && oElem.id.search(/3/) > 0){
          if(parseInt(oElem.style.left) < 5){
            if(oElem.id.search(/Min/) > 0){       document.getElementById(oElem.id+'Value').value = 1000; document.getElementById(newId+'Value').value = 1010;}
            else if(oElem.id.search(/Max/) > 0){  document.getElementById(oElem.id+'Value').value = 2000;}    
          }
          
          if(parseInt(oElem.style.left) > 205){
            if(oElem.id.search(/Min/) > 0){       document.getElementById(oElem.id+'Value').value = 1920; document.getElementById(newId+'Value').value = 2000;}      
            else if(oElem.id.search(/Max/) > 0){  document.getElementById(oElem.id+'Value').value = 2000;}    
          }
        }else{
          if(parseInt(oElem.style.left) < 5){
            if(oElem.id.search(/Min/) > 0){       document.getElementById(oElem.id+'Value').value = 0; document.getElementById(newId+'Value').value = 10;}
            else if(oElem.id.search(/Max/) > 0){  document.getElementById(oElem.id+'Value').value = 10;}    
          }
          
          if(parseInt(oElem.style.left) > 205){
            if(oElem.id.search(/Min/) > 0){       document.getElementById(oElem.id+'Value').value = 920; document.getElementById(newId+'Value').value = 1000;}      
            else if(oElem.id.search(/Max/) > 0){  document.getElementById(oElem.id+'Value').value = 10;}    
          }
        }
        
    }
    
    
		oElem.drag(oElem, x, y);
 
		return false;
	},
 
 
	// private method. Stop drag process.
	_dragEnd : function() {
		var oElem = DragHandler._oElem;
  //document.getElementById("testValue").value = "END "+x;
		var x = parseInt(oElem.style.left);
		var y = parseInt(oElem.style.top);
    //document.getElementById("testValue").value = x;
		oElem.dragEnd(oElem, x, y);
 
		document.onmousemove = null;
		document.onmouseup = null;
		DragHandler._oElem = null;
		
		document.getElementById(oElem.id+'Value').style.border = "1px solid #D7F12E";
		callProducts();
	}
 
}

function begin (element, x, y) {
  
  //document.getElementById(element.id+'Value').value = x / 5.1;
  
	var s = x;
	updateInfo(s, element);
}

function drag (element, x, y) {
	var s = x;
	updateInfo(s, element);
}

function end (element, x, y) {
	var s = x;
	
	updateInfo(s, element);
}

function updateInfo(s, element) {
  
  if(selfSet != ""){
    //document.getElementById(element.id+'Value').value = nValueMin;
    document.getElementById(element.id+'Value').style.border = "1px solid #FFAE00";
    
    //document.getElementById(element.id+'Value').value = parseInt(document.getElementById(element.id+'Value').value) + 1000;
    
  }else{
    selfSet = "1";
  }
}
window.selfSet = "";
function setShifterMin(givinId, newValue){
  if(givinId == "1"){
    var newLeft = newValue *1 *maxToChoose1;
    currMin1 = newLeft.toFixed(0); selfSet = "";
    document.getElementById("shiftElementMin1").style.left = currMin1;  
  }
  
  if(givinId == "2"){
    var newLeft = newValue *1 *maxToChoose2;
    currMin2 = newLeft.toFixed(0); selfSet = "";
    document.getElementById("shiftElementMin2").style.left = currMin2;  
  }
  
  if(givinId == "3"){
    var newLeft = newValue *1 *maxToChoose3;
    currMin3 = newLeft.toFixed(0); selfSet = "";
    document.getElementById("shiftElementMin3").style.left = currMin3;  
  }
  
  if(givinId == "4"){
    var newLeft = newValue *1 *maxToChoose4;
    currMin4 = newLeft.toFixed(0); selfSet = "";
    //document.getElementById("shiftElementMin4").style.left = currMin4;  
  }
  
}
selfSet = 1;