window.addEvent('domready', function(){

	SqueezeBox.assign($$('a.boxed'), {
	parse: 'rel'
});
var el = $('infoPane'),
	color = el.getStyle('backgroundColor');
var target =$('infoPane');

$('infoPane').set('opacity', 0.001).addEvents({
	mouseenter: function(){
		this.morph({
			'opacity': 0.7,
			'background-color': '#000',
			width: '510px'
		});
	},
	mouseleave: function(){
		this.morph({
			'opacity': 0.02,
			width: '510px',
			'background-color': color
		});
		
	}
});

$('colorSwatchPane').addEvents({
	'mouseenter': function(){
		this.set('tween', {
			duration: 1000,
			transition: Fx.Transitions.Cubic.easeInOut}).tween('width', '220px');
	},
	'mouseleave': function(){
		this.set('tween', {}).tween('width', '35px');
	}
});


});