
window.addEvent('domready', function(){
// Mouse Enter:  Top Regi


	$('register').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: 600,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('height', '280px');
			$('mainVideoMovie').fade(0);
		},
		
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			this.set('tween', {}).tween('height', '50px');
			$('mainVideoMovie').fade(1);
		}
	});
	
	
	
	 //The second Event........Fade and Tween.....
	//var el = new FX.Morph($('TaRCont'), {duration:700, transition: FX.Transitions.elasticInOut});
	
	// Short version
	$('TaL').addEvent('click', function(){
			
			new Fx.Tween($('TaRCont'), {duration:600}).start('opacity', 1, 0);
										
										});
	
		
	$('TaR').addEvent('click', function() {
		// You often will need to stop propagation of the event
		new Fx.Tween($('TaRCont'), {duration:600}).start('opacity', 0, 1);
	});

	
	
	// The third Event Slider............
	
 var el = $('myFS'),
     font = $('mainContent');
 
	// Create the new slider instance
	new Slider(el, el.getElement('.knob'), {
		steps: 18,	// There are 35 steps
		range: [10],	// Minimum value is 8
		onChange: function(value){
			// Everytime the value changes, we change the font of an element
			font.setStyle('font-size', value);
		}
	}).set(font.getStyle('font-size').toInt());
	
	// The Forth Event........ Left Slide Menu....................
	 color = $('mSearchCont').setOpacity(0);
  
  $('mSearch').addEvent('mouseover', function(e) {
					e.stop();						  
					new Fx.Tween($('mSearch'), {duration:500}).start('opacity', 1, 0.5);
					new Fx.Tween($('mSearchCont'), {duration:300}).start('opacity', 1 );
											  });
  $('mSearch').addEvent('mouseout', function(e) {
					e.stop();						  
					new Fx.Tween($('mSearch'), {duration:500}).start('opacity', 0.5, 1 );
											  });
  
   $('mSearch').addEvent('click', function(e) {
					e.stop();						  
					new Fx.Tween($('mSearchCont'), {duration:500}).start('opacity', 0 );
											  });
// The Forth Event........ Left Slide Menu....................End...............

//........................... Fifth Togle Slide...............
	

	
	
	//........................... Sixth Bottom Menu...............
	

	
	
	
});







