Event.observe(window, 'load', function() {
		AC.ProductBrowser.init({
			categories: [ {id: 'pb-cat1', offset: 0}, {id: 'pb-cat2', offset: .500}, 
										{id: 'pb-cat3', offset: 0.999} ],
			imageOverlap: 0,
			sliderCentering: 120,
			initialCategory: 1,
			arrowScrollAmount: 0.0714
		}); 
	}, false);
	var freeDrawers = function(container) {
		return function() {
			if (!AC.Detector.isIEStrict()) {
				$(container).setStyle({height: 'auto'});
			}
		}
	}

	var createSlider = function(container, drawers, triggerEvent) {	
		var sliders = new AC.SlidingBureau($(container));
		for (var i = 0; i < drawers.length; i++) {
			var handle = drawers[i].getElementsByClassName('drawer-handle')[0];
			var content = drawers[i].getElementsByClassName('drawer-content')[0];
			var drawer = new AC.SlidingDrawer(content, handle, sliders, {
				triggerEvent: triggerEvent, triggerDelay: 120});
			sliders.addDrawer(drawer);
		}
		setTimeout(freeDrawers(container), 1000);
		
		return sliders;
	}

	Event.observe(window, 'load', function() {
		var triggerEvent = 'click';
		createSlider('boxes-links', $$("#boxes-links .drawers>li"), triggerEvent);
	});

	Event.observe(window, 'load', function() {
		var triggerEvent = 'click';
		createSlider('boxes-01', $$("#boxes-01 .drawers>li"), triggerEvent);
	});

	Event.observe(window, 'load', function() {
		var triggerEvent = 'click';
		createSlider('boxes-02', $$("#boxes-02 .drawers>li"), triggerEvent);
	});

	Event.observe(window, 'load', function() {
		var triggerEvent = 'click';
		createSlider('boxes-03', $$("#boxes-03 .drawers>li"), triggerEvent);
	});

	Event.observe(window, 'load', function() {
		var triggerEvent = 'click';
		createSlider('boxes-04', $$("#boxes-04 .drawers>li"), triggerEvent);
	});

	Event.observe(window, 'load', function() {
		var triggerEvent = 'click';
		createSlider('boxes-05', $$("#boxes-05 .drawers>li"), triggerEvent);
	});

	Event.observe(window, 'load', function() {
		var triggerEvent = 'click';
		createSlider('boxes-06', $$("#boxes-06 .drawers>li"), triggerEvent);
	});

	Event.observe(window, 'load', function() {
		var triggerEvent = 'click';
		createSlider('boxes-07', $$("#boxes-07 .drawers>li"), triggerEvent);
	});

	Event.observe(window, 'load', function() {
		var triggerEvent = 'click';
		createSlider('boxes-08', $$("#boxes-08 .drawers>li"), triggerEvent);
	});

	Event.observe(window, 'load', function() {
		var triggerEvent = 'click';
		createSlider('boxes-09', $$("#boxes-09 .drawers>li"), triggerEvent);
	});

	Event.observe(window, 'load', function() {
		var triggerEvent = 'click';
		createSlider('boxes-10', $$("#boxes-10 .drawers>li"), triggerEvent);
	});

	Event.observe(window, 'load', function() {
		var triggerEvent = 'click';
		createSlider('boxes-11', $$("#boxes-11 .drawers>li"), triggerEvent);
	});

	Event.observe(window, 'load', function() {
		var triggerEvent = 'click';
		createSlider('boxes-12', $$("#boxes-12 .drawers>li"), triggerEvent);
	});

	Event.observe(window, 'load', function() {
		var triggerEvent = 'click';
		createSlider('boxes-13', $$("#boxes-13 .drawers>li"), triggerEvent);
	});

	Event.observe(window, 'load', function() {
		var triggerEvent = 'click';
		createSlider('boxes-14', $$("#boxes-14 .drawers>li"), triggerEvent);
	});

	Event.observe(window, 'load', function() {
		var triggerEvent = 'click';
		createSlider('boxes-15', $$("#boxes-15 .drawers>li"), triggerEvent);
	});

	Event.observe(window, 'load', function() {
		var triggerEvent = 'click';
		createSlider('boxes-16', $$("#boxes-16 .drawers>li"), triggerEvent);
	});

	Event.observe(window, 'load', function() {
		var triggerEvent = 'click';
		createSlider('boxes-17', $$("#boxes-17 .drawers>li"), triggerEvent);
	});

	Event.observe(window, 'load', function() {
		var triggerEvent = 'click';
		createSlider('boxes-18', $$("#boxes-18 .drawers>li"), triggerEvent);
	});

	Event.observe(window, 'load', function() {
		var triggerEvent = 'click';
		createSlider('boxes-19', $$("#boxes-19 .drawers>li"), triggerEvent);
	});

	Event.observe(window, 'load', function() {
		var triggerEvent = 'click';
		createSlider('boxes-20', $$("#boxes-20 .drawers>li"), triggerEvent);
	});

	Event.observe(window, 'load', function() {
		var triggerEvent = 'click';
		createSlider('boxes-21', $$("#boxes-21 .drawers>li"), triggerEvent);
	});

	Event.observe(window, 'load', function() {
		var triggerEvent = 'click';
		createSlider('boxes-22', $$("#boxes-22 .drawers>li"), triggerEvent);
	});