//add url Hash access to open/close states
//add persistence/memory to open close state(s)?
//SWFAddress for project overlays
//Incorporate AJAX load of project data as well as loading animation/slide-in

//Fix toggle state for otherEl morph...CANNOT figure out how to do it on the same link as the myVerticalSlide.toggle(); design hacked for now.

//7/29 @ 4:30PM | 10 hours and counting...

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

	// We are setting the opacity of the element to 0.5 and adding two events
	$$('div.mouseElementContainer').each(function(el){
		var rollOver = el.getElement('.mouseElement');
		rollOver.set('morph', {duration: 500, transition: Fx.Transitions.Quint.easeOut});
		el.addEvents({
			mouseenter: function(){
				// This morphes the opacity and backgroundColor
				rollOver.morph({
					'opacity': 1,
					'margin-top': '140px'
				});
			},
			mouseleave: function(){
				// Morphes back to the original style
				rollOver.morph({
					'opacity': 0,
					'margin-top': '260px'
				});
			}
		});
	});

	// We are setting the opacity of the element to 0.5 and adding two events
	$$('div.photoMouseElementContainer').each(function(el){
		var rollOver = el.getElement('.photoMouseElement');
		rollOver.set('morph', {duration: 500, transition: Fx.Transitions.Quint.easeOut});
		el.addEvents({
			mouseenter: function(){
				// This morphes the opacity and backgroundColor
				rollOver.morph({
					'opacity': 1,
					'margin-top': '110px'
				});
			},
			mouseleave: function(){
				// Morphes back to the original style
				rollOver.morph({
					'opacity': 0,
					'margin-top': '200px'
				});
			}
		});
	});
	
	
	
	
	
	

});