$().ready(function() {
	var show = $('.exAshow');
	var hide = $('#ex5hide');
	
	$('div.square')
		.jqm({overlay: 50, trigger: false})
		//.jqDrag()
		.jqmAddTrigger(show)
		.jqmAddClose(hide)
		
	$('.exAshow').click(function() {
                                   
		$('div.square.a').jqmShow();
		$('div.square.b').jqmHide();
                                $('div.square.c').jqmHide();
                                $('div.square.d').jqmHide();
		return false;
	});

$('.exBshow').click(function() {
                                   
		$('div.square.b').jqmShow();
		$('div.square.a').jqmHide();
                                $('div.square.c').jqmHide();
                                $('div.square.d').jqmHide();
		return false;
	});

$('.exCshow').click(function() {
                                   
		$('div.square.c').jqmShow();
		$('div.square.a').jqmHide();
                                $('div.square.b').jqmHide();
                                $('div.square.d').jqmHide();
		return false;
	});

$('.exDshow').click(function() {
                                   
		$('div.square.d').jqmShow();
		$('div.square.a').jqmHide();
                                $('div.square.c').jqmHide();
                                $('div.square.b').jqmHide();
		return false;
	});



});