var HPG = HPG || {};
HPG.HPDS = HPG.HPDS || {};

HPG.HPDS.render = (function() {
	
	var self = document.currentScript || (function() {
		var scripts = document.getElementsByTagName('script');
		return scripts[scripts.length - 1];
	}());

	
	var style = JSON.parse(self.getAttribute('data-style').replace(/'/g, '"')),
		stores = JSON.parse(self.getAttribute('data-stores').replace(/'/g, '"'));

	
	var frame = document.createElement('iframe');
	frame.setAttribute('name', 'hpdsStockCalendarGadgetFrame' + Math.random().toString().slice(-8)); 
	frame.setAttribute('width', style.width || 268); 
	var height = 488; 
	if (stores.length === 1 && style.logo === 'hide') {
		height = 472; 
	} else if (stores.length >= 1 && style.logo !== 'hide') {
		height = 529; 
	} else if (stores.length >= 1 && style.logo === 'hide') {
		height = 513; 
	}
	frame.setAttribute('height', height);
	frame.setAttribute('style', 'border: 0; margin: 0; padding: 0;');
	self.parentNode.insertBefore(frame, self.nextSibling);

	
	var form = document.createElement('form');
	form.setAttribute('method', 'post');
	form.setAttribute('action', 'https://www.hotpepper.jp/CSP/prds80/doShowGadget');
	form.setAttribute('target', frame.getAttribute('name'));
	form.setAttribute('style', 'display: inline');
	form.setAttribute('accept-charset', 'UTF-8');

	
	var params = {};
	params['bgColor'] = style.bgcolor;
	params['btnColor'] = style.btncolor;
	params['stores'] = JSON.stringify(stores);
	if (style.logo === 'hide') {
		params['hideLogo'] = '1';
	}
	for (var key in params) {
		var hidden = document.createElement('input');
		hidden.setAttribute('type', 'hidden');
		hidden.setAttribute('name', key);
		hidden.setAttribute('value', params[key]);
		form.appendChild(hidden);
	}
	self.parentNode.insertBefore(form, frame.nextSibling);

	
	form.submit();
});

HPG.HPDS.render();