window.addEvent('domready', function(){
	//First Example
	var el = $('myElement'),
		color = el.getStyle('backgroundColor');
	
	// We are setting the opacity of the element to 0.5 and adding two events
	$('myElement').set('opacity', 0.5).addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			this.morph({
				'opacity': 1,
				'background-color': '#c6d880'
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				opacity: 0.5,
				backgroundColor: color
			});
		}
	});

	// Second Example
	
	// The same as before: adding events
	$('myOtherElement').addEvents({
		'mouseenter': function(){
			// Always sets the duration of the tween to 1000 ms and a bouncing transition
			// And then tweens the height of the element
			this.set('tween', {
				duration: 1000,
				bounce: Fx.Transitions.Bounce.out // This could have been also 'bounce:out'
				
			}).tween('height', '305px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '39px');
		}
	});
});

////Customer Feedback
//var myHorizontalSlide ;
//window.addEvent('domready', function() {
//	var status = {
//		'true': 'open',
//		'false': 'close'
//	};
//	
//	//--horizontal
//	
//     myHorizontalSlide = new Fx.Slide('horizontal_slide', {mode: 'horizontal'});
//	$('h_slidein').addEvent('click', function(e){
//		e.stop();
//		myHorizontalSlide.slideIn();
//		setTimeout("ShowCust()",400);
//	});
//
//	$('h_slideout').addEvent('click', function(e){
//		e.stop();
//		myHorizontalSlide.slideOut();
//		 
//	});
//	 
//	myHorizontalSlide.hide();
//	document.getElementById('horizontal_slide').style.display="block";
// });