var TotalTabs = 0;

$(document).ready(function() 
{
    InitializeCustomerOptionTabs();
});

function InitializeCustomerOptionTabs()
{
    var currentTab = document.getElementById('divTabHeader1');
    
    while (currentTab != null)//Get the Total number of TabPages
    {
        TotalTabs++;
        currentTab = document.getElementById('divTabHeader' + (TotalTabs + 1));
    }

    if (document.getElementById("chkShipsToday") != null)
        document.getElementById("chkShipsToday").checked = false;
}

function SetActiveCustomerOptionTab(TabDivElement)
{
    var TabNumber = parseInt(TabDivElement.id.substring(12, TabDivElement.id.length), 12);//Assumes that all element names begin with either divTagPage or divTagFlag, 10 letters, so don't change the base names.

    if (isNaN(TabNumber))//Prevent any possible error.  If a number is not properly parsed from the incoming TabDivElement, default to 1.
        TabNumber = 1;

    for (var i = 1; i <= TotalTabs; i++) {
        if (i != TabNumber)
            HideCustomerOptionTab(i);
        else
            ShowCustomerOptionTab(i);
    }

    CloseEmailForm();
}

function ShowCustomerOptionTab(TabNumber)
{
    var divTabCustomerOption = document.getElementById('divTabCustomerOption' + TabNumber);
    var divTabHeader = document.getElementById('divTabHeader' + TabNumber);

    divTabHeader.className = "catalogCustomerOptionActiveTab";
    divTabCustomerOption.style.display = "";
}

function HideCustomerOptionTab(TabNumber)
{
    var divTabCustomerOption = document.getElementById('divTabCustomerOption' + TabNumber);
    var divTabHeader = document.getElementById('divTabHeader' + TabNumber);

    divTabHeader.className = "catalogCustomerOptionInactiveTab";
    divTabCustomerOption.style.display = "none";
}

////////////////////////////////////////////////////////////////////////////////////////////
function Opacity(id, opacStart, opacEnd, millisec) 
{
    //speed for each frame 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 

    //determine the direction for the blending, if start and end are the same nothing happens 
    if (opacStart > opacEnd) 
    { 
        for (i = opacStart; i >= opacEnd; i--) 
        { 
            setTimeout("ChangeOpacity(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } 
    else if (opacStart < opacEnd) 
    { 
        for (i = opacStart; i <= opacEnd; i++) 
        { 
            setTimeout("ChangeOpacity(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } 
} 

//change the opacity for different browsers 
function ChangeOpacity(opacity, id) 
{ 
    var object = document.getElementById(id).style;
    
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")";
}

function ShiftOpacity(id, millisec) 
{ 
    //if an element is invisible, make it visible, else make it ivisible 
    if (document.getElementById(id).style.opacity == 0) 
        opacity(id, 0, 100, millisec); 
    else 
        opacity(id, 100, 0, millisec); 
}

function BlendImage(divid, imageid, imagefile, millisec)
{ 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 
     
    //set the current image as background 
    document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")"; 
     
    //make image transparent 
    ChangeOpacity(0, imageid); 
     
    //make new image 
    document.getElementById(imageid).src = imagefile; 

    //fade in image 
    for (i = 0; i <= 100; i++) 
    { 
        setTimeout("ChangeOpacity(" + i + ",'" + imageid + "')",(timer * speed)); 
        timer++; 
    } 
}

function BlendImageSwap(MainImage, MainImageSize, AltImage, AltImageSize, SwapTime)
{ 
    var speed = Math.round(SwapTime / 100);
    var timer = 0;

    //Clear the current backgrounds
    document.getElementById(MainImage.replace('img', 'div')).style.backgroundImage = "url('')"; 
    document.getElementById(AltImage.replace('img', 'div')).style.backgroundImage = "url('')"; 

    //Make images transparent 
    ChangeOpacity(0, AltImage);
    ChangeOpacity(0, MainImage);

    //Set new images
    var swapSrc = document.getElementById(AltImage).src.replace('wid=' + AltImageSize, 'wid=' + MainImageSize).replace('hei=' + AltImageSize, 'hei=' + MainImageSize);
    document.getElementById(AltImage).src = document.getElementById(MainImage).src.replace('wid=' + MainImageSize, 'wid=' + AltImageSize).replace('hei=' + MainImageSize, 'hei=' + AltImageSize); 
    document.getElementById(MainImage).src = swapSrc; 

    //Fade in images
    for (i = 0; i <= 100; i++) 
    { 
        setTimeout("ChangeOpacity(" + i + ",'" + MainImage + "')", (timer * speed)); 
        setTimeout("ChangeOpacity(" + i + ",'" + AltImage + "')", (timer * speed)); 
        timer++; 
    }
}