/********************************************************
* file:  select.js
* type:  javascript
* lib:   js
* autor: Henning Suedkamp
* date:  2011-04
*********************************************************/

function CreateDiv(id, divclass) {
  var selectdiv = document.createElement('div');
  selectdiv.setAttribute('id', 'div_' + id);
  selectdiv.setAttribute('class', divclass);
  selectdiv.style.margin = '1px';
  selectdiv.style.padding = '0px 2px 0px 28px';
  selectdiv.style.position = 'relative';

  var select = document.getElementById('select_' + id);
  select.style.display = 'none';
  
  var width = select.style.width;
  selectdiv.style.width = width;
  selectdiv.style.backgroundImage = select.style.backgroundImage;

  var selecttext = document.createElement('div');
  selecttext.setAttribute('id', 'text_' + id);
  selecttext.style.display = 'table-cell';
  selecttext.style.overflow = 'hidden';
  selecttext.style.height = '20px';
  selecttext.style.textAlign = 'left';
  selecttext.style.verticalAlign = 'middle';
  selecttext.style.margin = '1px';
  selecttext.style.position = 'relative';
  
  selecttext.innerHTML = select[select.selectedIndex].innerHTML;
  
  var newwidth = parseInt(width);
  newwidth -= 17;
  selecttext.style.width = newwidth + 'px';
  
  selectdiv.appendChild(selecttext);

  var div = document.createElement('div');
  div.setAttribute('id', id);
  div.style.height = '22px';
  div.style.cssFloat = 'left';
  div.style.styleFloat = 'left';
  div.style.margin = '0px 0px 15px 0px';

  div.appendChild(selectdiv);
  
  
  var parent = select.parentNode;
  parent.insertBefore(div, select);

  if(select.length > 1) {
    var up = document.createElement('img');
    up.setAttribute('src', 'images/form/up.png');
    up.setAttribute('border', 0);
    up.setAttribute('onclick', "javascript:SelectUp('" + id + "')");
    up.style.cursor = 'pointer';
    up.style.margin = '1px';
    up.style.position = 'absolute';
    up.style.top = 0;
    up.style.right = 0;
    
    selectdiv.appendChild(up);
    
    var down = document.createElement('img');
    down.setAttribute('src', 'images/form/down.png');
    down.setAttribute('border', 0);
    down.setAttribute('onclick', "javascript:SelectDown('" + id + "')");
    down.style.cursor = 'pointer';
    down.style.margin = '1px';
    down.style.position = 'absolute';
    down.style.bottom = 0;
    down.style.right = 0;
    
    selectdiv.appendChild(down);
  }
} 

function SelectUp(id) {
  var select = document.getElementById('select_' + id);
  var text = document.getElementById('text_' + id);
  
  var next = parseInt(select.selectedIndex);
  next--;
  if(next < 0) {
    select.selectedIndex = select.length - 1;
  }
  else {
    select.selectedIndex = next;
  }
  
  text.innerHTML = select[select.selectedIndex].innerHTML;
}

function SelectDown(id) {
  var select = document.getElementById('select_' + id);
  var text = document.getElementById('text_' + id);
  
  var next = parseInt(select.selectedIndex);
  next++;
  if(next >= select.length) {
    select.selectedIndex = 0;
  }
  else {
    select.selectedIndex = next;
  }
  
  text.innerHTML = select[select.selectedIndex].innerHTML;
}