var num=5;

function getObj(objName){return(document.getElementById(objName));}

function tag(id){

getObj("searconrow2").innerHTML=getObj("produce"+id).innerHTML;

for(var i=1;i<=num;i++){

if(i==id) {

getObj("changebox"+i).className="search1";

}

else{

if(i==3 || i==(id-1)){

getObj("changebox"+i).className="search3";}

else{

getObj("changebox"+i).className="search2";}

}

}

}

function loadme(){

getObj("searconrow2").innerHTML=getObj("produce1").innerHTML;

}

#twopage{width:779px; height:62px; margin:0px auto; background-image:url(bannerbg.gif); overflow:hidden}

#twopage ul{width:779px; height:62px; margin:0px; list-style-type:none; overflow:hidden}

#twopage ul li{ float:left; padding:12px 20px; height:62px; margin:0px;overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#660099}

#searchnavi{width:389px; height:19px; margin:0px; padding:0px; overflow:hidden}

#searchnavi ul{width:389px; margin:0px; padding:0px; list-style-type:none; overflow:hidden}

#searchnavi ul li{ float:left;width:70px; height:18px; cursor:hand; text-align:left}

A:link{

color:#000033;

text-decoration:none;

}

A:visited{

color:#000033;

text-decoration:none;

}

A:hover{color:#FF9900;

text-decoration:none;

}

#searchnavi LI.search1 { margin:0px;FONT-SIZE: 12px; color:#000000; font-weight:bold;BACKGROUND: url(topbg.gif) no-repeat; text-align:center; WIDTH: 70px; PADDING: 5px 0px 0px 0px; HEIGHT: 19px! important

}

#searchnavi LI.search2 { margin:0px;FONT-SIZE: 12px; color:#000000; font-weight:bold;WIDTH: 70px; PADDING: 4px 0px 0px 0px;text-align:center; HEIGHT: 18px! important

}

#searchnavi LI.search3 { margin:0px;FONT-SIZE: 12px; color:#000000; font-weight:bold;WIDTH: 70px; PADDING: 4px 0px 0px 0px;text-align:center; HEIGHT: 18px! important

}

.hiddenbox{

display:none;

}