Ext.onReady(function()	{
	Ext.get('btn_subnav').on('click', function(e)	{
		Ext.get('btn_subnav').toggleClass('unfold');
		Ext.get('nav_subnav').setVisibilityMode(Ext.Element.DISPLAY);
		Ext.get('nav_subnav').toggle(true);
	});

	var news_ds = new Ext.data.JsonStore({
		autoLoad: {params: { limit: 4 , start:0 }},
		url:'/support/get_news.php',
		totalProperty: 'results',
		root: 'rows',
		fields: ['Subject', 'Content', {name: 'Date_Entry', type: 'date', dateFormat: 'Y-m-d H:i:s'}],
		listeners: {
			'load': function (store, records, option)	{
				for(i=0; records[i]; i++)	{
					if(i == 0)	{
						Ext.DomHelper.overwrite('news_list', {cls:'list', cn:[{
							cls: 'date', html: records[i].get('Date_Entry').format('- M d, Y')
						}, {
							tag:'a', href:'/support/news.php', html: Ext.util.Format.ellipsis(records[i].get('Subject'), 40, true)
						}]});
					}
					else	{
						Ext.DomHelper.append('news_list', {cls:'list', cn:[{
							cls: 'date', html: records[i].get('Date_Entry').format('- M d, Y')
						}, {
							tag:'a', href:'/support/news.php', html: Ext.util.Format.ellipsis(records[i].get('Subject'), 40, true)
						}]});
					}
				}
			}
		}
	});

	var review_ds = new Ext.data.JsonStore({
		autoLoad: {params: { limit: 4 , start:0 }},
		url:'/support/review_list.php',
		totalProperty: 'results',
		root: 'rows',
		fields: ['Subject','Content','Email',{name: 'Date_Entry', type: 'date', dateFormat: 'Y-m-d H:i:s'}],
		listeners: {
			'load': function (store, records, option)	{
				for(i=0; records[i]; i++)	{
					if(i == 0)	{
						Ext.DomHelper.overwrite('review_list', {cls:'list', cn:[{
							cls: 'date', html: records[i].get('Date_Entry').format('- M d, Y')
						}, {
							tag:'a', href:'/support/review.php', html: Ext.util.Format.ellipsis(records[i].get('Subject'), 50, true)
						}]});
					}
					else	{
						Ext.DomHelper.append('review_list', {cls:'list', cn:[{
							cls: 'date', html: records[i].get('Date_Entry').format('- M d, Y')
						}, {
							tag:'a', href:'/support/review.php', html: Ext.util.Format.ellipsis(records[i].get('Subject'), 50, true)
					}]});
					}
				}
			}
		}
	});

        // ????? ?? ????
/*      var cp = new Ext.state.CookieProvider({
                expires: new Date(new Date().getTime()+(1000*60*60*24)), //1 day
                domain: "www.cyberfence.com"
        });

        if( cp.get('allow_popup', true))        {
                popup = new Ext.Window({
                        id: 'popup_window',
                        //autoLoad: { url: '/news/event/index_popup.html' },
                        html: '<img src="/images/index/popup_2011_11_04_2.jpg" width="620" height="640" alt="" usemap="#map"/><map name="map">'+
                                '<area shape="rect" coords="163,517,456,563" href="/purchase/select.php" />'+
                                '<area shape="rect" coords="24,620,148,635" href="#" onclick="Ext.getCmp(\'popup_window\').cp.set(\'allow_popup\', false); Ext.getCmp(\'popup_window\').close(); return false;" />'+
                                '<area shape="rect" coords="538,615,611,633" href="#" onclick="Ext.getCmp(\'popup_window\').close(); return false;" /></map>',
                        bodyStyle: 'background-color: #FFFFFF; border:1px solid #BCE0DC; padding: 1px;',
                        frame: false,
                        shadow: false,
                        closable: false,
                        resizable: false,
                        width: 624,
                        cp: cp
                }).show();
        }
*/

});