var Cart = {
    id: 0,
    init: function(){
        $$('.chooseColor').each(function(el){
            Event.observe(el, 'change', Cart.chooseColor);
        });
        $$('.chooseAmount').each(function(el){
            Event.observe(el, 'change', Cart.changePrice);
        });
    },
    chooseColor: function(el){
        var el = Event.element(el);
        Cart.id = el.id.gsub(/color_(\d*)_(.*)/, function(match){
		
            return match[1];
        });
		var orderId = el.id.gsub(/color_(\d*)_(.*)/, function(match){
            return match[2];
        });
        new Ajax.Request("/products/ajax-get-sizes/product-id/" + Cart.id + "/color-id/" + $('color_' + Cart.id + '_' + orderId).value, {
            onSuccess: function(tr){
                var chooseSize = $('size_' + Cart.id + '_' + orderId);
                
                var choosenSize = chooseSize.value;
                var options = "";
                var sizes = tr.responseJSON;
                sizes.each(function(el){
                    options += '<option value="' + el.size + '" ' + ((choosenSize == el.size) ? 'selected="selected"' : '') + '>' + el.size_name + '</option>';
                });
                chooseSize.innerHTML = options;
            }
        });
        
    },
    changePrice: function(el){
        var el = Event.element(el);
        var id = el.id.gsub(/amount_(\d*)/, function(match){
            return match[1];
        });
      //  alert(id);
        var amount = el.value;
        var value = parseFloat($('price_' + id).innerHTML) * amount;
        $('value_'+id).innerHTML = value.toFixed(2);
		var orderValue = 0;
		$$('.positionValue').each(function(el){
			orderValue += parseFloat(el.innerHTML);
		});
		$('orderValue').innerHTML = orderValue.toFixed(2);
        
    }
}
Event.observe(window, 'load', Cart.init);