function $(e) {return document.getElementById(e);}
/*处理数组*/
var plist=$("photolists");
plist.style.display='none';
var Photos=new Array();
var Num = 0;
var id = 0;
var currslid = 0;
var slidint;

if (typeof photolist != 'function'){
    var photolist=function (){
        var a;
        var img;
        var title;
    }
}
if(plist){
    var n=plist.getElementsByTagName("LI");
    for (var i=0;i<n.length;i++){
        var p=new photolist();
        p.a=n[i].getElementsByTagName("A")[0];
        p.img=n[i].getElementsByTagName("IMG")[0];
        p.title=p.a.innerHTML;
        if(p.a&&p.img&&p.title){
            Photos[Num]=p;Num++;
        }
    }
}
/*处理数组结束*/
$("focpic").src = Photos[id].img.src; //替换图片
//$("foclnk").href=Photos[id].a.href; //替换URL
$("fttltxt").innerHTML = Photos[id].title; //替换title
var tmp=''; 
for (var i=0;i<n.length;i++){
    if(i == 0){
		tmp += '<li id="tmb'+i+'" class="picoff" onmouseover="setfoc('+i+');" onmouseout="playit();"><img src="'+Photos[i].img.src+'" width="208" height="146" /><\/li>';
	}else{
		tmp += '<li id="tmb'+i+'" class="picon" onmouseover="setfoc('+i+');" onmouseout="playit();"><img src="'+Photos[i].img.src+'" width="208" height="146" /><\/li>';
	}
}
$("piclist").innerHTML = tmp;

function setfoc(id){
    $("focpic").src = Photos[id].img.src;
    //$("foclnk").href = Photos[id].a.href;
    //$("fttltxt").innerHTML = '<a href="'+Photos[id].a.href+'" target="_blank">'+Photos[id].title+'<\/a>';
	$("fttltxt").innerHTML = Photos[id].title;
    currslid = id;
    for(i=0;i<n.length;i++){
        $("tmb"+i).className = "picon";
    };
    $("tmb"+id).className ="picoff";
    
    if (document.all){   
        focpic.style.visibility = "hidden";
        focpic.filters[0].Apply();
        if ($("focpic").style.visibility == "visible") {
            $("focpic").style.visibility = "hidden";
            focpic.filters.revealTrans.transition=23;
        }
        else {
            $("focpic").style.visibility = "visible";
            focpic.filters[0].transition=23;
        }
        focpic.filters[0].Play();
        stopit();
    }
    else {
        stopit();
    }
}
function playnext(){
    if(currslid==(n.length-1)){
        currslid = 0;
    }
    else{
        currslid++;
    };
    setfoc(currslid);
    playit();
}
function playprev(){
    if(currslid==0){
        currslid = (n.length-1);
    }
    else{
        currslid = currslid-1;
    };
    setfoc(currslid);
    playit();
}
function stop(){
  clearTimeout(slidint);
}
function playit(){
    slidint = setTimeout(playnext,5000);
}
function stopit(){
    clearTimeout(slidint);
}
function picscreen(){
	clearTimeout(slidint);
	var el = document.createElement('link');
	el.rel= 'stylesheet';
	el.href = 'http://images.china.cn/images1/en/cpa/p.css';
	el.type = 'text/css';
	document.body.appendChild(el)
}
window.onload = function(){
    playit();
}

document.getElementsByClassName = function(cl) {
    var retnode = [];
    var myclass = new RegExp('\\b'+cl+'\\b');
    var elem = this.getElementsByTagName('*');
    for (var i = 0; i < elem.length; i++) {
        var classes = elem[i].className;
        if (myclass.test(classes)) retnode.push(elem[i]);
    }
    return retnode;
}
var MyMar;
var speed = 1; //速度，越大越慢
var spec = 1; //每次滚动的间距, 越大滚动越快
var ipath = 'http://images.china.cn/images1/ch/2008photo_huigu/'; //图片路径
$('gotop').onmouseover = function() {MyMar=setInterval(gotop,speed);}
$('gotop').onmouseout = function() {clearInterval(MyMar);}
$('gobottom').onmouseover = function() {MyMar=setInterval(gobottom,speed);}
$('gobottom').onmouseout = function() {clearInterval(MyMar);}
function gotop() {$('showArea').scrollTop-=spec;}
function gobottom() {$('showArea').scrollTop+=spec;}