var morphStart = function(){
	this.start({
		'opacity': '1',
		'bottom': '20'
	});
}
 
 
var morphReset = function(){
	this.start({
		'opacity': '0.7',
		'bottom': '0'
	});
}

var morphRefStart = function(){
	this.start({
		'opacity': '1',
		'top': '20'
	});
}
 
 
var morphRefReset = function(){
	this.start({
		'opacity': '0.7',
		'top': '0'
	});
}




window.addEvent('domready', function() {
	var selectPhotography = $('button_wrap').getElement('.photography');
 	var morphPhotography = new Fx.Morph(selectPhotography, {
    		duration: 500,
    		link: 'cancel',
       		transition: 'back:in:out'
	});
	var selectRefPhotography = $('reflection_wrap').getElement('.photography_ref');
 	var morphRefPhotography = new Fx.Morph(selectRefPhotography, {
    		duration: 500,
    		link: 'cancel',
       		transition: 'back:in:out'
	});
	$('button_wrap').getElement('.photography').addEvent('mouseenter', morphStart.bind(morphPhotography));
	$('button_wrap').getElement('.photography').addEvent('mouseleave', morphReset.bind(morphPhotography));
	$('button_wrap').getElement('.photography').addEvent('mouseenter', morphRefStart.bind(morphRefPhotography));
	$('button_wrap').getElement('.photography').addEvent('mouseleave', morphRefReset.bind(morphRefPhotography));
	
	var selectNewMedia = $('button_wrap').getElement('.new_media');
 	var morphNewMedia = new Fx.Morph(selectNewMedia, {
    		duration: 500,
    		link: 'cancel',
    		transition: 'back:in:out'
	});
	var selectRefNewMedia = $('reflection_wrap').getElement('.new_media_ref');
 	var morphRefNewMedia = new Fx.Morph(selectRefNewMedia, {
    		duration: 500,
    		link: 'cancel',
       		transition: 'back:in:out'
	});
	$('button_wrap').getElement('.new_media').addEvent('mouseenter', morphStart.bind(morphNewMedia));
	$('button_wrap').getElement('.new_media').addEvent('mouseleave', morphReset.bind(morphNewMedia));
	$('button_wrap').getElement('.new_media').addEvent('mouseenter', morphRefStart.bind(morphRefNewMedia));
	$('button_wrap').getElement('.new_media').addEvent('mouseleave', morphRefReset.bind(morphRefNewMedia));
	
	var selectDesign = $('button_wrap').getElement('.design');
 	var morphDesign = new Fx.Morph(selectDesign, {
    		duration: 500,
    		link: 'cancel',
       		transition: 'back:in:out'
	});
	var selectRefDesign = $('reflection_wrap').getElement('.design_ref');
 	var morphRefDesign = new Fx.Morph(selectRefDesign, {
    		duration: 500,
    		link: 'cancel',
       		transition: 'back:in:out'
	});
	$('button_wrap').getElement('.design').addEvent('mouseenter', morphStart.bind(morphDesign));
	$('button_wrap').getElement('.design').addEvent('mouseleave', morphReset.bind(morphDesign));
	$('button_wrap').getElement('.design').addEvent('mouseenter', morphRefStart.bind(morphRefDesign));
	$('button_wrap').getElement('.design').addEvent('mouseleave', morphRefReset.bind(morphRefDesign));
	
	var selectPrint = $('button_wrap').getElement('.print');
 	var morphPrint = new Fx.Morph(selectPrint, {
    		duration: 500,
    		link: 'cancel',
       		transition: 'back:in:out'
	});
	var selectRefPrint = $('reflection_wrap').getElement('.print_ref');
 	var morphRefPrint = new Fx.Morph(selectRefPrint, {
    		duration: 500,
    		link: 'cancel',
       		transition: 'back:in:out'
	});
	$('button_wrap').getElement('.print').addEvent('mouseenter', morphStart.bind(morphPrint));
	$('button_wrap').getElement('.print').addEvent('mouseleave', morphReset.bind(morphPrint));
	$('button_wrap').getElement('.print').addEvent('mouseenter', morphRefStart.bind(morphRefPrint));
	$('button_wrap').getElement('.print').addEvent('mouseleave', morphRefReset.bind(morphRefPrint));
	
	var selectProperty = $('button_wrap').getElement('.property');
 	var morphProperty = new Fx.Morph(selectProperty, {
    		duration: 500,
    		link: 'cancel',
       		transition: 'back:in:out'
	});
	var selectRefProperty = $('reflection_wrap').getElement('.property_ref');
 	var morphRefProperty = new Fx.Morph(selectRefProperty, {
    		duration: 500,
    		link: 'cancel',
       		transition: 'back:in:out'
	});
	$('button_wrap').getElement('.property').addEvent('mouseenter', morphStart.bind(morphProperty));
	$('button_wrap').getElement('.property').addEvent('mouseleave', morphReset.bind(morphProperty));
	$('button_wrap').getElement('.property').addEvent('mouseenter', morphRefStart.bind(morphRefProperty));
	$('button_wrap').getElement('.property').addEvent('mouseleave', morphRefReset.bind(morphRefProperty));

});