var spanState = Object;


function getPrefValue(prefKey)
{
    var nameEQ = prefKey + "=";
    var ca = document.cookie.split(';');
    var ret = null;
    for(var i=0;i < ca.length;i++)
    {
            var c = ca[i];
            while (c.charAt(0)==' ') c = c.substring(1,c.length);
            if (c.indexOf(nameEQ) == 0) 
            {
                ret = c.substring(nameEQ.length,c.length);
            };
    }
    
    if (ret==null)
    {
        ret = spanState[prefKey];
    };
    
    return ret;
};

function setPrefValue(prefKey, prefValue)
{
    spanState[prefKey]=prefValue;
    document.cookie = prefKey+"="+prefValue+"; path=/";
};

function toggleFromPrefs(spanID)
{
    var x, elID, el;
    
    for (x=0; x<15; x++)
    {
        elID = "" + spanID + x;
        setSpanFromPrefs(elID);
    };
    
};

function getEl(elID)
{
    var el;
    
    if (!document) { return NULL; };
    if (!document.getElementById) { return NULL; };

    el = document.getElementById(elID);
    
    return el;
};

function openSpan(elID)
{
    var el;
    
    el = getEl(elID);
    if (!el) { return; };
    
    el.style.display="block";    

    setPrefValue(elID,"o");
};

function closeSpan(elID)
{
    var el;
    
    el = getEl(elID);
    if (!el) { return; };
    
    el.style.display="none";

    setPrefValue(elID,"c");
};

function setSpanFromPrefs(elID)
{
    var st;
    st = getPrefValue(elID);
        
    if (st=='o')
    {
        openSpan(elID);
    };
};

function toggleSpan(elID)
{
    var st;
    st = getPrefValue(elID);
        
    if (st=='o')
    {
        closeSpan(elID);
    }
    else
    {
        openSpan(elID);
    };
};