function selectedClass(id) 
{
    // name , value, days to expire
    createCookie('ppkcookie',id,1);
}

function selectClassApplay()
{   
    var x = readCookie('ppkcookie');
    if (x) 
    {
        if(document.getElementById(x))
        {   
            document.getElementById(x).className = 'selected';	    
            
               var x1 = readCookie('displayClassCk');
                if (x1) 
                {
                displayClassApplay();
                }
        }
    }
}

function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	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) return c.substring(nameEQ.length,c.length);
	}
	return null;
}

function eraseCookie(name) {
	createCookie(name,"",-1);
}

var ids=[];

function hideallids()
{
	//loop through the array and hide each element by id
	for (var i=0;i<ids.length;i++)
	{
		document.getElementById(ids[i]).className = 'none';
	}		  
}

//function dynamically add the values
function addElementToArray(newElement)
{
    ids[ids.length]=newElement;
}

function addElementToAllServices()
{
	for (var i=0;i<ids.length;i++)
	{
		document.getElementById(ids[i]).className = 'none';
	}	
}


/* this is for sub menu */

var subMenuids = [];



function hideallSubMenus()
{
	//loop through the array and hide each element by id
	for (var i=0;i<subMenuids.length;i++)
	{
		document.getElementById(subMenuids[i]).className = 'closed';
	}		  
}

//function dynamically add the values
function addSubMenuIdToArray(nElement)
{
    subMenuids[subMenuids.length]=nElement;
}



function displayClassApplay()
{   
    hideallSubMenus();
    
    var x = readCookie('displayClassCk');
    
    if (x) 
    {
        if(document.getElementById(x))
        {   
        hideshow = document.getElementById(x);

            document.getElementById(x).className = 'open';	
            //setTimeout("hideshow.className = 'open';", 300); //Set delay

        }

        
    }

}



function toggleSubMenu(id){
    ul = "ul_" + id;
    
    ulElement = document.getElementById(ul);
    
    if (ulElement){
            if (ulElement.className == 'closed'){
                    ulElement.className = "open";
                    
                    }else{
                    ulElement.className = "closed";
                    //for delay use following
                    //setTimeout("ulElement.className = 'closed;';", 1000); 
                    }
            }
            
    // name , value, days to expire
    createCookie('displayClassCk',id,1);
    displayClassApplay();
    }