var timeout = 500;
		var closetimer = 0;
		var oldmenu = 0;

		Ext.onReady( function(){

			var helpPanel = new Ext.Panel({
				width:400,
				bodyBorder:false,
				border:false,
				height:400,
				applyTo:'help-panel'
			});

			var shareInfoPanel = new Ext.Panel({
				
				bodyStyle:'padding-bottom:5px;background-color:#EAEAED;',
				bodyBorder:false,
				border:false,
				width:180,
				html:'Click publish to share your latest updates with your Facebook community.'
				
			});

			var shareFormPanel = new Ext.FormPanel({
				height:120,
    				id:'share-form-panel',
				applyTo:'share-panel-publish',
        			labelWidth: 160,
        			url:'../scripts/facebook/publish.asp',
        			bodyStyle:'font-weight:bold;padding:5px 5px 0;background-color:#EAEAED;',
				bodyBorder:false,
				border:false,
        			defaults: {
        				width: 180,
        				labelSeparator:''
        			},
        			monitorValid:true,
        			

				items: [
					shareInfoPanel,

				{
         				xtype:'checkbox',
					fieldLabel:'Fixtures updated',
                			name: 'fixtures'
            			},

				{
         				xtype:'checkbox',
					fieldLabel:'Results updated',
                			name: 'results'
            			}],

        			buttons: [{
           				text: 'Publish',
            				handler: function(){
	
						var shareBoxEl = Ext.get('share-box-inner');
						shareBoxEl.setHeight(75,true);

						var formEl = Ext.get('share-panel-publish');
						formEl.hide();
						formEl.setHeight(0);
		
						var workingEl = Ext.get('share-panel-working');
						workingEl.show();
						workingEl.setHeight(50);



						shareFormPanel.getForm().submit({
							method:'POST',

							success: function(form,action){

								var workingEl = Ext.get('share-panel-working');
								workingEl.hide();
								workingEl.setHeight(0);

								var messageEl = Ext.get('share-panel-message');
								messageEl.show();
								messageEl.setHeight(50);

								obj = Ext.util.JSON.decode(action.response.responseText);
								
								var message = document.getElementById('share-panel-message');
								message.innerHTML = '<div class="success-message">' + obj.message + "</div>";

								setTimeout('closeShare()',2000);

							},

							failure: function(form, action){

								var workingEl = Ext.get('share-panel-working');
								workingEl.hide();
								workingEl.setHeight(0);

								var messageEl = Ext.get('share-panel-message');
								messageEl.show();
								messageEl.setHeight(50);



								obj = Ext.util.JSON.decode(action.response.responseText);
								
								var message = document.getElementById('share-panel-message');
								message.innerHTML = '<div class="failure-message">' + obj.message + "</div>";

								setTimeout('closeShare()',2000);

							}
						});
					}
      				  },{
          				text: 'Cancel',
					handler: function(){
						toggleShare();
					}
       				 }]
   			 });




		});


		var toggleHelp = function()
		{

			var helpBoxEl = Ext.get('help-box');
			var helpButtonEl = Ext.get('help-button');			

			if(helpBoxEl.isVisible())
			{
				helpBoxEl.hide(true);
				//helpButtonEl.removeClass('menu-bar-text-highlight');
			}
			else
			{
				helpBoxEl.setLeftTop(helpButtonEl.getLeft(false)-389,helpButtonEl.getBottom(false)-5);
				helpBoxEl.show(true);
				//helpButtonEl.addClass('menu-bar-text-highlight');

				var helpPanel = Ext.get('help-panel');
				var updater = helpPanel.getUpdater();
				updater.update({
					url:'help.html',
					disableCaching:true
				});
			}
		}


		var closeShare = function()
		{
			var shareBoxEl = Ext.get('share-box');
			var shareButtonEl = Ext.get('share-button');
	
			if(shareBoxEl.isVisible())
			{
				shareBoxEl.hide(true);
				shareButtonEl.removeClass('menu-bar-text-highlight');

				var formEl = Ext.get('share-panel-publish');
				formEl.hide();

				var workingEl = Ext.get('share-panel-working');
				workingEl.hide();

				var messageEl = Ext.get('share-panel-message');
				messageEl.hide();
				
			}


		}

		var toggleShare = function()
		{

			var shareBoxEl = Ext.get('share-box');
			var shareButtonEl = Ext.get('share-button');			

			if(shareBoxEl.isVisible())
			{
				shareBoxEl.hide(true);
				shareButtonEl.removeClass('menu-bar-text-highlight');

				var formEl = Ext.get('share-panel-publish');
				formEl.hide();

				var workingEl = Ext.get('share-panel-working');
				workingEl.hide();

				var messageEl = Ext.get('share-panel-message');
				messageEl.hide();
				
			}
			else
			{
				shareBoxEl.setLeftTop(shareButtonEl.getLeft(false)-150,shareButtonEl.getBottom(false));
				shareBoxEl.show(true);
				shareButtonEl.addClass('menu-bar-text-highlight');

				var shareBoxEl = Ext.get('share-box-inner');
				shareBoxEl.setHeight(165);

				var formEl = Ext.get('share-panel-publish');
				formEl.show();
				formEl.setHeight(100);

				var workingEl = Ext.get('share-panel-working');
				workingEl.hide();
				workingEl.setHeight(0);

				var messageEl = Ext.get('share-panel-message');
				messageEl.hide();
				messageEl.setHeight(0);
				
				
			}
		}

		var showMenu = function(parent,subMenu)
		{

			var parentEl=Ext.get(parent);
			var tipleftEl=Ext.get("tipleft");

			cancelclosetime();

			if(oldmenu)
			{

				var oldel = Ext.get(oldmenu);

				oldel.hide(false);
			}

			var el = Ext.get(subMenu);

			el.setLeftTop(parentEl.getRight(false)-10,parentEl.getTop(false)+2);
			el.show(false);

			tipleftEl.setLeftTop(parentEl.getRight(false)-16,parentEl.getTop(false)+5);
			tipleftEl.show(false);

			oldmenu=el.id;

		}

 		var hideMenu = function()
		{

			if(oldmenu)
			{

				var el = Ext.get(oldmenu);

				if(el)
				{

					el.hide(false);

					var tipleftEl=Ext.get("tipleft");
					tipleftEl.hide(false);

					oldmenu=0;
				}

			}
		}

		var cancelclosetime = function()
		{


			if(closetimer)
			{

				window.clearTimeout(closetimer);
				closetimer=null;
			}

		}

		var closetime = function()
		{

			closetimer = window.setTimeout(hideMenu,timeout);

		}