var oldSelect;
function setSel(name, val) {
  var sel =$('#' + name)[0];
  for ( var i=0; i<sel.options.length; i++)  {
    if (sel.options[i].value==val) {
      sel.options[i].selected = true;
      break;
    }
  }
}

function getSizeValue() {
  var sel =$('#sel_size')[0];
  return sel.options[sel.selectedIndex].value;
}

function getColorValue() {
  var sel =$('#sel_color')[0];
  return sel.options[sel.selectedIndex].value;
}

function getSC(str) {
  var pos = str.indexOf('c');
  var size = str.substring(1, pos);
  var color = str.substring(pos+1);
  setSel('sel_size', size);
  setSel('sel_color', color);
}

function onItemClick () {
    getSC(this.id);
    if (oldSelect) {
      oldSelect.removeClass('shop-sizes-down').addClass('shop-sizes-green');
    }
    oldSelect = $(this);
    oldSelect.removeClass('shop-sizes-green').addClass('shop-sizes-down');
    //$('#cart')[0].disabled = false;
}

function onSelectChange () {
  var cell = $('#s' + getSizeValue() + 'c' + getColorValue());
    if (oldSelect) {
      oldSelect.removeClass('shop-sizes-down').addClass('shop-sizes-green');
    }  
  if (!cell.hasClass('shop-sizes-red')) {    
    oldSelect = cell;
    oldSelect.removeClass('shop-sizes-green').addClass('shop-sizes-down');
    //$('#cart')[0].disabled = false;
  } //else $('#cart')[0].disabled = true;
}

function onSizeClick() {
	$("#sel_size")[0].options.selectedIndex = $(this).attr('val');
	onSelectChange();
}

function onColorClick() {
	$("#sel_color")[0].options.selectedIndex = $(this).attr('val');
	onSelectChange();
}