// Script for tab automation on the product comparison template

var host = "http://" + window.location.hostname;
var imagebasedir = "/cfb/images/compare/"; 
var compareWhite = "compare_products_white.gif";
var compareDark = "compare_products_drk.gif";
var detailWhite = "product_details_white.gif";
var detailDark = "product_details_drk.gif";

var featuresWhite = "benefits_tab_white.jpg";
var featuresDark = "benefits_tab_drk.jpg";
var ratesWhite = "features_tab_white.jpg";
var ratesDark = "features_tab_drk.jpg";

var bulletRight = "bullet_blue.gif";
var bulletDown = "bullet_blue_down.gif";

function changeVisibility(id, visible) 
{
    var e = document.getElementById(id); 
    
    if(visible)
    {
      e.style.display = 'block';
    }
    else
    {
      e.style.display = 'none';
    }
}

function toggleVisibility(id)
{
    var e = document.getElementById(id); 
    if(e.style.display == 'block')
    {
      e.style.display = 'none';
    }
    else
    {
      e.style.display = 'block';
    }
}

function ToggleSubTab(img, hideImg, showTab, hideTab)
{
    var otherImg;
           
    if(showTab.substr(0, 8) == 'Features')
    {
        img.src = imagebasedir + featuresWhite;
        otherImg = document.getElementById(hideImg);
        otherImg.src = imagebasedir + ratesDark;
    }
    else
    {
        img.src = imagebasedir + ratesWhite;
        otherImg = document.getElementById(hideImg);
        otherImg.src = imagebasedir + featuresDark;
    }
    
    changeVisibility(showTab, true);
    changeVisibility(hideTab, false);        
}

function ToggleTab(img, hideImg, showTab, hideTab)
{
    var otherImg;
    
    if(showTab == 'Compare')
    {
        img.src = imagebasedir + compareWhite;
        otherImg = document.getElementById(hideImg);
        otherImg.src = imagebasedir + detailDark;
    }
    else
    {
        img.src = imagebasedir + detailWhite;
        otherImg = document.getElementById(hideImg);
        otherImg.src = imagebasedir + compareDark;
    }
    changeVisibility(showTab, true);
    changeVisibility(hideTab, false);
} 

function ShowRates(linkId, item)
{
    var link = document.getElementById(linkId); 

    if(link.innerHTML == "Show Details")
    {
        link.innerHTML = "Hide Details"
        changeVisibility(item, true);
    }
    else
    {
        link.innerHTML = "Show Details"
        changeVisibility(item, false);
    }
    
    return false;
}

function ShowRatesBullet(imgId, linkId, item)
{
    img = document.getElementById(imgId); 

    if(img.src == host + imagebasedir + bulletRight)
    {
        img.src = host + imagebasedir + bulletDown;
    }
    else
    {
        img.src = host + imagebasedir + bulletRight;
    }

    return ShowRates(linkId, item);
}