$j(document).ready(function(){
	var slidePanel = new slidePanelInstance();
	slidePanel.init();
	
});
function slidePanelInstance(){};
slidePanelInstance.prototype = {
	init : function(){
		var o = this;
		o.component = $j('#SlidePanel');
		o.stage = $j('#Stage',o.component);
		o.items = $j('.stage-item',o.component);
		o.slideTriggerItems = $j('#SlideTriggers li', o.component)
		o.slideTriggers = $j('#SlideTriggers li a', o.component);
		o.render();
	},
	render : function() {
		var o = this;
		$j('.back-to-top',o.component).hide();
		o.items.css({ margin: '0 20px 0 0' });
		o.stage.css({ width:  (parseInt(pixelTrim(o.items.css('width'))) + 20) * o.items.length });
		o.component.localScroll({
			target: '#ScrollPane',
			axis: 'x'
	});
	o.events();
	},
	events : function(){
		var o = this;
		o.slideTriggers.click(function(){
			o.slideTriggerItems.removeClass('active');
			$j(this).parent().addClass('active');
		});
	}
}