google.setOnLoadCallback(function() {
	window.addEvent('domready', function() {
		flyOutMenu();		
		
		mailformField();
	});   
});


function flyOutMenu() {
	$each($$('ul.menu li'), function(element, index) {		
		$(element).addEvent('mouseenter', function(){   		
			$(this).getElements('ul').fade('in');    				
		});	

		$(element).addEvent('mouseleave', function(){   		
			$(this).getElements('ul').fade('out');    		
		});	
	});
}

/* ------- clear mailfrom value on first time click ------- */
function mailformField() {
	var mailform = $('mailform');
	
	// if mailform exist
	if($defined(mailform)) {
		// get all input fields
		var fields = mailform.getElements('input');
		// if input fields exist
		if($defined(fields)) {
			// run foreach field
			fields.each(function(e) {
				// if not submit button
				if(e.get('type') != 'submit') {
					// on focus
					e.addEvent('focus', function() {
						// if not focused clicked
						if(!e.hasClass('clicked')) {
							// clear value
							e.set('value', '');
							// set clicked class
							e.addClass('clicked');
						}
					});
				}
			});
		}
		// get all textareas
		var textareas = mailform.getElements('textarea');
		// if textareas exist
		if($defined(textareas)) {
			// run for each
			textareas.each(function(e) {
				// set on focus event
				e.addEvent('focus', function() {
					// if not focused before
					if(!e.hasClass('clicked')) {
						// clear value
						e.set('value', '');
						// set clicked class
						e.addClass('clicked');
					}
				});
			});
		}

	}
}