var layerOpacity = 60;

ProductList = Class.create();
ProductList.prototype = {
    initialize: function(config){
        this.config = config;
        this.initExpressLayer();
    },
    controlButton: function(element, classNames){
    	element.className = '';
    	
    	for(x = 0; x < classNames.length; x++){
    		element.addClassName(classNames[x]);
    	}
    	element.addClassName('playbutton');
    },
    
    initExpressLayer: function(){
		config = {
			fixed: false,
			backgroundColor: "#FFF",
			opacity: layerOpacity,
			content: new Element('img', {src: '/skin/frontend/default/kiddinx/images/loading.gif', alt: 'loading', title: 'loading'})
		}
    	this.expressLayer = new Layer(config);
    },
    
    showExpress: function(productId){
    	this.expressLayer.open();
    	var layer = this.expressLayer;
    	url = '/catalog/product/expressview';
    	params = {'id':productId};
    	new Ajax.Request(url, {
			method: 'post',
			parameters: params,
			onSuccess: function(transport) {
				response = transport.responseText;
				layer.update(response);
			}
		});
    },
    
    cartAjaxRequest: function(url, cartParameters){
    	var cartajax = $('shopping-cart');
    	var layer = this.expressLayer;
		new Ajax.Request(url, {
			method: 'post',
			parameters: cartParameters,
			onSuccess: function(transport) {
				response = transport.responseJSON;
				messageElement = cartajax.down('.cart-info-message');
				messageElement.update(response.message);
				messageElement.removeClassName('error');
				messageElement.removeClassName('success');
				if(response.messagecode == 1){
					messageElement.addClassName('success');
				}
				if(response.messagecode == 0){
					messageElement.addClassName('error');
				}
				cartInfoElement = cartajax.down('.cart-infos');
				cartInfoElement.update(response.cartdetails);
				layer.update(cartajax);
				new Ajax.Request('/checkout/cart/reload', { 
					method: 'post', 
					onSuccess: function(transport){
						$$('.top-cart')[0].update(transport.responseText); 
					}
				});
			}
		});
    }
}
var productOverlay;

document.observe("dom:loaded", function() {
	productList = new ProductList();
});