function fgPanel() {
	this.panel = $('.fg-panel');
	this.content = this.panel.find('.fg-panel-content');
	this.btn = this.panel.find('.fg-panel-btn');
}

fgPanel.prototype.show = function() {
	// 初始化面板高度
	var srn = $.mobile.getScreenHeight();	// 屏幕的高度

	// 生成面板左侧的遮罩层
	var mask = $('<div class="fg-panel-mask" onclick="panel.hide();"></div>');
	mask.css({
		'height': srn + 'px'
	});
	// 判断panel所在的页面是否展示
	if(this.panel.parent().hasClass('ui-page-active')) {
		$('div[data-role="page"]').append(mask);

		// 定义面板的高度并显示面板
		this.panel.height(srn - 16);
		this.content.height(srn - 96);
		this.panel.animate({'right': 0},500);
	}
	
}
fgPanel.prototype.hide = function(isTop) {
	if(isTop != undefined || isTop == true) {
		$(document).scrollTop(0);
	}	
	$('.fg-panel-mask').remove();
	this.panel.animate({'right': '-80%'},500);
}
var panel = new fgPanel();

// 当横屏和竖屏切换时更改面板的高度
$(window).on("orientationchange",function(){
	setTimeout(function() {
		var srnWidth = $(window).width();
		var posR = panel.panel.offset().left;
		if(srnWidth > posR) {
			panel.show();
		}
	}, 200);
});