var currentId = "id1";
var currentClass = "li1";
var currentdisplay = '';

function showpopup(id)
{
	document.getElementById(id).style.display = 'block';
}

function hidepopup(id)
{
	document.getElementById(id).style.display = 'none';
}

function ShowHide(id)
{
    if(currentId != null)
    {
        document.getElementById(currentId).style.display='none';
    }   
            
    document.getElementById(id).style.display='block';        
    currentId = id;
}

function changeStyle(id)
{
    if(currentClass != null)
    {
        document.getElementById(currentClass).className='';
    }   
            
	document.getElementById(id).className='caseactive';
    currentClass = id;
}

function displaychange(id)
{
    if (currentdisplay != 'addsection')
    {
        document.getElementById(id).style.display='block';
        currentdisplay = id;
    }
    else
    {
        document.getElementById(id).style.display='none';
        currentdisplay = '';
    }
}