﻿function ShowHideLayer(layerName,status){	
        if(document.getElementById(layerName)){
			document.getElementById(layerName).style.display = status;	
		}
	}
	
function SetActiveTab(activeTabNo, totalTabsNo, tabPrefix)
{    
	for (i=1; i<= totalTabsNo; i++){
		if (i==activeTabNo)
		{
		    if(document.getElementById(tabPrefix+i))
		    {
			    document.getElementById(tabPrefix+i).className = 'product_active_tab';
			    document.getElementById(tabPrefix+i).style.height = '21px';	
			    document.getElementById(tabPrefix+i).style.marginTop = '5px';		    
			}
		}
		else if (i==activeTabNo) 
		{
		    document.getElementById(tabPrefix+i).className = 'product_active_tab';
		    document.getElementById(tabPrefix+i).style.height = '20px';
		    document.getElementById(tabPrefix+i).style.marginTop = '5px';
		}
		else 
		{
		    //for all the tabs except the first one (packeged_kits for JMSI)
		    if(document.getElementById(tabPrefix+i) && i!=1)
		    {
		        document.getElementById(tabPrefix+i).className = 'product_inactive_tab';
		        document.getElementById(tabPrefix+i).style.height = '20px';
		        document.getElementById(tabPrefix+i).style.marginTop = '5px';
		    }
		    else if(document.getElementById(tabPrefix+i) && i==1)
		    {
		        document.getElementById(tabPrefix+i).className = 'product_inactive_spacial_tab';
		        document.getElementById(tabPrefix+i).style.height = '20px';
		        document.getElementById(tabPrefix+i).style.marginTop = '5px';
		    }
		}
	}
}

function ShowHideTabs(activeTabNo, totalTabsNo, tabPrefix, boxPrefix)
{
    
    for(i=1;i<=totalTabsNo;i++)
    {
        if(i == activeTabNo)
        {
            ShowHideLayer(boxPrefix+i,"block");
        }
        else
        {
            ShowHideLayer(boxPrefix+i,"none");
        }
    }
    SetActiveTab(activeTabNo, totalTabsNo, tabPrefix);
}



