function Menu(menuItemArray) {
	
	function initialize() {
		for (var i = 0; i < menuItemArray.length; i++) {
			Event.observe(menuItemArray[i], 'click', setSelected);
		}
	}
	
	function clear() {
		for (var i = 0; i < menuItemArray.length; i++)
			$(menuItemArray[i]).removeClassName('selected');
	}
	
	function setSelected(event) {
		clear();
		var sender = Event.element(event);
		$(sender).addClassName('selected');
	}
	
	initialize();
}


var panel;
var menu;

/*
 * Loading panel initialization
 */
function initialize() {
	panel = new FixedPanel();
	panel.setHeader('Loading, please wait...');
	panel.setContent('<div align=\"center\"><img src=\"images/loading.gif\"/></div>');
	panel.setWidth(200);
	menu = new Menu(['FAQMenu', 'LogoDesignsMenu', 'CorporateIdentityMenu', 'WebDesignMenu', 'OtherMenu', 'ContactUsMenu', 'GoToPortfolioMenu']);
}

/*
 * Define the callback object for success and failure handlers for Ajax request
 */
var AjaxCallbackHandler = {
	method: 'post',
	onSuccess: function(transport) {
		if (transport.responseText.length > 0)
			$('content').update(transport.responseText);
		panel.hide();
		myLightbox.updateImageList();
	},
	
	onFailure: function() {
//		panel.hide();
	},
	
	parameters : {}
}

/*
 * navigaition function
 */
function href(url, parameters) {
	panel.show();
	if (parameters != null)
		AjaxCallbackHandler.parameters = parameters;
	AjaxCallbackHandler.parameters.action = url;
	new Ajax.Request('includes/controller.php', AjaxCallbackHandler);
}

function submit() {
	var f = document.forms['contact'];
	var values = {};
	values['firstname'] = f.elements['firstname'].value;
	values['lastname'] = f.elements['lastname'].value;
	values['company'] = f.elements['company'].value;
	values['email'] = f.elements['email'].value;
	values['message'] = f.elements['message'].value;
	href('contactus', values);
}

Event.observe(window, 'load', initialize);