window.addEvent('load', function() {
    var coords = $('mast').getCoordinates();
    var sp = $('servicepanel');
    var sb = $('servicebutton');
    sp.setStyles({'top':coords.top + 30, 'left':coords.left + coords.width - sp.getCoordinates().width - 15, 'opacity':0});
    sb.setStyles({'top':coords.top + 10, 'left':coords.left + coords.width - sp.getCoordinates().width - 240});
    var fx = new Fx.Morph(sp, {duration:800, wait:true});
    var ewidth = 250, eheight = 580, cwidth = 0, cheight = 0;

    $('click').addEvent('click', function() {
	var mcoords = sp.getCoordinates();
	if(mcoords.width == ewidth + 2) {
	    closeHelp();
	} else {
	    var left = mcoords.left - (ewidth - mcoords.width) - 2;
	    fx.start({
		'width':ewidth,
		'height':eheight,
		'left':left,
		'border-width':'1px',
		'opacity':1

	    });
	    sp.setStyle('overflow', 'auto');
	}
    });
    $('close').addEvent('click', function() { closeHelp(); });

    function closeHelp() {
	var mcoords = sp.getCoordinates();
	var left = mcoords.left + (mcoords.width - cwidth) - 2;
	fx.start({
	    'width':cwidth,
	    'height':cheight,
	    'left':left,
	    'border-width':'0px',
	    'opacity':0
	});
	sp.setStyle('overflow', 'hidden');
    }
});