function showShop(id, opt) {
	var	req				= mint.Request();
//		req.getJSON		= true;
		req.OnSuccess	= function() { generateData(this.responseText, opt);}
		req.OnError		= function() { generateData(alert('error'));}

	req.Send('static/upload/shops/'+id+'/data.json');
}

function generateData(data, opt) {
	opt	= (opt == undefined) ? 1 : opt;

	if(data != undefined) {
		var	scrolled		= document.body.scrollTop;
			scrolled		= (scrolled <= 0) ? ((window.pageYOffset) ? window.pageYOffset : (document.body.parentElement) ? document.body.parentElement.scrollTop : 0) : 0;
		var	top				= 0;
		var	screenHeight	= window.screen.height;
		var	height			= document.body.offsetHeight;
			height			= (height < $('page').offsetHeight) ? $('page').offsetHeight + 40 : height;

		if($('window') != null) {
			$('windowBox').innerHTML	= data;
				top						= (screenHeight <= 800) ? (screenHeight / 2) - 480 + scrolled : (screenHeight / 2) - 400 + scrolled ;
				top						= (top < 20) ? 20 : top;
			$('windowBox').style.top	= top + 'px';

			openWindow();
		} else {
			var	width, left;
			var	background				= document.createElement('div');
			var	windowBox				= document.createElement('div');
			var	windowDiv				= document.createElement('div');
				windowDiv.id			= 'window';

				windowBox.className		= 'box';
				windowBox.id			= 'windowBox';
				windowBox.innerHTML		= data;
				left					= (document.body.offsetWidth / 2) - 485;
				windowBox.style.left	= (left < 0) ? '0' : left-10 + 'px';
					top					= (screenHeight <= 800) ? (screenHeight / 2) - 480 + scrolled : (screenHeight / 2) - 400 + scrolled ;
					top					= (top < 20) ? 20 : top;
				windowBox.style.top		= top + 'px';
				background.className	= 'background';
				background.onclick		= closeWindow;
				background.style.width	= document.body.offsetWidth + 'px';
				height					= (height < top + 660 + 20) ? top + 660 + 20 : height;
				background.style.height	= height + 'px';

				windowDiv.appendChild(background);
				windowDiv.appendChild(windowBox);
			document.body.appendChild(windowDiv);
		}
	}

}

function closeWindow() {
	$('window').style.display	= 'none';
}

function openWindow() {
	$('window').style.display	= 'block';
}

function showLocalization() {
	$('text').style.display		= 'none';
	$('map').style.display		= 'block';
	$('button1').style.display	= 'none';
	$('button3').style.display	= 'block';
	$('button1').onclick		= showInformation;
}

function showInformation() {
	$('map').style.display	= 'none';
	$('text').style.display	= 'block';
	$('button3').style.display	= 'none';
	$('button1').style.display	= 'block';
	$('button1').onclick	= showLocalization;
}

function $(id) {
	return document.getElementById(id);
}