﻿//选择器
function $a(id, tag)
{
    var re = (id && typeof id != "string") ? id : document.getElementById(id);
    if (!tag)
    {
        return re;
    }
    else
    {
        return re.getElementsByTagName(tag);
    }
}

function displayPhoto()
{
    var o = $a("LoopPhotoImg");
    var oli = $a("LoopPhotoImg", "dl"); //所有LI列表
    var oliw = oli[0].offsetWidth; //每次移动的宽度
    var ow = o.offsetWidth - 2;
    var dnow = 0; //当前位置
    var olf = 0;
    o["scrollLeft"] = olf + (dnow * oliw);
    var extime;
    var direction = 1;
    var rq = $a("LoopPhotoTb", "span");
    for (var i = 0; i < rq.length; i++)
    {
        reg(i);
    };
    $a("PrePhoto").onclick = function()
    {
        if (dnow != 0)
        {
            oli[dnow].className = rq[dnow].className = "";
            dnow--;
            oli[dnow].className = rq[dnow].className = "show1";
            mv();
        }
    }

    $a("NextPhoto").onclick = function()
    {
        if (dnow < oli.length - 1)
        {
            oli[dnow].className = rq[dnow].className = "";
            dnow++;
            oli[dnow].className = rq[dnow].className = "show1";
            mv();
        }
    }

    oli[dnow].className = "show1";
    var wwww = setInterval(uu, 3000);

    function reg(i)
    {
        rq[i].onclick = function()
        {
            oli[dnow].className = rq[dnow].className = "";
            dnow = i;
            oli[dnow].className = rq[dnow].className = "show1";
            $a("LoopPhotoName").innerHTML = $a("PhotoImg" + dnow).getAttribute("title");
            mv();
        }
    }
    function mv()
    {
        clearInterval(extime);
        clearInterval(wwww);
        extime = setInterval(bc, 30);
        wwww = setInterval(uu, 6000);
    }
    function bc()
    {
        var ns = ((dnow * oliw + olf) - o["scrollLeft"]);
        var v = ns > 0 ? Math.ceil(ns / 10) : Math.floor(ns / 10);
        o["scrollLeft"] += v;
        if (v == 0)
        {
            clearInterval(extime);
            oli[dnow].className = rq[dnow].className = "show1";
            $a("LoopPhotoName").innerHTML = $a("PhotoImg" + dnow).getAttribute("title");
            v = null;
        }
    }
    function uu()
    {
        if (direction == 1)
        {
            if (dnow < oli.length - 1)
            {
                oli[dnow].className = rq[dnow].className = "";
                dnow++;
                oli[dnow].className = rq[dnow].className = "show1";
            }
            else
            {
                direction = 0;
                oli[dnow].className = rq[dnow].className = "";
                dnow--;
                oli[dnow].className = rq[dnow].className = "show1";
            }
        }
        else
        {
            if (dnow > 0)
            {
                oli[dnow].className = rq[dnow].className = "";
                dnow--;
                oli[dnow].className = rq[dnow].className = "show1";
            }
            else
            {
                direction = 1;
                oli[dnow].className = rq[dnow].className = "";
                dnow++;
                oli[dnow].className = rq[dnow].className = "show1";
            }
        }
        $a("LoopPhotoName").innerHTML = $a("PhotoImg" + dnow).getAttribute("title");
        mv();
    }
}
function bgxsy(id){
	var syxstr;
	var bgstr;
	for(i=1;i<22;i++){
		syxstr = "syxxk"+i;
		bgstr = "bgs"+i;
		if(i == id){
			document.getElementById(syxstr).style.display="block";
			document.getElementById(bgstr).className="licsh";
		}else{
			document.getElementById(syxstr).style.display="none";
			document.getElementById(bgstr).className="licsq";
		}
	}
}
