/* menu of UNESCO on top */
/*
2011-02-23 [add] condition on if(Ext.get('unescomenu')) because the code is merge with all JS and loaded in header
 20110913 [update] update this code to extjs4
*/


Ext.onReady(function () {
					  
    menustate = new Ext.state.CookieProvider({
        path: "/",
        expires: new Date(new Date().getTime() + (1000 * 60 * 60 * 24 * 1))
    });

    var setcookie = function(cookiename, cookiestate) {
        Ext.util.Cookies.set(cookiename, cookiestate);
    }
	if(Ext.get('unescomenu'))
	{
	
    //Ext.util.Cookies.get('menustate');
    if (Ext.get('unescomenu') && Ext.util.Cookies.get('menustate') == 'closed') {
        Ext.get('unescomenu').setStyle({
            display: 'none'
        })
    }

    else if (Ext.get('unescomenu') && Ext.util.Cookies.get('menustate') == 'open') {
        Ext.get('unescomenu').setStyle({
            display: 'block'
        })
    }




    openmenu = function(closablediv) {
        Ext.util.Cookies.get('menustate')
        Ext.get(closablediv).slideIn('t', {
            duration: 1000
        });
        setcookie('menustate', 'open');
    };

    closemenu = function(closablediv) {
        Ext.util.Cookies.get('menustate');
        Ext.get(closablediv).slideOut('t', {
            duration: 1000,
            remove: false,
            useDisplay: true
        });
        setcookie('menustate', 'closed');

    };

    if (Ext.util.Cookies.get('menustate') === null) {
		
		//closemenu.defer(4000, this, ['unescomenu'], [3]);
        Ext.Function.defer(closemenu,4000,this, ['unescomenu']);
		setcookie('menustate', 'closed');
    }

function handleclick() {
        if (Ext.util.Cookies.get('menustate') == 'closed') {
            openmenu('unescomenu');
        }else if (Ext.util.Cookies.get('menustate') == 'open') {
            closemenu('unescomenu');
        }
		
    };


    Ext.select('.collapsem').on('click',handleclick);
	}
})