function controller(page) {
	// the main part - document ready function

	jQuery(document).ready(function($) {

		$("#maincontent").html('<div class="loading"><p><br/><br/></p> Loading...<br/><br/><img src="images/loadingAnimation.gif"/></div>');
		//populate the breadcrumbs and menu 
		$("#breadcrumbs").html('<a>'+page+'</a> :: you are here');

		// populate the main content area from the db
		// if it's not the login page

		if (page != 'login') { 
			
			$("#maincontent").getanddisplay({},page);
			$("#themenu").getanddisplay({},"menu");
		} else {
			//alert('login ');
			$("#maincontent").getanddisplay({},page);
			$("#themenu").getanddisplay({},"menu");
		}
		
	}); // document ready function

	// the success/complete call back functions if any
	// go here to override the default functions
	
}