function ClickTab(tabID,sentID)
{ 
    switch(tabID)
    {
    case 1:
        if(document.getElementById("overviewDiv") != null && document.getElementById("overviewTab") != null &&
        document.getElementById("documentsDiv") != null && document.getElementById("documentsTab") != null && 
        document.getElementById("productsDiv") != null && document.getElementById("productsTab") != null &&
        document.getElementById("tabSet") != null)
        {
            document.getElementById("overviewDiv").style.display = "";             
            document.getElementById("documentsDiv").style.display = "none";
            document.getElementById("productsDiv").style.display = "none";
            document.getElementById("tabSet").className = "on1";
            document.getElementById("overviewTab").innerHTML = "<span>" + tabOverview + "</span>";
            document.getElementById("documentsTab").innerHTML = "<a href=\"\" onclick=\"ClickTab(2);return false;\">" + tabDocuments + "</a>";
            document.getElementById("productsTab").innerHTML = "<a href=\"\" onclick=\"ClickTab(3);return false;\">" + tabProducts + "</a>";
        }
        if(sentID != -1)
                dhtmlHistory.add('overview');
        break;
    case 2:
    if(document.getElementById("overviewDiv") != null && document.getElementById("overviewTab") != null &&
        document.getElementById("documentsDiv") != null && document.getElementById("documentsTab") != null && 
        document.getElementById("productsDiv") != null && document.getElementById("productsTab") != null &&
        document.getElementById("tabSet") != null)
        {
            document.getElementById("overviewDiv").style.display = "none"; 
            document.getElementById("documentsDiv").style.display = "";
            document.getElementById("productsDiv").style.display = "none";
            document.getElementById("tabSet").className = "on2";
            document.getElementById("overviewTab").innerHTML = "<a href=\"\" onclick=\"ClickTab(1);return false;\">" + tabOverview + "</a>";
            document.getElementById("documentsTab").innerHTML = "<span>" + tabDocuments + "</span>";
            document.getElementById("productsTab").innerHTML = "<a href=\"\" onclick=\"ClickTab(3);return false;\">" + tabProducts + "</a>";
        }
        dhtmlHistory.add('documents');
        break;
    case 3:
    if(document.getElementById("overviewDiv") != null && document.getElementById("overviewTab") != null &&
        document.getElementById("documentsDiv") != null && document.getElementById("documentsTab") != null && 
        document.getElementById("productsDiv") != null && document.getElementById("productsTab") != null &&
        document.getElementById("tabSet") != null)
        {
            document.getElementById("overviewDiv").style.display = "none"; 
            document.getElementById("documentsDiv").style.display = "none";
            document.getElementById("productsDiv").style.display = "";
            document.getElementById("tabSet").className = "on3";
            document.getElementById("overviewTab").innerHTML = "<a href=\"\" onclick=\"ClickTab(1);return false;\">" + tabOverview + "</a>";
            document.getElementById("documentsTab").innerHTML = "<a href=\"\" onclick=\"ClickTab(2);return false;\">" + tabDocuments + "</a>";
            document.getElementById("productsTab").innerHTML = "<span>" + tabProducts + "</span>";
        }
        dhtmlHistory.add('products');
        break;
    default:
        break;
    } 
} 





/** A simple method that updates our user
    interface using the new location. */
function updateUI(newLocation,
                  historyData) 
{
  //alert("newLocation : "+ newLocation); 
  switch(newLocation)
  {
    case "overview":
        ClickTab('1','1');
        break;
    case "documents":
        ClickTab('2','2');
        break;
    case "products":
        ClickTab('3','3');
        break;
    case "":
        ClickTab('1','-1');
        break;
   }
}