window.addEvent('domready', function() {									 
	// set gallery style on load
	if($$('#galleryWrapper div a img')){
		
		$$('#galleryWrapper div a img').setStyle('opacity',0);							 
		 
		// fade gallery thumbs on domready	
		$$('#galleryWrapper div a img').addEvents({
				'domready': function(){
					this.set('tween', {
						duration: 1500,
						transition: Fx.Transitions.Quad.easeOut
					}).tween('opacity', .5);
				},
				'mouseleave': function(){
					this.set('tween', {}).tween('opacity', .5);
				}
		});
		
		// fade gallery thumbs on hover
		$$('#galleryWrapper div a img').addEvents({
				'mouseenter': function(){
					this.set('tween', {
						duration: 500,
						transition: Fx.Transitions.Quad.easeOut 
					}).tween('opacity', 1);
				},
				'mouseleave': function(){
					this.set('tween', {}).tween('opacity', .5);
				}
		});
	}

	// make dropdown ie compatible
	$$('#mainNav ul .parentMenu').addEvents({
		'mouseenter': function(){
			$$('#mainNav ul .parentMenu ul').setStyle('opacity' , 0);
			$$('#mainNav ul .parentMenu ul').setStyle('display' , 'block');
			$$('#mainNav ul .parentMenu a').setStyle('background-position' , 'bottom');
			$$('#mainNav ul .parentMenu ul').set('tween', {
					duration: 500,
					transition: Fx.Transitions.Quad.easeOut
				}).tween('opacity', 1);
		},
		'mouseleave': function(){
			$$('#mainNav ul .parentMenu a').setStyle('background-position' , ' center 50px');
			$$('#mainNav ul .parentMenu ul').set('tween', {
					duration: 250,
					transition: Fx.Transitions.Quad.easeOut, 
					onComplete: function(){
						$$('#mainNav ul .parentMenu ul').setStyle('display' , 'none');
						$$('#mainNav ul .parentMenu ul').setStyle('opacity' , 1);						
					}
				}).tween('opacity', 0);
			
		}
	});
// make dropdown ie compatible
	$$('#mainNav ul .parentMenu2').addEvents({
		'mouseenter': function(){
			$$('#mainNav ul .parentMenu2 ul').setStyle('opacity' , 0);
			$$('#mainNav ul .parentMenu2 ul').setStyle('display' , 'block');
			$$('#mainNav ul .parentMenu2 a').setStyle('background-position' , 'bottom');
			$$('#mainNav ul .parentMenu2 ul').set('tween', {
					duration: 500,
					transition: Fx.Transitions.Quad.easeOut
				}).tween('opacity', 1);
		},
		'mouseleave': function(){
			$$('#mainNav ul .parentMenu2 a').setStyle('background-position' , ' center 50px');
			$$('#mainNav ul .parentMenu2 ul').set('tween', {
					duration: 250,
					transition: Fx.Transitions.Quad.easeOut, 
					onComplete: function(){
						$$('#mainNav ul .parentMenu2 ul').setStyle('display' , 'none');
						$$('#mainNav ul .parentMenu2 ul').setStyle('opacity' , 1);						
					}
				}).tween('opacity', 0);
			
		}
	});


// make dropdown ie compatible
	$$('#mainNav ul .parentMenu3').addEvents({
		'mouseenter': function(){
			$$('#mainNav ul .parentMenu3 ul').setStyle('opacity' , 0);
			$$('#mainNav ul .parentMenu3 ul').setStyle('display' , 'block');
			$$('#mainNav ul .parentMenu3 a').setStyle('background-position' , 'bottom');
			$$('#mainNav ul .parentMenu3 ul').set('tween', {
					duration: 500,
					transition: Fx.Transitions.Quad.easeOut
				}).tween('opacity', 1);
		},
		'mouseleave': function(){
			$$('#mainNav ul .parentMenu3 a').setStyle('background-position' , ' center 50px');
			$$('#mainNav ul .parentMenu3 ul').set('tween', {
					duration: 250,
					transition: Fx.Transitions.Quad.easeOut, 
					onComplete: function(){
						$$('#mainNav ul .parentMenu3 ul').setStyle('display' , 'none');
						$$('#mainNav ul .parentMenu3 ul').setStyle('opacity' , 1);						
					}
				}).tween('opacity', 0);
			
		}
	});
	
	// quick login stuff
	var loginShow = false;
	$('quickLoginPin').value = "Session Pin";
	$('quickLoginPin').addEvents({
			'focus': function(){
				formPassword = '<form action="ordering.php" method="post" name="loginForm"> <label for="quickLoginPin">Enter Session number</label> <input type="password" id="quickLoginPin" name="g" class="textbox" value="" /> <input type="image" id="quickLoginSubmit" src="css/images/go.gif" height="20" align="absmiddle" width="36" alt="Login" /> </form>';
				$('quickLogin').set('html',formPassword);
				$('quickLoginPin').focus();
		},
			'blur': function(){
				formText = '<form action="ordering.php" method="post" name="loginForm"><label for="quickLoginPin">Enter Session number</label><input type="text" id="quickLoginPin" name="g" class="textbox" value="Session Pin" /><input type="image" id="quickLoginSubmit" src="css/images/go.gif" align="absmiddle" alt="Login" /></form>';
				$('quickLogin').set('html',formText);
				
		}
	});
	
	$$('#linkLogin').addEvents({
			'click': function(event){
			event.stop();
			if(loginShow == false){
				$('quickLogin').setStyle('display' , 'block');
				$('linkLogin').setStyle('background-position' , 'bottom');
				loginShow = true;
			}else{
				$('linkLogin').setStyle('background-position' , '50px');
				$('quickLogin').setStyle('display' , 'none');
				loginShow = false;
			}
		}
	});
	
	if($('bookingTable')){
	// booking table hover
	$$('#bookingTable .row').addEvents({
			'mouseenter': function(){
				this.set('tween', {
					duration: 250,
					transition: Fx.Transitions.Quad.easeOut 		
					
				}).tween('background-color', '#fdebf3');
			},
			'mouseleave': function(){
				this.set('tween', {}).tween('background-color','#ffffff');
		}
	});
	}
		
	// form hover	
	$$('.formRow').addEvents({
			'mouseenter': function(){
				this.set('tween', {
					duration: 250,
					transition: Fx.Transitions.Quad.easeOut
				}).tween('background-color','#cce8ea');
			},
			'mouseleave': function(){
				this.set('tween', {}).tween('background-color','#ffffff');
			}
	});

		
});