// JavaScript Document

function fx(el,attr,to){
	el=typeof el=='string'?document.getElementById(el):el;
	if(to>0)el.style.display='block';
	var w=el['offset'+attr.replace(/^(.)/,new Function('return arguments[1].toUpperCase()'))];
	var Int=Math[to-w>0?'ceil':'floor'];
	clearInterval(el.timer);
	el.timer=setInterval(function(){
		w+=Int((to-w)*0.1);
		el.style[attr]=w+'px';
		if(w==to){	 
			if(to==0)el.style.display='none';
			clearInterval(el.timer);
		};	
	},10);
};

function ceshih(){
	var a=document.getElementById("t1");
	var b=document.getElementById("t2");
	var c=document.getElementById("t3");
    var d=document.getElementById("t4");
	var e=document.getElementById("t5");
	var f=document.getElementById("t6");
	var g=document.getElementById("t7");
    var h=document.getElementById("t8")
	var i=document.getElementById("t9");
	var d1=document.getElementById("div1");
	var d2=document.getElementById("div2");
	var d3=document.getElementById("div3");
	var d4=document.getElementById("div4");
	var d5=document.getElementById("div5");
	var d6=document.getElementById("div6");
	var d7=document.getElementById("div7");
	var d8=document.getElementById("div8");
	var d9=document.getElementById("div9");
	d1.onmouseover=a.onmouseover=function (){fx('div1','height',40)};
	d1.onmouseout=a.onmouseout=function (){fx('div1','height',0)};
	d2.onmouseover=b.onmouseover=function (){fx('div2','height',40)};
	d2.onmouseout=b.onmouseout=function (){fx('div2','height',0)};
	d3.onmouseover=c.onmouseover=function (){fx('div3','height',40)};
	d3.onmouseout=c.onmouseout=function (){fx('div3','height',0)};
    d4.onmouseover=d.onmouseover=function (){fx('div4','height',40)};
	d4.onmouseout=d.onmouseout=function (){fx('div4','height',0)};
	d5.onmouseover=e.onmouseover=function (){fx('div5','height',40)};
	d5.onmouseout=e.onmouseout=function (){fx('div5','height',0)};
	d6.onmouseover=f.onmouseover=function (){fx('div6','height',40)};
	d6.onmouseout=f.onmouseout=function (){fx('div6','height',0)};
	d7.onmouseover=g.onmouseover=function (){fx('div7','height',40)};
	d7.onmouseout=g.onmouseout=function (){fx('div7','height',0)};
    d8.onmouseover=h.onmouseover=function (){fx('div8','height',40)};
	d8.onmouseout=h.onmouseout=function (){fx('div8','height',0)};
    d9.onmouseover=i.onmouseover=function (){fx('div9','height',40)};
	d9.onmouseout=i.onmouseout=function (){fx('div9','height',0)};
}
if (document.all){
window.attachEvent('onload',ceshih)
}
else{
window.addEventListener('load',ceshih,false);
}