﻿function setActiveImage(target)
{
    var tabNameClicked = target.id;
    var tabList = document.getElementById('ulImageList');
    var myTabs = new Array();
     
    myTabs = tabList.getElementsByTagName('li');
    
    for (var i = 0; i < myTabs.length; i++)
    {    
        var myNode;
        if (myTabs[i].firstChild.nodeType != 1)
            myNode = myTabs[i].childNodes[1];
        else
            myNode = myTabs[i].firstChild;
        
        var divId = 'd'+myNode.id.replace('tab','');
        var divDisplay = document.getElementById(divId); 
    
        if (myNode.id == tabNameClicked)
        {
            myNode.className = 'active'; 
            divDisplay.style.display = 'block';  
        }
        else
        {
            myNode.className = ''; 
            divDisplay.style.display = 'none';  
        }
    }
}

var tabID = 0;
var tabs = new Array("tabBox-01","tabBox-02","tabBox-03","tabBox-04","tabBox-05"); 
var tabIndex = 0;

function setActiveImageW()
{
    clearInterval(tabID);
    
    if (tabIndex > 4) tabIndex = 0;
    var tab = document.getElementById(tabs[tabIndex]);
    if (tab) setActiveImage(tab);
    tabIndex++;
    
    tabID = setInterval('setActiveImageW()', 5000);
}

function startRotation()
{
    setActiveImageW();
}

function stopRotation()
{
    clearInterval(tabID);
}


