function buildingUrl(url, var_gencode, retailer_ref, var_quantity, var_product, back) {
  var destination = url + '?' + var_gencode + '=' + retailer_ref + '&' + var_quantity + '=' + quantity + '&' + var_product + '=' + back;
  if(quantity>5) {
    alert('You can`t order more than 5 products');
    //return false;
    }
  else if(quantity<1)  {
         alert('You can`t order less than 1 product');
         }
       else {
         document.location = destination;
            }
 }

var id_teint = 'null';

function getTeint(obj)  {
    if(obj.id != 'ml_') {
      document.getElementsByName("teint_0")[0].className = "woborder";
      if(id_teint != 'null')  {
        document.getElementById(id_teint).className = "woborder";
        document.getElementById(id_teint.substring(3,id_teint.length)).style.display="none";
      }
      else {
        document.getElementsByClassName('underlinksbuyoptionsline1')[0].style.display="none";
      }

      id_teint = obj.id;
      document.getElementById(id_teint).className = "wborder";
      document.getElementById(id_teint.substring(3,id_teint.length)).style.display="block";
      document.getElementById(id_teint.substring(3,id_teint.length)).className="underlinksbuyoptionsline1";
    }
}



function switchTeint(obj) {
  // images placeholder
  var teintsContainer = document.getElementById('teintsContainer');
  // list all images
  var teintsImgs = teintsContainer.getElementsByTagName('img');

  // values placeholder (select menu)
  var teintList       = document.getElementById('teintList');


  var basketLinksContainer = document.getElementById('basketLinks');

  var basketLinks = basketLinksContainer.getElementsByTagName('div');

  // reset all borders
  for(i=0;i<teintsImgs.length;i++) {
    teintsImgs[i].className = 'teintImg woborder';
  }

  // switch off any price container
  // reset all borders
  for(i=0;i<basketLinks.length;i++) {
    basketLinks[i].style.display = 'none';
  }

  switch(obj.tagName.toUpperCase()) {
    case 'IMG':
      // update select menu
      var gencode = obj.id.toString().replace('teint_', '');
      //alert(obj.className);
      obj.className = 'teintImg wborder';

      for(i=0;i<teintList.options.length;i++) {
        if(teintList.options[i].value == gencode) {
          //alert('index '+i);
          teintList.options[i].selected = 'selected';
        }
      }
      document.getElementById('sp_'+gencode).style.display = 'block';
    break;
    case 'SELECT':
    case 'SELECT-ONE':
      var gencode  = teintList.options[teintList.selectedIndex].value;
      var toEnable = 'teint_' + gencode;
      document.getElementById(toEnable).className = 'teintImg wborder';
      document.getElementById('sp_'+gencode).style.display = 'block';
      // update img class
    break;
    default:
      //alert(obj.tagName);
  }
}



function basketButtons(newButton) {
  basketButtons = getElementsByClassName('basket');
  if(basketButtons.length==0) {
    basketButtons = getElementsByClassName('makeupbasket');
  }
  for(i=0;i<basketButtons.length;i++) {
    try {
      var basketImg = basketButtons[i].getElementsByTagName('img');
      basketImg[0].src = newButton;
    } catch(e) {
      // whatever
    }
  }

}