<form id="gold-selector" name="gold-selector">
    	<div id="gold-selector-background">
        <select name="gold-selector-slider" id="gold-selector-slider">


	  <option value="1">1M</option>
	  <option value="2">2M</option>
	  <option value="3">3M</option>
	  <option value="4">4M</option>
	  <option value="5">5M</option>
	  <option value="6">6M</option>
	  <option value="7">7M</option>
	  <option value="8">8M</option>
	  <option value="9">9M</option>
	  <option value="10">10M</option>
	  <option value="11">11M</option>
	  <option value="12">12M</option>
	  <option value="13">13M</option>
	  <option value="14">14M</option>
	  <option value="15">15M</option>
	  <option value="16">16M</option>
	  <option value="18">18M</option>
	  <option value="20">20M</option>
	  <option value="25">25M</option>
	  <option value="30">30M</option>
	  <option value="35">35M</option>
	  <option value="40">40M</option>
	  <option value="45">45M</option>
	  <option value="50">50M</option>
	  <option value="60">60M</option>
	  <option value="70">70M</option>
	  <option value="80">80M</option>
	  <option value="90">90M</option>
	  <option value="100">100M</option>
	  <option value="150">150M</option>
	  <option value="200">200M</option>
	  <option value="250">250M</option>
	  <option value="300">300M</option>
	  <option value="350">350M</option>
	  <option value="400">400M</option>
	  <option value="500">500M</option>
	  <option value="600">600M</option>
	  <option value="700">700M</option>
	  <option value="800">800M</option>
	  <option value="900">900M</option>
	  <option value="1000">1000M</option>        </select>
        <select name="gold-selector-slider-prices" id="gold-selector-slider-prices">


	  <option>€0.99</option>
	  <option>€1.98</option>
	  <option>€2.97</option>
	  <option>€3.96</option>
	  <option>€4.95</option>
	  <option>€5.94</option>
	  <option>€6.93</option>
	  <option>€7.92</option>
	  <option>€8.91</option>
	  <option>€9.90</option>
	  <option>€10.49</option>
	  <option>€11.48</option>
	  <option>€12.47</option>
	  <option>€13.46</option>
	  <option>€14.45</option>
	  <option>€15.44</option>
	  <option>€16.21</option>
	  <option>€17.69</option>
	  <option>€20.25</option>
	  <option>€22.50</option>
	  <option>€24.75</option>
	  <option>€27.00</option>
	  <option>€30.24</option>
	  <option>€31.99</option>
	  <option>€44.49</option>
	  <option>€48.29</option>
	  <option>€51.19</option>
	  <option>€54.09</option>
	  <option>€62.00</option>
	  <option>€63.00</option>
	  <option>€74.00</option>
	  <option>€124.00</option>
	  <option>€142.00</option>
	  <option>€160.00</option>
	  <option>€202.00</option>
	  <option>€239.00</option>
	  <option>€299.00</option>
	  <option>€320.00</option>
	  <option>€390.00</option>
	  <option>€478.00</option>
	  <option>€610.00</option>        </select>
      </div>
      <span id="equalsign">=</span>
      <input type="text" name="gold-price" id="gold-price">
      <input type="submit" id="buy-now-cart" value="Buy now" onclick="updateCart(); return false;">
    </form>


$('#gold-selector-slider').selectToUISlider({
                labels: 11,
		sliderOptions: {
			change: function() {
				var priceIndex = $("#gold-selector-slider").prop("selectedIndex");
				var priceValue = $("#gold-selector-slider-prices option:eq("+priceIndex+")").val();
				$("#gold-price").val(priceValue);
			}
		}
	});
	$('#slider').cycle({
		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
	
	function updateCart() {
		var sel = document.getElementById("gold-selector-slider");
		var option = sel.options[sel.selectedIndex];
		
		addToCart(option.value);
	}
		
	function addToCart(amount) {
		var xmlhttp;
		if (window.XMLHttpRequest) {
			// code for IE7+, Firefox, Chrome, Opera, Safari
			xmlhttp = new XMLHttpRequest();
		} else {
			// code for IE6, IE5
			xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		}
		
		xmlhttp.onreadystatechange = function() 
		{
			if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
				document.getElementById("calc-cart-form").innerHTML = xmlhttp.responseText;
			}
		};
		
		xmlhttp.open("GET", "cart.php?do=add&amount=" + amount, true);
		xmlhttp.send();
	}