var ie = (document.all);

function ChangeImage(ClientId)
{  
    ForceChangeImage('Next', ClientId);
}

function BuildPaging(PageIndex,len,ClientId)
{
    var divPages = document.getElementById("ImagesSlider_pages_" +ClientId);
    if(divPages == null)
    {
        return;
    }
    
    var text = "<table cellspacing='0' cellpadding='0' class='tblPagingIndex-ImagesSlider'>" +
        "<tr class='trPagingIndex-ImagesSlider'>";
   
    for(var i=0;i<len;i++)
    {
        if(PageIndex == i)
        {
            text += "<td class='tdPagingIndexCurrentItem-ImagesSlider'></td>";
        }
        else
        {
            text += "<td class='tdPagingIndexItem-ImagesSlider' onclick=\"SetImage(" + i + ",'" + ClientId + "');\"></td>";
        }
    }
    
     text += "</tr>" +
    "</table>";
    
    divPages.innerHTML = text;
}

function SetImage(indexImageSrc,ClientId)
{
    if(window.DoRoll != undefined)
    {
        clearTimeout(DoRoll);
    }
    
    var img = document.getElementById("ImagesSlider_img_" +ClientId);
    if(img == null)
    {
        return;
    }
    
    var currentSrc = document.getElementById("ImagesSlider_hdn_Current_" + ClientId).value;
    var hdn = document.getElementById("ImagesSlider_hdn_" + ClientId);
    var allSrc = hdn.value.split('#');
    
    for(var i=0;i < allSrc.length;i++)
    {
        if(currentSrc == allSrc[i])
        {
            if(ie)
                FadeOut(img);
            
            img.src = allSrc[indexImageSrc];
            document.getElementById("ImagesSlider_hdn_Current_" + ClientId).value = allSrc[indexImageSrc];
            BuildPaging(indexImageSrc,allSrc.length,ClientId);
            break;
        }
    }
    
    DoRoll = setInterval("ForceChangeImage('Next','"+ClientId+"')", 10000);
}

function FadeOut(img)
{
    img.style.filter="blendTrans(duration=1)";
    img.filters.blendTrans.apply();
    img.style.visibility="hidden";
    img.filters.blendTrans.play();

    FadeIn(img);
}

function FadeIn(img)
{
    img.style.filter="blendTrans(duration=1)";
    img.filters.blendTrans.apply();
    img.style.visibility="visible";
    img.filters.blendTrans.play();
}

function ForceChangeImage(ButtonType, ClientId)
{
    if(window.DoRoll != undefined)
    {
        clearTimeout(DoRoll);
    }
    
    var img = document.getElementById("ImagesSlider_img_" +ClientId);
    if(img == null)
    {
        return;
    }
    
    var currentSrc = document.getElementById("ImagesSlider_hdn_Current_" + ClientId).value;
    var hdn = document.getElementById("ImagesSlider_hdn_" + ClientId);
    var allSrc = hdn.value.split('#');
    
    for(var i=0;i < allSrc.length;i++)
    {
        if(currentSrc == allSrc[i])
        {
            if(ie)
                FadeOut(img);
            
            if(ButtonType == "Next")
            {
                if(i == (allSrc.length - 1))
                {
                    img.src = allSrc[0];
                    document.getElementById("ImagesSlider_hdn_Current_" + ClientId).value = allSrc[0];
                    BuildPaging(0,allSrc.length,ClientId);
                }
                else
                {
                    img.src = allSrc[i+1];
                    document.getElementById("ImagesSlider_hdn_Current_" + ClientId).value = allSrc[i+1]; 
                    BuildPaging(i+1,allSrc.length,ClientId);
                }
                
                break;
            }
            else
            {
                if(i == (0))
                {
                    img.src = allSrc[allSrc.length - 1];
                    document.getElementById("ImagesSlider_hdn_Current_" + ClientId).value = allSrc[allSrc.length - 1];
                    BuildPaging(allSrc.length - 1,allSrc.length,ClientId);
                }
                else
                {
                    img.src = allSrc[i-1];
                    document.getElementById("ImagesSlider_hdn_Current_" + ClientId).value = allSrc[i-1]; 
                    BuildPaging(i-1,allSrc.length,ClientId);
                }
                break;
            }
        }
    }
    
    DoRoll = setInterval("ForceChangeImage('"+ButtonType+"','"+ClientId+"')", 10000);
}

function StartStripTimer(ClientId)
{
    window.setTimeout("ChangeImage('"+ClientId+"')", 10000);
}