function _$a(obj,tagname,classname){
		var newarry=[];
		var list=obj.getelementsbytagname(tagname);
		if(classname==""){return list;}
		for(var i=0;i<list.length;i++){		if(list[i].classname==classname){newarry.push(list[i]);}
		}
		return newarry;
	}


function $a(id){return document.getelementbyid(id);}


/*��ʒչʾ*/
if($a("change")){
var  p=$a("change");
var span=_$a(p,"span","");
var obj=$a("prolist");
var div=_$a(obj,"div","changecon");
for(var i=0;i<span.length;i++){on(span,div,span[i],div[i]);}
}

/*�ؼ�����������*/
var  p2=$a("change2");
var span2=_$a(p2,"span","");
var obj2=$a("keyfriend");
var div2=_$a(obj2,"div","kfcon");
for(var i=0;i<span2.length;i++){on(span2,div2,span2[i],div2[i]);}

var  p3=$a("change3");
var span3=_$a(p3,"span","");
var obj3=$a("keyfriend1");
var div3=_$a(obj3,"div","kfcon3");
for(var i=0;i<span3.length;i++){on(span3,div3,span3[i],div3[i]);}

var  p4=$a("change4");
var span4=_$a(p4,"span","");
var obj4=$a("keyfriend2");
var div4=_$a(obj4,"div","kfcon4");
for(var i=0;i<span4.length;i++){on(span4,div4,span4[i],div4[i]);}

var  p5=$a("change5");
var span5=_$a(p5,"span","");
var obj5=$a("keyfriend3");
var div5=_$a(obj5,"div","kfcon5");
for(var i=0;i<span5.length;i++){on(span5,div5,span5[i],div5[i]);}

var  p6=$a("change6");
var span6=_$a(p6,"span","");
var obj6=$a("keyfriend4");
var div6=_$a(obj6,"div","kfcon6");
for(var i=0;i<span6.length;i++){on(span6,div6,span6[i],div6[i]);}

var  p7=$a("change7");
var span7=_$a(p7,"span","");
var obj7=$a("keyfriend5");
var div7=_$a(obj7,"div","kfcon7");
for(var i=0;i<span7.length;i++){on(span7,div7,span7[i],div7[i]);}
			
	
function on(spans,divs,span,div){
	span.onmouseover=function(){
		clear(spans,divs);
		span.classname="hover";
		div.style.display="block";
		}
	}	
	
		function clear(span,div){
	for(var i=0;i<span.length;i++){
		span[i].classname="";
		div[i].style.display="none";
		}
	}