var Aarray = new Array();
var speed = 5000;
var auto = null,load = true,index = 0;
var max = 6;

function ArtPics(id,tit,src,url)
{
    this.id = id;
    this.title = tit;
    this.src = src;
    this.url = url;
}

function setAList(id,tit,src,url)
{
    Aarray[Aarray.length] = new ArtPics(id,tit,src,url);
}


window.attachEvent("onload",function(){
    appendUl();
    startAuto();
})

function appendUl()
{
    if(Aarray.length > 0)
    {
        for(var i=0;i<Aarray.length;i++)
        {
            if(i > max-1)
            {
                break;
            }
            createLi(Aarray[i]);
        }
    }
}

function createLi(obj)
{
    var dom = $(document);
    var ul = dom.find(".newsword").find("ul").get(0);
        
    var li = document.createElement("li");
    var a = document.createElement("a");
    
    a.id = obj.id;
    a.href = obj.url;
    var stit = obj.title;
    if(stit.length > 15)
    {
        a.innerText = obj.title.substr(0,15) + "...";
    }
    else
    {
        a.innerText = obj.title;
    }
    
    
    li.onmouseover = function(){stopAuto(this)};
    li.onmouseout = function(){goAuto(this)};
    
    li.appendChild(a);
    ul.appendChild(li);
}

function changeImg(id)
{
    var dom = $(document);
    var img = dom.find(".newspicarea").find("img");
    var obj = findList(id);
    
    img.hide();
    img.attr("src",obj.src);
    img.fadeIn("normal"); 
}

function findList(id)
{
    if(Aarray.length > 0)
    {
        for(var i=0;i<Aarray.length;i++)
        {
            if(Aarray[i].id == id)
            {
                return Aarray[i];
            }
        }
    }
    return null;
}

function showPics()
{
    var dom = $(document);
    var a = dom.find(".newsword > ul > li > a");
    var obj;
    
    if(a.length > 0)
    {
        if(load)
        {
            a.get(0).className = "look";
            changeImg(a.get(0).id);
            load = false;
        }
        else
        {
            for(var i=0;i<a.length;i++)
            {
                if(a.get(i).className == "look")
                {
                    if(i+1 == a.length)
                    { 
                        a.get(0).className = "look";
                        changeImg(a.get(0).id);
                    }
                    else
                    {
                        a.get(i+1).className = "look";
                        changeImg(a.get(i+1).id);
                    }
                    a.get(i).className = "";
                    break;
                }
            }     
        }
    }
}

function clearLook()
{
    var dom = $(document);
    var a = dom.find(".newsword > ul > li > a");
    
    for(var i=0;i<a.length;i++)
    {
        if(a.get(i).className == "look")
        {
            a.get(i).className = "";
        }
    }
}

function startAuto()
{
    showPics();
    if(auto == null)
    {
        goAuto(null);
    }
}

function stopAuto(obj)
{
    if(window.auto)
    {
        clearLook();
        clearInterval(auto);
    }
    var a = $(obj).find("a");
    changeImg(a.get(0).id);
}

function goAuto(obj)
{
    if(obj != null)
    {
        var a = $(obj).find("a");
        a.get(0).className = "look";
    }     
    auto = setInterval("startAuto()",speed);
}