var imageIndex = 0;
var imageDelay = 6000;
var images;
var timeOut;


function StartInFocus()
{
    HideBottomBorder();
    GetImages();
    CycleInFocus();
}

function HideBottomBorder()
{
    var elem;
    elem = document.getElementById("InFocusList").lastChild;
    while (elem.nodeType != 1)
    {
        elem = prev(elem);
    }
    elem.style.borderBottom='none';       
}

function GetImages()
{
    images = document.getElementsByName("InFocusPic");
}

function HideAllImages()
{   
    var i;
    for (i=0;i<images.length;i++)
    {
        images[i].style.display='none';
        next(images[i]).style.backgroundColor='transparent';
        ColorNCDivs(prev(images[i]), 'transparent');
        ColorNCDivs(next(next(images[i])), 'transparent');
    }
}

function ColorNCDivs(elem, color)
{   
    var i;    
    for (i=0;i<elem.childNodes.length;i++)
    {
        if (elem.childNodes[i].tagName == 'DIV')
        {
            elem.childNodes[i].style.borderColor=color;
            if (elem.childNodes[i].className != 'b1tIF' && elem.childNodes[i].className != 'b1bIF')
            {
                elem.childNodes[i].style.backgroundColor=color;
            }
        }
    }
}

function ShowArticle(elem)
{
    HideAllImages();
    elem.style.display='block';
    next(elem).style.backgroundColor='#92D400';
    ColorNCDivs(prev(elem), '#92D400');
    ColorNCDivs(next(next(elem)), '#92D400');
}

function CycleInFocus()
{	
    ShowArticle(images[imageIndex]);        
    timeOut = setTimeout("UpdateImageIndex();", imageDelay);
}

function UpdateImageIndex()
{	        
    imageIndex = imageIndex + 1;
    if (imageIndex>=images.length)
    {
        imageIndex = 0;
    }                            
    CycleInFocus();
}

function next(elem) {
    do {
        elem = elem.nextSibling;
    } while (elem && elem.nodeType != 1);
    return elem;                
}

function prev(elem) {
    do {
        elem = elem.previousSibling;
    } while (elem && elem.nodeType != 1);
    return elem;
}

function StopCycle(imageId)
{
    clearTimeout(timeOut);  
    ShowArticle(document.getElementById(imageId));    
}

function RestartCycle(imageId)
{                      
    var i;
    for (i=0;i<images.length;i++)
    {
        if(imageId == images[i].id)
        {
            imageIndex = i;            
        }                                
    }
    timeOut = setTimeout("CycleInFocus();", imageDelay);
}