
var VF6a073a8ece_mainId = 'VF6a073a8ece_main';
if( '' == '' ){
	VF6a073a8ece_mainId = 'VF6a073a8ece_main' + Math.floor(Math.random() * 9999999999); 
}

VF6a073a8ece_create();
var VF6a073a8ece_checkCount = 0;



function VF6a073a8ece_createWidget(id) {
	var o = document.getElementById(id);
	var elems = document.getElementsByTagName('script');

	var target = document.createElement('div');
	target.setAttribute('id', id);
	target.setAttribute('data-vf-name', name);

	// 既に存在している場合
	if( o ) return o;

	for(var i = 0; i < elems.length; i++){
		var e = elems[i];
		var src = e.getAttribute('src');
		var name = 'VF-widget';

		// url一致確認
		if( ! src || src.indexOf("\/vote\/form\/?id=171638&c_s=10&sid=1206888") < 0 ) continue;

		// 既に存在しているか確認
		var cn = 'VF-widget-dummy-' + Math.floor(Math.random() * 99999999);
		e.setAttribute('data-vf-dummy', cn);
		var o = document.querySelector('script[data-vf-dummy="' + cn + '"] + *[data-vf-name]');
		if( o ) continue;

		//e.after(target);
		e.parentNode.insertBefore(target, e.nextSibling);
		break;		
	}

	return target;
}

function VF6a073a8ece_create() {

	var main = VF6a073a8ece_createWidget(VF6a073a8ece_mainId);

	var link_url = '';
	var link_title = '';
	var choice_size = 0;
	var choice_d = [{id:0, value:'2016 ウィンブルドン ＱＦ フェデラーvsチリッチ'},{id:1, value:'2013 ツアーファイナル RR フェデラーvsデルポトロ'},{id:2, value:'2015 バーゼル Ｆ フェデラーvsナダル'},{id:3, value:'2015 シンシナティ　フェデラーvsジョコビッチ'},{id:4, value:'2001 ウィンブルドン 4Ｒ フェデラーvsサンプラス'},{id:5, value:'2011 ツアーファイナル RR フェデラーvsナダル'},{id:6, value:'2014 全米ＯＰ ＱＦ フェデラーvsモンフィス'},{id:7, value:'2012 ロンドンオリンピック ＳＦ フェデラーvsデルポトロ'},{id:8, value:'2009 ウィンブルドン Ｆ フェデラーvsロディック'},{id:9, value:'2014 ドバイ Ｆ フェデラーvsジョコビッチ'},{id:10, value:'2005 マイアミ Ｆ フェデラーvsナダル'},{id:11, value:'2011 全仏ＯＰ ＳＦ フェデラーvsジョコビッチ'},{id:12, value:'2012 ウィンブルドン Ｆ フェデラーvsマレー'},{id:13, value:'2009 全仏ＯＰ Ｆ フェデラーvsソダーリング'},{id:14, value:'2015 ウィンブルドン ＳＦ フェデラーvsマレー'},{id:15, value:'2007 ウィンブルドン Ｆ フェデラーvsナダル'}];
	var sex_d = null;
	var age_d = null;
	var area_d = null;
	var no_personal = true;
	var no_comment = '';
	var no_copy = '';
	var c_name = 'テニスのある日々';
	var c_link = 'https://blog.with2.net/vote/u/?id=4482';

	if( ! main ) return false;
	main.style.width = 'auto';

	var form = document.createElement('form');
	form.method = 'post';
	form.action = 'https://blog.with2.net/vote/v/?m=a&id=171638';
	form.target = '_self';
	form.id = 'VF6a073a8ece_form';
	form.style.fontFamily = '"メイリオ", "ヒラギノ角ゴ Pro W3", "MS PGothic", "MS UI Gothic", Helvetica, Arial, sans-serif';
	form.style.textAlign = 'left';
	form.style.margin = '2px 5px';
	form.style.backgroundColor = '#ffffea';
	form.style.color = '#707070';
	form.style.borderRadius = '0px';
	if( '' == '' ){
		form.style.border = '1px solid gray';
		form.style.boxShadow = '1px 1px 1px gray';
	}
	form.style.padding = '8px';
	form.style.minWidth = '120px';
	if( '' != '' ) form.style.maxWidth = '';
	main.appendChild(form);

	var sid = document.createElement('input');
	sid.type = 'hidden';
	sid.name = 'sid';
	sid.value = '1206888';
	form.appendChild(sid);

	var qids = document.createElement('input');
	qids.type = 'hidden';
	qids.name = 'qids';
	qids.value = '';
	form.appendChild(qids);

	var char = document.createElement('input');
	char.type = 'hidden';
	char.name = 'char';
	char.value = '文字表示';
	form.appendChild(char);

	var charset = document.createElement('input');
	charset.type = 'hidden';
	charset.name = 'ie';
	charset.value = document.charset || document.characterSet;
	form.appendChild(charset);

	var title = document.createElement('h3');
	title.style.fontWeight = 'bold';
	title.style.fontSize = '15px';
	title.style.color = '#800000';
	title.style.lineHeight = '1.3em';
	title.style.padding = '0 0 0 22px';
	title.style.margin = '0 0 .7em 0';
	title.style.border = 'none';
	title.style.boxShadow = 'none';
	title.style.width = 'auto';
	title.style.height = 'auto';
	title.style.textAlign = 'left';
	if( 8 > 2 ){
		var tmg = Math.floor(8 / 3);
		if( tmg > 5 ) tmg = 5;
		title.style.marginLeft = '-' + tmg + 'px';
	}
	var bg_top = 0;
	if( 15 > 18 ) bg_top = Math.floor((15 * 1.2 - 18) / 2);
	title.style.background = 'url(//blog.with2.net/vote/img/logo_18x18.gif) no-repeat left ' + bg_top + 'px';
	title.appendChild( document.createTextNode('フェデラーのベストマッチは？？') );
	form.appendChild(title);

	var desc = document.createElement('div');
	desc.className = 'vf-form-desc';
	desc.style.fontSize = '12px';
	desc.style.color = '#505050';
	desc.style.margin = '0 0 6px 0';
	desc.style.padding = '0';
	desc.style.lineHeight = '1.3em';
	desc.appendChild( document.createTextNode('お気軽にご投票ください！思いのある試合にコメントも添えて頂けると嬉しいです♪') );
	if( link_url ){
		var link = document.createElement('a');
		link.target = '_blank';
		link.href = link_url;
		link.title = link_title;
		link.style.color = '#505050';
		link.style.margin = '0 0 0 0px';
		link.style.fontSize = '100%';
		if( link_title.length > 12 ){
			link_title = link_title.substr(0, 12) + '…';
		}
		link.appendChild( document.createTextNode('(参考)' + link_title) );
		desc.appendChild( document.createTextNode(' →') );
		desc.appendChild(link);
	}
	form.appendChild(desc);

	if( form.style.width.match(/^([0-9]+)px/) && RegExp.$1 < 240 ){
		title.style.display = 'inline';
		desc.style.paddingLeft = '8px';
		desc.style.display = 'inline';
	}

	var div = document.createElement('div');
	div.className = 'vf-form-etc';
	div.style.fontSize = '12px';
	div.style.margin = '10px 0 -1.3em 0';
	div.style.padding = '0';
	div.style.lineHeight = '1.6em';
	if( choice_size != 0 ){
		var text = '(複数選択可能';
		if( choice_size >= 2 ) text += '、' + choice_size + '個まで';
		text += ')';
		div.appendChild( document.createTextNode(text) );
		form.appendChild(div);
	}

	var choice = document.createElement('ol');
	choice.style.padding = '0 0 0 0';
	choice.style.margin = '1.3em 0';
	choice.style.listStyle = 'decimal inside';
	choice.style.fontSize = '10px';
	choice.style.color = '#404040';
	for(var i = 0; i < choice_d.length; i++){
		var d = choice_d[i];
		var li = document.createElement('li');
		var q = document.createElement('input');
		var l = document.createElement('label');
		li.style.height = 'auto';
		li.style.padding = '1px 0';
		li.style.margin = '4px 0';
		li.style.background = 'none';
		li.style.lineHeight = '1.3em';
		li.style.listStyle = 'decimal inside';
		if( i == 0 ){
			li.style.marginTop = '0';
			li.style.paddingTop = '0';
		}
		//li.style.border = '1px dashed gray';
		li.style.borderWidth = '0 0 1px 0';
		q.id = 'VF6a073a8ece_' + i;
		q.type = 'radio';
		q.name = 'qid';
		q.value = d.id;
		q.style.width = 'auto';
		q.style.height = 'auto';
		q.style.margin = '0 4px 0 0';
		q.style.padding = '0';
		q.style.border = 'none';
		q.style.verticalAlign = 'middle';
		q.style.webkitAppearance = ' !important';
		l.style.verticalAlign = 'middle';
		l.style.display = 'inline';
		l.setAttribute('for',q.id);
		if( 'htmlFor' in l ) l.htmlFor = q.id;
		l.appendChild( document.createTextNode(d.value) );
		li.appendChild(q);
		li.appendChild(l);
		choice.appendChild(li);
		q.onclick = function(){
			var e = this;
			if( e.checked && 0 >= 2 ){
				var ctr = 0;
				for(var i = 0; i < e.form.elements.length; i++){
					var e2 = e.form.elements[i];
					if( e2.name == 'qid' && e2.checked ) ctr++;
				}
				if( ctr > 0 ){
					e.checked = false;
				}
			}
		};
	}
	form.appendChild(choice);

	if( ! no_personal ){
		var personal = document.createElement('div');
		var sex = VF6a073a8ece_makePersonal('sex', '性別', sex_d);
		var age = VF6a073a8ece_makePersonal('age', '年齢', age_d);
		var area = VF6a073a8ece_makePersonal('area', '地域', area_d);
		personal.style.margin = '0 0 10px 0';
		personal.appendChild(sex);
		personal.appendChild(age);
		personal.appendChild(area);
		form.appendChild(personal);
		VF6a073a8ece_setDefaultValue(sex, '');
		VF6a073a8ece_setDefaultValue(age, '');
		VF6a073a8ece_setDefaultValue(area, '');
	}

	if( ! no_comment ){
		var cm = document.createElement('div');
		var comment = document.createElement('textarea');
		cm.setAttribute('maxlength', '120');
		cm.className = 'vf-form-etc vf-form-cm';
		cm.style.padding = '0';
		cm.style.margin = '0 0 10px 0';
		cm.style.fontSize = '12px';
		comment.name = 'msg';
		comment.setAttribute('maxlength', '100');
		comment.style.width = '90%';
		comment.style.height = '50px';
		comment.style.lineHeight = '18px';
		comment.style.padding = '2px 5px';
		comment.style.fontSize = '14px';
		cm.appendChild( document.createTextNode('コメント') );
		cm.appendChild( document.createElement('br') );
		cm.appendChild(comment);
		form.appendChild(cm);
	}

	var button = document.createElement('div');
	var submit = document.createElement('input');
	var result = document.createElement('input');
	button.style.whiteSpace = 'nowrap';
	button.style.margin = '15px 0 3px 0';
	button.style.textAlign = 'left';
	submit.type = 'submit';
	submit.name = 'submit';
	submit.value = '投 票';
	submit.style.padding = '4px 0';
	submit.style.width = '40%';
	submit.style.maxWidth = '100px';
	submit.style.margin = '0 8px 0 0';
	submit.style.textAlign = 'center';
	submit.style.float = 'none';
	result.type = 'submit';
	result.value = '結果を見る';
	result.style.padding = '4px 0';
	result.style.margin = '0';
	result.style.width = '40%';
	result.style.maxWidth = '100px';
	result.style.textAlign = 'center';
	result.style.float = 'none';
	result.onclick = function(event){
		try{
			event.stopPropagation();
		}catch(e){
			window.event.cancelBubble = true;
		}
		try{
			event.preventDefault();
		}catch(e){
			window.event.returnValue = false;
		}
		if( '_self' == '_self' ){
			location.href = 'https://blog.with2.net/vote/v/?m=va&id=171638';
		}else{
			window.open('https://blog.with2.net/vote/v/?m=va&id=171638');
		}
		return false;
	};
	button.appendChild(submit);
	button.appendChild(result);
	form.appendChild(button);
	if( submit.clientWidth > 150 ){
		submit.style.width = '120px';
		result.style.width = '120px';
	}

	if( c_name && ! no_copy ){
		var div = document.createElement('div');
		var a = document.createElement('a');
		div.className = 'vf-form-copy vf-form-etc';
		div.style.textAlign = 'right';
		div.style.margin = '5px 0 0 0';
		div.style.padding = '0';
		div.style.fontSize = '12px';
		a.target = '_blank';
		a.className = 'vf-form-etc';
		a.href = c_link;
		a.style.color = '#707070';
		a.appendChild( document.createTextNode(c_name) );
		div.appendChild( document.createTextNode(String.fromCharCode(169)) );
		div.appendChild(a);
		form.appendChild(div);
	}


	// on submit
	form.onsubmit = function(){

		var qid = new Array();

		for(var i = 0; i < this.qid.length; i++){
			if( this.qid[i].checked ){
				qid.push(this.qid[i].value);
			}
		}

		if( qid.length == 0 ){
			alert('項目が選択されていません。');
			return false;
		}

		this.submit.setAttribute('disabled', 'disabled');

		this.qids.value = qid.join(',');

		return true;

	};


	// is done
	if( 'Y' == 'Y' ){

		var qids = form.qid;
		if( ! qids ) qids = choice.getElementsByTagName('input');

		for(var i = 0; i < qids.length; i++){
			qids[i].disabled = true;
		}
		submit.disabled = true;

	}


	// 横幅が小さい時の対応
	if( form.offsetWidth < 200 ){

		form.style.margin = '1px';
		result.value = '結 果';

	}


}


// make Personal data.
function VF6a073a8ece_makePersonal(name, title, d) {

	if( ! d ) return null;

	var e = document.createElement('select');
	e.name = name;
	e.style.fontSize = '10px';
	e.style.height = 'auto';
	e.style.width = 'auto';
	e.style.padding = '1px';
	e.style.margin = '0 3px 0 0';
	e.style.backgroundColor = '#f0f8ff';
	e.style.float = 'none';
	e.onclick = function(e){
		try{
			if( e.stopPropagation ){
				e.stopPropagation();
			}else{
				e.cancelBubble = true;
			}
		}catch(e){
			e.cancelBubble = true;
		}
	};

	var opt = document.createElement('option');
	opt.setAttribute('value', '');
	opt.appendChild( document.createTextNode('【' + title + '】') );
	e.appendChild(opt);

	for(var i = 0; i < d.length; i++){
		var opt = document.createElement('option');
		opt.value = d[i].id;
		opt.appendChild( document.createTextNode(d[i].value) );
		e.appendChild(opt);
	}

	return e;

}


// setting default value
function VF6a073a8ece_setDefaultValue(e, val) {
	for(var i = 0; i < e.length; i++){
		if( e[i].value == val ){
			e.selectedIndex = i;
			break;
		}
	}
}

