<html><head>
<title>Univeristy of Chicago Chinese Program</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8;">
<script src="mylibrary.js" type="text/javascript" language="JavaScript"></script>
<script src="codelibrary.js" type="text/javascript" language="JavaScript"></script>

<style type="text/css">

h1, h2, b, {font-family:sans-serif; color:black;}
p {font-family:sans-serif; color:black; font-size:15;}

#dropmenudiv{
position:absolute;
border:1px solid BDA440;
border-bottom-width: 0;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid BDA440;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: BDA440;
}

.menubar { position:relative; height:2em; overflow:visible;}
#menubar1 { z-index:1;}
#menu1 { position:absolute; left:2px; top:0px; width:162px; background:540000; color:BDA440; font-weight:bolder;}
#menu2 { position:absolute; left:164px; top:0px; width:162px; background:540000; color:BDA440; font-weight:bolder;}
#menu3 { position:absolute; left:326px; top:0px; width:162px; background:540000; color:BDA440; font-weight:bolder;}
#menu4 { position:absolute; left:488px; top:0px; width:162px; background:540000; color:BDA440; font-weight:bolder;}
#menu5 { position:absolute; left:650px; top:0px; width:162px; background:540000; color:BDA440; font-weight:bolder;}
#menu6 { position:absolute; left:812px; top:0px; width:162px; background:540000; color:BDA440; font-weight:bolder;}


.menuitem {
	position:relative; background:540000; color:BDA440;
	font-weight:bolder; border: 1px solid BDA440;
	width:162px; text-indent: .5em; font-size:15;
}
.dropdown {
	background:540000; position:absolute;
	left:0px; top:1.15em; width:162px;
	visibility:hidden; z-index:4; font-size:15;
}
a:link {color:#BDA440; text-decoration:none; }
a:visited {color:#BDA440; text-decoration:none; }
a:active {color:#BDA440; text-decoration:none; } 
a:hover {color:#540000; text-decoration:none; }
</style>

<script type="text/javascript">
var now = new Date();
var hours = now.getHours();
var greeting = "";
//if (hours <= 24) { greeting = "早上好"; }
//if (hours <= 4) { greeting = "睡覺吧!:)"; }
/***********************************************
* AnyLink Drop Down Menu- ? Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

//Contents for menu 1
var menu1 = new Array()
menu1[1] = '<a href="/classes/chinese/courses.html">Course Description</a>'
menu1[2] = '<a href="/classes/chinese/contact.html">Faculty Contact</a>'
menu1[3] = '<a href="/classes/chinese/BeijingSummerProgram1.pdf">Beijing Summer Program 1</a>'
menu1[4] = '<a href="/classes/chinese/BeijingSummerProgram2.pdf">Beijing Summer Program 2</a>'
menu1[5] = '<a href="/classes/chinese/BeijingSummerProgramMap.pdf">Beijing Summer Program Map</a>'

//Contents for menu 2, and so on
var menu2 = new Array()
menu2[1] = '<a href="/classes/chinese/characters.html">Most Common Characters</a>'
menu2[2] = '<a href="/classes/chinese/simplifiedchar.html">Complete List of Simplified Characters</a>'

var menu3 = new Array()
menu3[1] = '<a href="/classes/chinese/fables.html">Fables</a>'
menu3[2] = '<a href="/classes/chinese/afanti2.html">Stories of Afanti</a>'
menu3[3] = '<a href="/classes/chinese/Jewish2.html">Jokes from Jewish Culture</a>'

var menu4 = new Array()
menu4[1] = '<a href="/classes/chinese/yearbook/yearbook_203-1_08.pdf">2008 Class 203-1</a>'
menu4[2] = '<a href="/classes/chinese/yearbook/yearbook_203-2_08.pdf">2008 Class 203-2</a>'
menu4[3] = '<a href="/classes/chinese/yearbook/yearbook_413_08.pdf">2008 Class 413</a>'
menu4[4] = '<a href="/classes/chinese/yearbook/yearbook_203-1_07.pdf">2007 Class 203-1</a>'
menu4[5] = '<a href="/classes/chinese/yearbook/yearbook_203-2_07.pdf">2007 Class 203-2</a>'
menu4[6] = '<a href="/classes/chinese/yearbook/yearbook_summer2_07.pdf">2007 Class 213</a>'
menu4[7] = '<a href="/classes/chinese/yearbook/yearbook_203_06.pdf">2007 Summer</a>'
menu4[8] = '<a href="/classes/chinese/yearbook/yearbook_213_06.pdf">2006 Class 203</a>'
menu4[9] = '<a href="/classes/chinese/yearbook/yearbook_413_06.pdf">2006 Class 213</a>'
menu4[10] = '<a href="/classes/chinese/yearbook/yearbook_203_07.pdf">2006 Class 413</a>'

var menu5= new Array()
menu5[1] = '<a href="/classes/chinese/yearbook/jokes_202_08.pdf">Class 202 Jokes</a>'

var menu6 = new Array()
menu6[1] = '<a href="">2008 (Coming Soon)</a>'
menu6[2] = '<a href="">2007 (Coming Soon)</a>'
menu6[3] = '<a href="/classes/chinese/video2006.html">2006</a>'
menu6[4] = '<a href="">2005 (Coming Soon)</a>'
		
var menuwidth='165px' //default menu width
var menubgcolor='540000'  //menu bgcolor
var disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?

/////No further editting needed

var ie4=document.all
var ns6=document.getElementById&&!document.all

if (ie4||ns6)
document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}


function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top="-500px"
if (menuwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
}
}
return edgeoffset
}

function populatemenu(what){
if (ie4||ns6)
dropmenuobj.innerHTML=what.join("")
}


function dropdownmenu(obj, e, menucontents, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu(menucontents)

if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}

return clickreturnvalue()
}

function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}

function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}

function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}

function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}

if (hidemenu_onclick=="yes")
document.onclick=hidemenu

</script>


</head><body>

<table bordercolor= "BDA440" border= "3" width= "977" height= "80" cellpadding="0" cellspacing="0">
<tr>
<th bgcolor= "540000" font height= "80" width= "488" border="0"><font color="BDA440" font face= "HGSoeikakugothicUB" font size= "6">  
University of Chicago Chinese Program
</font>
</th>
<th bgcolor="540000" height= "80" width= "488"><font face="宋体" size= "6" color="BDA440">
芝加哥大學中文課程
</font>
</th>
</tr>
</table>
<table cellpadding="2.5" width="977" height="246" bordercolor= "BDA440" border= "1">
<tr>

<td bgcolor= "540000" valign="top"> 


<img src=greatwall1.jpg width="155" height="123">
<img src=snowmountain1.jpg width="155" height="123">
</td>
<td bgcolor="white" width="660" height="246" valign=top>
<p align=left valign=top><font face="宋体">
<script type="text/javascript" language="JavaScript">
document.write(greeting);
</script></font>
</p>
<p> <font size= "4" font face="宋体">学而时习之,不亦乐乎？ (Simplified)</font>
<font color="black">

</p>
<p> <font size= "4" font face="宋体">學而時習之，不亦樂乎？(Traditional）</font>

<font color="black"><pre>
			-孔子</pre>


<p>
<font face= "ariel" font size= "3">
Isn't learning and practicing often a great pleasure?</p>
<pre>
			-Confucius</pre></font>
<font size="2"><br>
For best performance, use Internet Explorer 6+<br>
<a href="encoding.html">

Click here if Chinese does not appear</a></font>

</td>
<td bgcolor="540000" width="155" border= "4"; cellspacing= "0" bordercolor= "BDA440" cellpadding="0" valign="top">
<img src=steven1.jpg width="155" height="123"> 
<img src=steven21.jpg width="155" height="123">
</td>

</tr>
</table>
<div align=center id="menubar1" class="menubar">
<div id="menu1"><p><a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '150px')" onMouseout="delayhidemenu()">Program Information<br>中文课信息</a>
<div id="menutitle1" class="menutitle" align=center></div></div>

<div id="menu2"><p><a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu2, '150px')" onMouseout="delayhidemenu()">Characters & Words<br>字和词</a>
<div id="menutitle2" class="menutitle" align=center></div></div>

<div id="menu3"><p><a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu3, '150px')" onMouseout="delayhidemenu()">Readings & Listening<br>读和听</a>
<div id="menutitle3" class="menutitle" align=center></div></div>

<div id="menu4"><p><a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu4, '150px')" onMouseout="delayhidemenu()">Yearbook<br>历年各班纪念册</a>
<div id="menutitle4" class="menutitle" align=center></div></div>

<div id="menu5"><p><a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu5, '150px')" onMouseout="delayhidemenu()">Student Projects<br>学生小项目</a>
<div id="menutitle5" class="menutitle" align=center></div></div>

<div id="menu6"><p><a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu6, '150px')" onMouseout="delayhidemenu()">Video Project Winners<br>获奖者</a>
<div id="menutitle6" class="menutitle" align=center></div></div>
</div>

  <script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-399913-1";
urchinTracker();

</script>

<!-- added by Arno Bosse, 6/20/06 -->


</body>
</html>