function get_bordertype(id){
	if (document.getElementById(id).value == 'solid'){
		var border = 'solid';
		var color = document.getElementById('color').value;
	}
	if (document.getElementById(id).value == 'dotted'){
		var border = 'dotted';
		var color = document.getElementById('color').value;
	}
	make_sample(color,border);
}

function get_color(){
	var color = document.getElementById('color').value;
	if (document.getElementById('solid').checked){
		var border = 'solid';
	}
	if (document.getElementById('dotted').checked){
		var border = 'dotted';
	}
	make_sample(color,border);
}
function checked_all(){
	var type = false;
	if (document.getElementById('check_all').checked){
		type = true;
	}else{
		type = false;
	}
	for (i = 1; i < document.bookmarklinker.length; i++){
		if (document.bookmarklinker.elements[i].type == "checkbox"){
			document.bookmarklinker[i].checked = type;
		}
	}
	var color = document.getElementById('color').value;
	
	make_sample(color);
}

function change_sample(id){
	var sample_list = new Array();
	sample_list = {
		"1" : 'common_style',
		"2" : 'row_style',
		"3" : 'column_style',
		"4" : 'icon_style',
		"5" : 'phprow_style',
		"6" : 'phpcolumn_style'
	};
	
	for (var i in sample_list){
		document.getElementById('viewarea_' + sample_list[i]).style.display = 'none';
		if (document.getElementById(id)){
			if (sample_list[i] == id){
				document.getElementById('viewarea_' + sample_list[i]).style.display = '';
			}
		}
	}
	var color = document.getElementById('color').value;
	if (document.getElementById('solid').checked){
		var border = 'solid';
	}
	if (document.getElementById('dotted').checked){
		var border = 'dotted';
	}
	make_sample(color,border);
}

function change_type(id){
	var sample_list = new Array();
	sample_list = {
		"1" : 'common_style',
		"2" : 'row_style',
		"3" : 'column_style',
		"4" : 'icon_style',
		"5" : 'phprow_style',
		"6" : 'phpcolumn_style'
	};
	
	for (var i in sample_list){
		document.getElementById('viewarea_' + sample_list[i]).style.display = 'none';
	}
	
	if (document.getElementById('javascript').checked){
		document.getElementById('common_style').checked = true;
		document.getElementById('phprow_style').checked = false;
		document.getElementById('viewarea_common_style').style.display = '';
		document.getElementById('url_area').style.display = 'none';
		document.getElementById('url_err').style.display = 'none';
	}
	if (document.getElementById('php').checked){
		document.getElementById('phprow_style').checked = true;
		document.getElementById('common_style').checked = false;
		document.getElementById('viewarea_phprow_style').style.display = '';
		document.getElementById('url_area').style.display = '';
		document.getElementById('url_err').style.display = '';
	}
	var type_list = new Array();
	type_list = {
		"1" : 'javascript',
		"2" : 'php'
	};
	
	for (var i in type_list){
		document.getElementById('ver_' + type_list[i]).style.display = 'none';
		if (document.getElementById(id)){
			if (type_list[i] == id){
				document.getElementById('ver_' + type_list[i]).style.display = '';
			}
		}
	}
	var color = document.getElementById('color').value;
	make_sample(color);
}

function make_sample(color,border){
	var x = 0;
	var output_image = "";
	if (!color){
		color = '#333333';
		color = document.getElementById('color').value;
		
	}
	if (!border){
		border = 'solid';
		if (document.getElementById('solid').checked){
			border = 'solid';
		}
		if (document.getElementById('dotted').checked){
			border = 'dotted';
		}
	}
	//通常型
	if (document.getElementById('common_style').checked){
		output_image = '<div id="social-bookmark1" style="width:480px; height:50px; padding:5px 5px 5px 5px; background-color:#ffffff; border:1px '+border+' '+color+';"><div id="bookmarkarea-top" style="width:480px;">';
		for (var i in send_list){
			if (check_obj = document.getElementById('check'+i)){
				if (check_obj.checked){
					if (x < 4){
						output_image = output_image + ' <img src="http://www.ec-images.com/images/smo/sbm/' + send_list[i]['icon'] + '" /> <span style="font-size:11px;">'+ send_list[i]['name'] + 'に追加</span>';
					}else if(x == 4){
						output_image = output_image + '</div><div id="bookmarkarea-row" style="width:480px;"><div style="float:left; padding-top:5px;"><select name="jumpit"><option selected value="#">その他ブックマークに追加</option><option value="">' + send_list[i]['name'] + 'に追加</option>';
					}else{
						output_image = output_image + '<option value="">' + send_list[i]['name'] + 'に追加</option>';
					}
					x++;
				}
			}
		}
		if (x >= 4){
			output_image = output_image + '</select>';
		}
		output_image = output_image + '</div><div style="float:right;"><p style="text-align:right; margin-top:10px; margin-right:10px; font-size:11px;"><a href="http://www.seotaisaku.com/smoplus/bmplus.html" target="_blank">ブックマークプラス</a> by <a href="http://www.seotaisaku.com/" target="_blank">SEO対策</a></p></div></div></div>';
		document.getElementById('viewarea_common_style').innerHTML = output_image;
		make_code(color,border);
	}
	
	//横型
	if (document.getElementById('row_style').checked){
		output_image = '<div id="social-bookmark2" style="width:auto; height:25px; padding:5px 5px 5px 5px; background-color:#ffffff; border:1px '+border+' '+color+';"><div id="bookmarkarea-left" style="float:left;">';
		for (var i in send_list){
			if (check_obj = document.getElementById('check'+i)){
				if (check_obj.checked){
					output_image = output_image + ' <img src="http://www.ec-images.com/images/smo/sbm/' + send_list[i]['icon'] + '" />';
				}
			}
		}
		output_image = output_image + '</div><div id="bookmarkarea-right" style="float:right;"><p style="text-align:right; margin-top:10px; font-size:11px;"><a href="http://www.seotaisaku.com/smoplus/bmplus.html" target="_blank">ブックマークプラス</a> by <a href="http://www.seotaisaku.com/" target="_blank">SEO対策</a></p></div></div>';
		document.getElementById('viewarea_row_style').innerHTML = output_image;
		make_code(color,border);
	}
	
	//縦型
	if (document.getElementById('column_style').checked){
		output_image = '<div id="social-bookmark3" style="width:170px; padding:5px 5px 5px 5px; background-color:#ffffff; border:1px '+border+' '+color+';">';
		for (var i in send_list){
			if (check_obj = document.getElementById('check'+i)){
				if (check_obj.checked){
					if (x < 4){
						output_image = output_image + ' <img src="http://www.ec-images.com/images/smo/sbm/' + send_list[i]['icon'] + '" /> <span style="font-size:11px;">'+ send_list[i]['name'] + 'に追加</span><br />';
					}else if(x == 4){
						output_image = output_image + '<select name="jumpit"><option selected value="#">その他ブックマークに追加</option><option value="">' + send_list[i]['name'] + 'に追加</option>';
					}else{
						output_image = output_image + '<option value="">' + send_list[i]['name'] + 'に追加</option>';
					}
					x++;
				}
			}
		}
		if (x >= 4){
			output_image = output_image + '</select>';
		}
		output_image = output_image + '<p style="font-size:11px; margin-bottom:0;"><a href="http://www.seotaisaku.com/smoplus/bmplus.html" target="_blank">ブックマークプラス</a> by <a href="http://www.seotaisaku.com/" target="_blank">SEO対策</a></p></div>';
		document.getElementById('viewarea_column_style').innerHTML = output_image;
		make_code(color,border);
	}
	
	//アイコン型
	if (document.getElementById('icon_style').checked){
		output_image = '<div id="social-bookmark4" style="width:170px; background-color:#ffffff; padding:5px 5px 5px; 5px; border:1px '+border+' '+color+';">';
		for (var i in send_list){
			if (check_obj = document.getElementById('check'+i)){
				if (check_obj.checked){
					if (x < 7){
						output_image = output_image + ' <img src="http://www.ec-images.com/images/smo/sbm/' + send_list[i]['icon'] + '" />';
					}else if(x == 7){
						output_image = output_image + '<br /><select name="jumpit"><option selected value="#">その他ブックマークに追加</option><option value="">' + send_list[i]['name'] + 'に追加</option>';
					}else{
						output_image = output_image + '<option value="">' + send_list[i]['name'] + 'に追加</option>';
					}
					x++;
				}
			}
		}
		if (x >= 7){
			output_image = output_image + '</select>';
		}
		output_image = output_image + '<p style="font-size:11px; margin-bottom:0;"><a href="http://www.seotaisaku.com/smoplus/bmplus.html" target="_blank">ブックマークプラス</a> by <a href="http://www.seotaisaku.com/" target="_blank">SEO対策</a></p></div>';
		document.getElementById('viewarea_icon_style').innerHTML = output_image;
		make_code(color,border);
	}
	
	//php横型
	if (document.getElementById('phprow_style').checked){
		output_image = '<div id="social-bookmark5" style="width:auto; height:25px; padding:5px 5px 5px 5px; background-color:#ffffff; border:1px '+border+' '+color+';"><div id="bookmarkarea-left" style="float:left;">';
		for (var i in send_list){
			if (check_obj = document.getElementById('check'+i)){
				if (check_obj.checked){
					output_image = output_image + ' <img src="http://www.ec-images.com/images/smo/sbm/' + send_list[i]['icon'] + '" />';
				}
			}
		}
		output_image = output_image + '</div><p style="text-align:right; margin-top:10px; font-size:11px;"><a href="http://www.seotaisaku.com/smoplus/bmplus.html" target="_blank">ブックマークプラス</a> by <a href="http://www.seotaisaku.com/" target="_blank">SEO対策</a></p></div>';
		document.getElementById('viewarea_phprow_style').innerHTML = output_image;
		make_pcode(color,border);
	}
	
	//php縦型
	if (document.getElementById('phpcolumn_style').checked){
		output_image = '<div id="social-bookmark6" style="width:170px; padding:5px 5px 5px 5px; background-color:#ffffff; border:1px '+border+' '+color+';">';
		for (var i in send_list){
			if (check_obj = document.getElementById('check'+i)){
				if (check_obj.checked){
					output_image = output_image + ' <img src="http://www.ec-images.com/images/smo/sbm/' + send_list[i]['icon'] + '" /> <span style="font-size:11px;">'+ send_list[i]['name'] + 'に追加</span><br />';
				}
			}
		}
		output_image = output_image + '<p style="font-size:11px; margin-bottom:0;"><a href="http://www.seotaisaku.com/smoplus/bmplus.html" target="_blank">ブックマークプラス</a> by <a href="http://www.seotaisaku.com/" target="_blank">SEO対策</a></p></div>';
		document.getElementById('viewarea_phpcolumn_style').innerHTML = output_image;
		make_pcode(color,border);
	}
}


function make_code(color,border) {
	var x = 0;
	var output_image = "";
	var send_url = "location.href";
	var send_title = "document.title";
	if (!color){
		color = '#333333';
	}
	if (!border){
		border = 'solid';
	}
	//通常型
	if (document.getElementById('common_style').checked){
		output_image = '<textarea name="code" id="code" rows="6" style="width:400px;" readonly onclick="select_text()">&lt;!-- bookmarkplus start --&gt;\n&lt;div style="width:480px; height:50px; padding:5px 5px 5px 5px; background-color:#ffffff; border:1px '+border+' '+color+';"&gt;\n&lt;div style="width:480px;"&gt;\n';
		for (var i in send_list){
			if (check_obj = document.getElementById('check'+i)){
				if (check_obj.checked){
					if (x < 4){
						output_image = output_image + '&lt;a href=\'javascript:location.href="'+send_list[i]['url']+'"%2bencodeURIComponent('+send_url+')%2b"'+ send_list[i]['option'] +'"%2bencodeURIComponent('+send_title+');\' style="font-size:12px; text-decoration:none;"&gt;&lt;img src="http://www.ec-images.com/images/smo/sbm/' + send_list[i]['icon'] + '" border="0" alt="" /&gt;'+ send_list[i]['name'] + 'に追加&lt;/a&gt;\n';
					}else if(x == 4){
						output_image = output_image + '&lt;/div&gt;\n&lt;div style="float:left; padding-top:5px;"&gt;\n&lt;select name="jumpit" onChange="document.location.href=this.value"&gt;\n&lt;option selected value="#"&gt;その他ブックマークに追加&lt;/option&gt;\n&lt;option value=\'javascript:location.href="'+send_list[i]['url']+'"%2bencodeURIComponent('+send_url+')%2b"'+ send_list[i]['option'] +'"%2bencodeURIComponent('+send_title+');\'&gt;' + send_list[i]['name'] + 'に追加&lt;/option&gt;\n';
					}else{
						output_image = output_image + '&lt;option value=\'javascript:location.href="'+send_list[i]['url']+'"%2bencodeURIComponent('+send_url+')%2b"'+ send_list[i]['option'] +'"%2bencodeURIComponent('+send_title+');\'&gt;' + send_list[i]['name'] + 'に追加&lt;/option&gt;\n';
					}
					x++;
				}
			}
		}
		if (x > 4){
			output_image = output_image + '&lt;/select&gt;\n';
		}else{
			output_image = output_image + '&lt;/div&gt;\n&lt;div style="float:left; padding-top:5px;"&gt;\n';
		}
		output_image = output_image + '&lt;/div&gt;\n&lt;div style="float:right;"&gt;\n&lt;p style="text-align:right; margin-top:10px; margin-right:10px; font-size:11px;"&gt;&lt;a href="http://www.seotaisaku.com/smoplus/bmplus.html" target="_blank"&gt;ブックマークプラス&lt;/a&gt; by &lt;a href="http://www.seotaisaku.com/" target="_blank"&gt;SEO対策&lt;/a&gt;&lt;/p&gt;\n&lt;/div&gt;\n&lt;/div&gt;\n&lt;!-- bookmarkplus end --&gt;</textarea>';
		document.getElementById('code_area').innerHTML = output_image;
	}
	
	//横型
	if (document.getElementById('row_style').checked){
		output_image = '<textarea name="code" id="code" rows="6" style="width:400px;" readonly onclick="select_text()">&lt;!-- bookmarkplus start --&gt;\n&lt;div style="width:480px; height:25px; padding:5px 5px 5px 5px; background-color:#ffffff; border:1px '+border+' '+color+';"&gt;\n&lt;div style="float:left;"&gt;\n';
		for (var i in send_list){
			if (check_obj = document.getElementById('check'+i)){
				if (check_obj.checked){
					output_image = output_image + '&lt;a href=\'javascript:location.href="'+send_list[i]['url']+'"%2bencodeURIComponent('+send_url+')%2b"'+ send_list[i]['option'] +'"%2bencodeURIComponent('+send_title+');\' style="font-size:12px; text-decoration:none;"&gt;&lt;img src="http://www.ec-images.com/images/smo/sbm/' + send_list[i]['icon'] + '" border="0" alt="" /&gt;&lt;/a&gt;\n';
				}
			}
		}
		output_image = output_image + '&lt;/div&gt;\n&lt;div style="float:right;"&gt;\n&lt;p style="text-align:right; margin-top:10px; margin-right:10px; font-size:11px;"&gt;&lt;a href="http://www.seotaisaku.com/smoplus/bmplus.html" target="_blank"&gt;ブックマークプラス&lt;/a&gt; by &lt;a href="http://www.seotaisaku.com/" target="_blank"&gt;SEO対策&lt;/a&gt;&lt;/p&gt;\n&lt;/div&gt;\n&lt;/div&gt;\n&lt;!-- bookmarkplus end --&gt;</textarea>';
		document.getElementById('code_area').innerHTML = output_image;
	}
	
	//縦型
	if (document.getElementById('column_style').checked){
		output_image = '<textarea name="code" id="code" rows="6" style="width:400px;" readonly onclick="select_text()">&lt;!-- bookmarkplus start --&gt;\n&lt;div style="width:170px; padding:5px 5px 5px 5px; background-color:#ffffff; border:1px '+border+' '+color+';"&gt;\n';
		for (var i in send_list){
			if (check_obj = document.getElementById('check'+i)){
				if (check_obj.checked){
					if (x < 4){
						output_image = output_image + '&lt;a href=\'javascript:location.href="'+send_list[i]['url']+'"%2bencodeURIComponent('+send_url+')%2b"'+ send_list[i]['option'] +'"%2bencodeURIComponent('+send_title+');\' style="font-size:12px; text-decoration:none;"&gt;&lt;img src="http://www.ec-images.com/images/smo/sbm/' + send_list[i]['icon'] + '" border="0" alt="" /&gt; '+ send_list[i]['name'] + 'に追加&lt;/a&gt;&lt;br /&gt;\n';
					}else if(x == 4){
						output_image = output_image + '&lt;select name="jumpit" onChange="document.location.href=this.value"&gt;\n&lt;option selected value="#"&gt;その他ブックマークに追加&lt;/option&gt;\n&lt;option value=\'javascript:location.href="'+send_list[i]['url']+'"%2bencodeURIComponent('+send_url+')%2b"'+ send_list[i]['option'] +'"%2bencodeURIComponent('+send_title+');\'&gt;' + send_list[i]['name'] + 'に追加&lt;/option&gt;\n';
					}else{
						output_image = output_image + '&lt;option value=\'javascript:location.href="'+send_list[i]['url']+'"%2bencodeURIComponent('+send_url+')%2b"'+ send_list[i]['option'] +'"%2bencodeURIComponent('+send_title+');\'&gt;' + send_list[i]['name'] + 'に追加&lt;/option&gt;\n';
					}
					x++;
				}
			}
		}
		if (x > 4){
			output_image = output_image + '&lt;/select&gt;\n';
		}
		output_image = output_image + '&lt;p style="font-size:11px; margin-bottom:0;"&gt;&lt;a href="http://www.seotaisaku.com/smoplus/bmplus.html" target="_blank"&gt;ブックマークプラス&lt;/a&gt; by &lt;a href="http://www.seotaisaku.com/" target="_blank"&gt;SEO対策&lt;/a&gt;&lt;/p&gt;\n&lt;/div&gt;\n&lt;!-- bookmarkplus end --&gt;</textarea>';
		document.getElementById('code_area').innerHTML = output_image;
	}
	
	//アイコン型
	if (document.getElementById('icon_style').checked){
		output_image = '<textarea name="code" id="code" rows="6" style="width:400px;" readonly onclick="select_text()">&lt;!-- bookmarkplus start --&gt;\n&lt;div style="width:170px; padding:5px 5px 5px 5px; background-color:#ffffff; border:1px '+border+' '+color+';"&gt;\n';
		for (var i in send_list){
			if (check_obj = document.getElementById('check'+i)){
				if (check_obj.checked){
					if (x < 7){
						output_image = output_image + '&lt;a href=\'javascript:location.href="'+send_list[i]['url']+'"%2bencodeURIComponent('+send_url+')%2b"'+ send_list[i]['option'] +'"%2bencodeURIComponent('+send_title+');\' style="font-size:12px; text-decoration:none;"&gt;&lt;img src="http://www.ec-images.com/images/smo/sbm/' + send_list[i]['icon'] + '" border="0" alt="" /&gt;&lt;/a&gt;\n';
					}else if(x == 7){
						output_image = output_image + '&lt;br /&gt;&lt;select name="jumpit" onChange="document.location.href=this.value"&gt;\n&lt;option selected value="#"&gt;その他ブックマークに追加&lt;/option&gt;\n&lt;option value=\'javascript:location.href="'+send_list[i]['url']+'"%2bencodeURIComponent('+send_url+')%2b"'+ send_list[i]['option'] +'"%2bencodeURIComponent('+send_title+');\'&gt;' + send_list[i]['name'] + 'に追加&lt;/option&gt;\n';
					}else{
						output_image = output_image + '&lt;option value=\'javascript:location.href="'+send_list[i]['url']+'"%2bencodeURIComponent('+send_url+')%2b"'+ send_list[i]['option'] +'"%2bencodeURIComponent('+send_title+');\'&gt;' + send_list[i]['name'] + 'に追加&lt;/option&gt;\n';
					}
					x++;
				}
			}
		}
		if (x > 7){
			output_image = output_image + '&lt;/select&gt;\n';
		}
		output_image = output_image + '&lt;p style="font-size:11px; margin-bottom:0;"&gt;&lt;a href="http://www.seotaisaku.com/smoplus/bmplus.html" target="_blank"&gt;ブックマークプラス&lt;/a&gt; by &lt;a href="http://www.seotaisaku.com/" target="_blank"&gt;SEO対策&lt;/a&gt;&lt;/p&gt;\n&lt;/div&gt;\n&lt;!-- bookmarkplus end --&gt;</textarea>';
		document.getElementById('code_area').innerHTML = output_image;
	}
}

function make_pcode(color,border) {
	var x = 0;
	var output_image = "";
	var send_url = result_url;
	var send_title = result_title;
	//一行全ての:をreplaceしhttp:だけ元に戻す
	var send_url = send_url.replace(/:/g,"%253A");
	var send_url = send_url.replace("%253A",":");
	if (!color){
		color = '#333333';
	}
	if (!border){
		border = 'solid';
	}
	//横型
	if (document.getElementById('phprow_style').checked){
		output_image = '<textarea name="code" id="code" rows="6" style="width:400px;" readonly onclick="select_text()">&lt;!-- bookmarkplus start --&gt;\n&lt;div style="width:480px; height:25px; padding:5px 5px 5px 5px; background-color:#ffffff; border:1px '+border+' '+color+';"&gt;\n&lt;div style="float:left;"&gt;\n';
		for (var i in send_list){
			if (check_obj = document.getElementById('check'+i)){
				if (check_obj.checked){
					output_image = output_image + '&lt;a href="'+send_list[i]['url'] + send_url + send_list[i]['option']+send_title+'" style="font-size:12px; text-decoration:none;"&gt;&lt;img src="http://www.ec-images.com/images/smo/sbm/' + send_list[i]['icon'] + '" border="0" alt="" /&gt;&lt;/a&gt;\n';
				}
			}
		}
		output_image = output_image + '&lt;/div&gt;\n&lt;p style="text-align:right; margin-top:10px; margin-right:10px; font-size:11px;"&gt;&lt;a href="http://www.seotaisaku.com/smoplus/bmplus.html" target="_blank"&gt;ブックマークプラス&lt;/a&gt; by &lt;a href="http://www.seotaisaku.com/" target="_blank"&gt;SEO対策&lt;/a&gt;&lt;/p&gt;\n&lt;/div&gt;\n&lt;!-- bookmarkplus end --&gt;</textarea>';
		document.getElementById('code_area').innerHTML = output_image;
	}
	
	//縦型
	if (document.getElementById('phpcolumn_style').checked){
		output_image = '<textarea name="code" id="code" rows="6" style="width:400px;" readonly onclick="select_text()">&lt;!-- bookmarkplus start --&gt;\n&lt;div style="width:170px; padding:5px 5px 5px 5px; background-color:#ffffff; border:1px '+border+' '+color+';"&gt;\n';
		for (var i in send_list){
			if (check_obj = document.getElementById('check'+i)){
				if (check_obj.checked){
					output_image = output_image + '&lt;a href="'+send_list[i]['url']+send_url+send_list[i]['option']+send_title+'" style="font-size:12px; text-decoration:none;"&gt;&lt;img src="http://www.ec-images.com/images/smo/sbm/' + send_list[i]['icon'] + '" border="0" alt="" /&gt; '+ send_list[i]['name'] + 'に追加&lt;/a&gt;&lt;br /&gt;\n';
				}
			}
		}
		output_image = output_image + '&lt;p style="font-size:11px; margin-bottom:0;"&gt;&lt;a href="http://www.seotaisaku.com/smoplus/bmplus.html" target="_blank"&gt;ブックマークプラス&lt;/a&gt; by &lt;a href="http://www.seotaisaku.com/" target="_blank"&gt;SEO対策&lt;/a&gt;&lt;/p&gt;\n&lt;/div&gt;\n&lt;!-- bookmarkplus end --&gt;</textarea>';
		document.getElementById('code_area').innerHTML = output_image;
	}
}
