function toggletriggered(flag, id)    
    {
       
        //get the container
        var container = document.getElementById(id);
        
        if (container != null)
        {
            //find child triggered question div
            if (flag)
            {
                container.className = 'triggered_question';
            }
            else
            {
                container.className = 'triggered_question_hidden';
            }
        }
        else
        {
            //do nothing
        }
    }
    
    function toggletriggeredDDL(id, trid, ddl)    
    {
       
        //get the container
        var container = document.getElementById(id);
        var triggeranswer = document.getElementById(trid);
        var ddl = document.getElementById(ddl)
        
        if ((container != null) && (triggeranswer != null) && (ddl != null))
        {
            //ok check the drop down index if the option value matches that of the hidden field 
            //then show panel
            if (triggeranswer.value == ddl.options[ddl.options.selectedIndex].value)
            {        
                container.className = 'triggered_question';
            }
            else
            {
                container.className = 'triggered_question_hidden';
            }
        }
        else
        {
            //do nothing
        }
    }