function disp_text(flag)
{
	var text;
	switch (flag)
	{
	case 1:
    	text = "<div class = \"text\"><blockquote>\
				My name is <strong>Wen Zhang</strong><br />\
				I am interest in Multimedia technolodgy (audio, video, CG,CV)<br />\
				My background in math and programming is very solid.<br />\
				If you would like to hire a Research Assistant.I will be a good choice.<br />\
				Please send me emails.<br />";

		break;
	
	case 2:

		text = "<blockquote>\
				<dl>\
				<dt>Programing</dt>\
				<dd> C, C++ </dd>\
				<dd> python </dd>\
				<dd> matlab </dd>\
				<dd> HTLM (will master it after aug 2008)</dd>\
				<dd> Perl (will master it after aug 2008)</dd>\
				<dd> JS  (will master it after aug 2008)</dd>\
				<dd> ...  (will master them sooner or later)</dd>\
				</dl>\
				</blockquote>";
		break;
	case 3:
		text = "<blockquote>\
				<p>Some project exps </p>\
					<ul titlt = \"projects\">\
						<li>EE669 class projects: vast coverage of different aspects concerning multimedia data compression</li>\
						<li>Directed research on human eyes locating on color image </li>\
						<li>Research assistant in a project about multimedia data watermark</li>\
					</ul>\
				<p align = \"left\">etc.</p>\
				<p>&nbsp;</p>\
				</blockquote>";
		
		break;
	default:
		alert("Error in the webpage" + '\n' + "text value great than 3");
	}
	
	return text;
}

function change_flag(input)
{
	var flag;
	switch (input)
	{
	case 1:
    	flag = 1; 
		break;
	
	case 2:
		flag = 2;
		break;
	case 3:
	    flag = 3;
		break;
	default:
		alert("change flag input error should not be greater than 3");
	}
	
	return flag;
}

function change(input)
{
	document.getElementById("main").innerHTML = disp_text(input);
}