(function(){

'use strict';

var target_cid = 10
// console.log(target_cid);
// console.log(typeof target_cid);

if(target_cid == null)
{
	return false; //target_cidを取得できなかった場合は終了する
}

var atags = document.getElementsByClassName('course_widget');

var target_ele = null;
for(var i=0; i<atags.length; i++)
{
	if(!atags[i].classList.contains('used')
	 && atags[i].getAttribute('data-course-id') == target_cid.toString())
	{
		target_ele = atags[i];
		break;
	}
}

if(target_ele == null)
{
	return false; //取得できなかった場合は終了
}

// 目印のaタグからパラメータとってきたら消す
target_ele.style.display = 'none';
target_ele.classList.add('used'); //同じページで同じidのウェジェットを埋め込まれた際の対策

// var username = atag[0].dataset.course_widget;


var iframe = document.createElement('iframe');
iframe.scrolling = 'auto';
iframe.frameBorder = 0;
iframe.marginWidth = 0;
iframe.marginHeight = 0;
iframe.width = '100%';
//iframe.height = '100%';
//iframe.width = '480px';
iframe.height = '320px';
iframe.style.cssText = 'border: 1px solid #c0c0c0;box-sizing: border-box;max-width: 480px';
/*
iframe.width = '100%';
iframe.height = '100%';
*/
iframe.id = 'course_widget';

// target_eleの隣にiframeを挿入
target_ele.parentNode.insertBefore(iframe,target_ele);

// widgetの中身（ここに後で中身を書いていきます）
var widget = '<link rel="stylesheet" href="//www.app-tour-de-nippon.jp/css/base.css" />';
widget += '<link rel="stylesheet" href="//www.app-tour-de-nippon.jp/css/widget.css" />';
widget += '<div id="widget">';
widget += '<a href="https://www.app-tour-de-nippon.jp/course/?course_id=10" target="_blank">';
widget += '<h3>スルガ銀行プレゼンツ 芦ノ湖75km</h3>';
widget += '<p>湯河原から芦ノ湖周辺を巡る75ｋｍの山岳コース 富士山、芦ノ湖、大涌谷の素晴らしい景観を眺めれるコース</p>';
widget += '<table class="terms">';
widget += '<tr><th><span>エリア</span></th><td>神奈川県西部、静岡県東部</td></tr>';
widget += '<tr><th><span>距離</span></th><td>74.5km</td></tr>';
widget += '</table>';
widget += '<div class="img">';
widget += '<img src="https://www.app-tour-de-nippon.jp/post_data/course_top_image/f4f6d398b56317789c8a.jpg" width="100%" alt="">';
widget += '</div>';
widget += '<ul class="detail">';
widget += '<li class="comment">0</li>';
widget += '<li class="marker">6</li>';
widget += '<li class="star"> <span class="s0"></span> 0 </li>';
widget += '<li class="calendar">2018-03-02</li>';
widget += '</ul>';
widget += '<ul class="tag">';
widget += '<li>#上級者向き</li>';
widget += '<li>#坂好き向き</li>';
widget += '</ul>';
widget += '<p class="user"> <span class="user_icon" style="background-image: url(https://www.app-tour-de-nippon.jp/post_data/course_post_user_image/bf6ccf883b94b8d55516.jpg);"></span>リンケージサイクリング　田代 恭崇【MASTER】さん </p>';
widget += '</a>';
widget += '</div>';
// widget += (function () { /* <style> #widget{box-sizing:border-box;padding:3%}#widget .img img,#widget a{display:block}#widget a{text-decoration:none}#widget h3{font-size:2.2rem;font-weight:700}#widget h3,#widget h3+p{color:#1f1f1f}#widget ul{margin-top:7px}#widget ul li{display:inline-block;vertical-align:top;height:1pc;line-height:1pc}ul.tag li{color:#0795e0}ul.detail li,ul.tag li{margin-right:10px;display:inline-block}ul.detail li{height:1pc;line-height:1pc;font-size:1.2rem;font-weight:700;color:#c2c2c2}ul.detail li.comment{padding-left:21px;background:url(https://app-tour-de-nippon.jp/img/icon_comment.png)no-repeat left center;background-size:auto 100%}ul.detail li.marker{padding-left:14px;background:url(https://app-tour-de-nippon.jp/img/icon_marker.png)no-repeat left center;background-size:auto 100%}ul.detail li.write{padding-left:18px;background:url(https://app-tour-de-nippon.jp/img/icon_write.png)no-repeat left center;background-size:auto 100%}ul.detail li.star span{display:inline-block;vertical-align:middle;margin-right:5px;width:87px;height:1pc;background:url(https://app-tour-de-nippon.jp/img/bg_star0.png)no-repeat 0 center;background-size:auto 100%}ul.detail li.star span.s1{background-image:url(https://app-tour-de-nippon.jp/img/bg_star1.png)}ul.detail li.star span.s2{background-image:url(https://app-tour-de-nippon.jp/img/bg_star2.png)}ul.detail li.star span.s3{background-image:url(https://app-tour-de-nippon.jp/img/bg_star3.png)}ul.detail li.star span.s4{background-image:url(https://app-tour-de-nippon.jp/img/bg_star4.png)}ul.detail li.star span.s5{background-image:url(https://app-tour-de-nippon.jp/img/bg_star5.png)}ul.detail li.calendar{padding-left:20px;background:url(https://app-tour-de-nippon.jp/img/icon_calendar.png)no-repeat left center;background-size:auto 100%}ul.terms li{display:inline-block;vertical-align:top;margin-right:15px;margin-bottom:10px;color:#fd6d6d;font-weight:700;height:22px;line-height:22px}ul.terms li span{margin-right:8px;display:inline-block;padding:0 8px;vertical-align:middle;font-size:1.1rem;border-radius:3px;border:1px solid #fd6d6d}p.user{margin-top:.5rem;text-align:right;color:#c3c3c3;font-weight:700}p.user .user_icon{content:"";display:inline-block;vertical-align:middle;margin-right:5px;width:24px;height:24px;background:url(../img/icon_smile.png)no-repeat center center #c3c3c3;background-size:contain;border-radius:50%} </style> */ }).toString().replace(/(\n)/g, '').split('/*')[1].split('*/')[0];


// iframeにウィジェットの内容
var doc = iframe.contentWindow.document;
doc.open();
doc.write(widget);
doc.close();


})();