function replace_html(id, content) {
			document.getElementById(id).innerHTML = content;	
		}
				
		function show_progressbar(id) {
			replace_html(id, '<br /> <br /> <br /> <img src="img/logo-error.png" alt="not found" /> <br /><img src="img/4.gif" alt="Loading, please wait..." /> <br /> Loading page...');
		}
		
		function success_handler(o) {
			replace_html('content', o.responseText);
		}
		
		function failure_handler(o) {
			replace_html('content', 'Server or your connection is death.');
		}

		function get_page(page) {
			if( page == '' ) {
				/* Do nothing if 'page' is empty, you might want to show some error message. */
				return false;
			}
			show_progressbar('content'); /* Show progress bar while waiting */
			var callback = { success:success_handler,	failure:failure_handler, timeout: 10000 };
			YAHOO.util.Connect.asyncRequest('GET', 'index2.php?AJAX=true&page=' + page, callback);
			return false;
			/**
			 * return false! 
			 * Because this will prevent the browser to navigate to page specified in 
			 * the link's href attribute.
			**/
		}
		
		/* Let's preload our progress bar */
		var progress_bar = new Image();
		progress_bar.src = 'img/4.gif';