function update() {				
							var quantity = 0;
							var total = 0;
							var totalprice = 0;
							//alert(document.getElementById('prodoverview'));
							//var arrElements = getElementsByClassName('dvitem', 'tr', document.getElementById('prodoverview'));
							var arrElements = getElementsByClassName('dvitem', 'tr');

							var ttotal = 0;		

							for (var i = 0; i < arrElements.length; i++) {
								var tablerow = arrElements[i];
								var dropdown = getElementsByClassName('ddquantity', 'select', tablerow)[0];
								var lineitemquantity = parseInt(dropdown.value);

								ttotal = ttotal + lineitemquantity;
								var productid = dropdown.name.split('.')[1];
								var pricelabel = document.getElementById('price.' + productid);
								var price = parseInt(pricelabel.value);
								var lineitemtotal = lineitemquantity * price;

								totalprice = totalprice + lineitemtotal;
								var lbname = 'total.' + productid;

								var totalpricelabel = document.getElementById(lbname);
								
								
							
								totalpricelabel.innerHTML = '&euro; ' + (lineitemtotal/100).toFixed(2).replace('.', ',');
								}

        document.getElementById('lbPrice').innerHTML = '&euro; ' + (totalprice/100).toFixed(2).replace('.', ',');
        document.getElementById('lbQuantity').innerHTML = ttotal + ' stuks';
							
						}

						
						
/*
	Developed by Robert Nyman, http://www.robertnyman.com
	Code/licensing: http://code.google.com/p/getelementsbyclassname/
*/
var getElementsByClassName = function (className, tag, elm){
	if (document.getElementsByClassName) {
		getElementsByClassName = function (className, tag, elm) {
			elm = elm || document;
			var elements = elm.getElementsByClassName(className),
				nodeName = (tag)? new RegExp("\\b" + tag + "\\b", "i") : null,
				returnElements = [],
				current;
			for(var i=0, il=elements.length; i<il; i+=1){
				current = elements[i];
				if(!nodeName || nodeName.test(current.nodeName)) {
					returnElements.push(current);
				}
			}
			return returnElements;
		};
	}
	else if (document.evaluate) {
		getElementsByClassName = function (className, tag, elm) {
			tag = tag || "*";
			elm = elm || document;
			var classes = className.split(" "),
				classesToCheck = "",
				xhtmlNamespace = "http://www.w3.org/1999/xhtml",
				namespaceResolver = (document.documentElement.namespaceURI === xhtmlNamespace)? xhtmlNamespace : null,
				returnElements = [],
				elements,
				node;
			for(var j=0, jl=classes.length; j<jl; j+=1){
				classesToCheck += "[contains(concat(' ', @class, ' '), ' " + classes[j] + " ')]";
			}
			try	{
				elements = document.evaluate(".//" + tag + classesToCheck, elm, namespaceResolver, 0, null);
			}
			catch (e) {
				elements = document.evaluate(".//" + tag + classesToCheck, elm, null, 0, null);
			}
			while ((node = elements.iterateNext())) {
				returnElements.push(node);
			}
			return returnElements;
		};
	}
	else {
		getElementsByClassName = function (className, tag, elm) {
			tag = tag || "*";
			elm = elm || document;
			var classes = className.split(" "),
				classesToCheck = [],
				elements = (tag === "*" && elm.all)? elm.all : elm.getElementsByTagName(tag),
				current,
				returnElements = [],
				match;
			for(var k=0, kl=classes.length; k<kl; k+=1){
				classesToCheck.push(new RegExp("(^|\\s)" + classes[k] + "(\\s|$)"));
			}
			for(var l=0, ll=elements.length; l<ll; l+=1){
				current = elements[l];
				match = false;
				for(var m=0, ml=classesToCheck.length; m<ml; m+=1){
					match = classesToCheck[m].test(current.className);
					if (!match) {
						break;
					}
				}
				if (match) {
					returnElements.push(current);
				}
			}
			return returnElements;
		};
	}
	return getElementsByClassName(className, tag, elm);
};			

                var Carousel = {
                               init: function() {
                                               this.index = 0;
                                               this.root = $('#visual');
                                               this.carousel = this.root.find('.carousel');
                                               this.height = this.carousel.height();
                                               this.list = this.carousel.children('ul');
                                               this.length = this.list.children('li').length;
                                               this.carousel.hover(
                                                               this.stop.bind(this),
                                                               this.start.bind(this)
                                               );
                                               this.start();
                               },
                               start: function() {
                                               this.stop();
            this.timer = setInterval(this.next.bind(this), 5000);
                                },
                               stop: function() {
                                               clearInterval(this.timer);
                               },
                               next: function() {
                                               this.index++;
                                               if (this.index >= this.length) {
                                                               this.index = 0;
                                               }
                                               this.animate();
        },
                               animate: function() {
                                               this.list.animate({
                                                               top: this.height * this.index * -1
                                               });
                               }
                }
                $(function() {
                              Carousel.init();
                });