// JavaScript Document
function selectReplacement(obj,idx)
{
  obj.className += ' replaced';
  var ul = document.createElement('ul');
  ul.className = 'selectReplacement';
  var opts = obj.options;
  for (var i=0; i<opts.length; i++)
  {
    var selectedOpt;
    if (opts[i].selected)
    {
      selectedOpt = i;
      break;
    }
    else
    {
      selectedOpt = 0;
    }
  }
  for (var i=0; i<opts.length; i++)
  {
    var li = document.createElement('li');
    var txt = document.createTextNode(opts[i].text);
    li.appendChild(txt);
    li.selIndex = opts[i].index;
    li.selectID = obj.id;
    li.onclick = function()
    {
      selectMe(this);
    }
    if (i == selectedOpt)
    {
      li.className = 'selected';
      li.onclick = function()
      {
        this.parentNode.className += ' selectOpen';
        show('selectClose',this);
        this.onclick = function()
        {
          selectMe(this);
        }
      }
    }
    if (window.attachEvent)
    {
      li.onmouseover = function()
      {
        this.className += ' hover';
      }
      li.onmouseout = function()
      {
        this.className =
          this.className.replace(new RegExp(" hover\\b"), '');
      }
    }
    ul.appendChild(li);
  }
  ul.style.zIndex=100-idx;
  obj.parentNode.insertBefore(ul,obj);
}

function selectMe(obj)
{
  var lis = obj.parentNode.getElementsByTagName('li');
  for (var i=0; i<lis.length; i++)
  {
    if (lis[i] != obj)
    {
      lis[i].className='';
      lis[i].onclick = function()
      {
        selectMe(this);
      }
    }
    else
    {
      setVal(obj.selectID, obj.selIndex);
      obj.className='selected';
      obj.parentNode.className =
        obj.parentNode.className.replace(new RegExp(" selectOpen\\b"), '');
      hide('selectClose');
      obj.onclick = function()
      {
        obj.parentNode.className += ' selectOpen';
        show('selectClose',obj);
        this.onclick = function()
        {
          selectMe(this);
        }
      }
    }
  }
}

function setVal(objID, selIndex)
{
  var obj = document.getElementById(objID);
  obj.selectedIndex = selIndex;

  if(obj.id == 'change')
  {
  	document.getElementById('dinamic_price').innerHTML=good_prices[obj.value].price;
	if(document.getElementById('dinamic_price_d'))
		{
			document.getElementById('dinamic_price_d').innerHTML=good_d_prices[obj.value].price;
		}
  	good_name=good_prices[obj.value].name;
  }
}

function setForm()
{
  var s = document.getElementsByTagName('select');
  for (var i=0; i<s.length; i++)
  {
    selectReplacement(s[i],i);
  }
}

function show(id,obj)
{	el=document.getElementById(id);
	el.style.display = 'inline';
	el.style.visibility = 'visible';
	//el.style.height = document.body.scrollHeight;//opera,ie
	el.onclick = function()
	{		obj.parentNode.className =
        	obj.parentNode.className.replace(new RegExp(" selectOpen\\b"), '');
      	hide(id);
      	obj.onclick = function()
      	{
          obj.parentNode.className += ' selectOpen';
          show(id,obj);
          this.onclick = function()
          {
            selectMe(this);
          }
        }
  	}
}

function hide(id)
{	el=document.getElementById(id);
	el.style.display = 'none';
	el.style.visibility = 'hidden'
}
