var Product = {
    init: function(){
		
        $$('.tab').each(function(el){
            Event.observe(el, 'click', Product.toggleInfoTab);
        });
        if ($('chooseColor')) { // nie perfumy
            Event.observe($('chooseColor'), 'change', Product.chooseColor);
            Event.observe($('chooseSize'), 'change', Product.chooseSize);
        }

        Event.observe($('addToCartForm'), 'submit', Product.addToCart);
    },
    
    chooseColor: function(){
        var loc = document.location.toString();
        var id = loc.gsub(/(.*)\/produkt\/([0-9]*)(.*)/, function(match){
            return match[2];
        });
        new Ajax.Request("/products/ajax-get-sizes/product-id/" + id + "/color-id/" + $('chooseColor').value, {
            onSuccess: function(tr){
                var chooseSize = $('chooseSize');
                var options = "";
                var sizes = tr.responseJSON;
                sizes.each(function(el){
                    options += '<option value="' + el.size + '">' + el.size_name + '</option>';
                });
                chooseSize.innerHTML = options;
                chooseSize.disabled = false;
            }
        });
        
    },
    
    chooseSize: function(){
    
    },
    addToCart: function(ev){
        if (!$F('chooseSize')) {
            alert("Aby dodać produkt do koszyka wybierz rozmiar, kolor oraz ilość");
            Event.stop(ev);
        }
    },
    toggleInfoTab: function(ev){
        var el = Event.element(ev);
        $$('.active').each(function(el){
            el.removeClassName('active');
        });
        var index = $$('.tab').indexOf(el);
        $$('.additionalDataTab').each(function(el){
            el.hide();
        });
        $$('.additionalDataTab')[index].show();
        el.addClassName('active');
        Event.stop(ev);
    }

}
Event.observe(window, 'load', Product.init);