var m_tabCss = "TabZone_Tab tabInactive";
var m_imageSrc = "/images/tab-right.gif";

var m_tabHoverCss = "TabZone_Tab inactiveTabOver";
var m_imageHoverSrc = "/images/tab-right-hover.gif";

var m_tabActiveCss = "TabZone_Tab tabActive";
var m_imageActiveSrc = "/images/tab-right-active.gif";

function InitSelection(tabId , hiddenId)
{ 
    var hiddenField= $(hiddenId);  
    
    if(hiddenField.value != "")
    {
        var selectedTab = $(hiddenField.value);
        
        if(selectedTab != null)
        {
            SelectTab(selectedTab.id);
        }
        else
        {
            SelectTab(tabId);
        }
    }
    else
    {
        SelectTab(tabId);
    }
}

function SelectTab(currId)
{
	var previous = null;
    var current = $(currId);
    var children = current.parentNode.getElementsByTagName("DIV");
    
    for(var i=0; i < children.length; i++)
    {
		var temp = children[i];
		
        if((temp.className == m_tabActiveCss) && (temp.id != current.id))
        {
           previous = temp;
		   break;
        }
		temp = null;
    }
	
    if(previous != null)
    {
        previous.className = m_tabCss;
        
        $(previous.id + "_img").src = m_imageSrc;
        $(previous.id + "_panel").style.display = "none";
    }

    current.className = m_tabActiveCss;
    
    $(current.id + "_img").src = m_imageActiveSrc;
    $(current.id + "_panel").style.display = "block";
}

function OnTabOver(tabId,fieldId)
{
    var current = $(tabId);
    DoRollOver(current,m_tabHoverCss,m_imageHoverSrc);
}

function OnTabOut(tabId,fieldId)
{
    var current = $(tabId);
    DoRollOver(current,m_tabCss,m_imageSrc);
}

function RecieveServerData(arg, context) 
{ 
    var hidden = $(context);
	
    SelectTab(arg);
	
	hidden.value = arg;
}

function DoRollOver(current,css,src)
{
    if(current != null)
    {
        if(current.className != m_tabActiveCss)
        {
            current.className = css;
            $(current.id + "_img").src = src;
        }
    }
}

///////////////////////////////////////////////////////
// 
// Helper Functions
//
///////////////////////////////////////////////////////

function IsNull(obj)
{
	if(obj == null)
	{
		return true;
	}
	else if(obj == undefined)
	{
		return true;
	}
	return false;
}

function $(elementId)
{
    return document.getElementById(elementId);
}

///////////////////////////////////////////////////////