var url_base = 'http://sakimono-blogparts.com';

function sakimono_get_js_params( script ) 
{
	var tokens = script.src.match(/([a-z]+)=([^&]+)/g);
	var result = {};

	for(var i = 0; i < tokens.length; i++){
		var token = tokens[i];
		var idx = token.indexOf("=");
		result[token.substring(0, idx)] = token.substring(idx + 1);
	}

	return result;
}  

function sakimono_add_java_script( url )
{
	html = '<script language="JavaScript" src="' + url_base + url + '" type="text/javascript"></script>';
	document.write(html);
}

var scr = document.getElementById('fx1');
var params = sakimono_get_js_params( scr );

var skin = params['skin'];
var font = params['font'];
var width = params['width'];
var debug = params['debug'];

if ( !skin ){
	skin = 1;
}
if ( !font ){
	font = 11;
}
if ( !width ){
	width = 180;
}
if ( !debug ){
	debug = 0;
}

sakimono_add_java_script( '/js/prototype.js' );
sakimono_add_java_script( '/js/tabber.js' );
//sakimono_add_java_script( '/js/objectdump.js' );

html = '';
html = html + '  <link rel="stylesheet" type="text/css" href="' + url_base + '/css/fxskin_cmn.css" /> ';
html = html + '  <link rel="stylesheet" type="text/css" href="' + url_base + '/css/fxskin_1_cmn.css" /> ';
html = html + '  <link rel="stylesheet" type="text/css" href="' + url_base + '/css/fxskin_1_' + skin + '.css" /> ';
html = html + '  <link rel="stylesheet" type="text/css" href="' + url_base + '/css/fxskin_font_' + font + '.css" /> ';

html = html + '  <div class="fx_canvas_1_box" style="width:' + width + 'px; ">  ';
html = html + '  <div class="fx_canvas_1">  ';
html = html + '  <div class="fx_title">海外商品価格</div>  ';
html = html + '  <div class="fx_now" id="cacheDate"></div>  ';
html = html + '  <div class="tabber">  ';
html = html + '    <div class="tabbertab" title="海外[1]" id="tab1">Loading...</div>  ';
html = html + '    <div class="tabbertab" title="海外[2]" id="tab2">Loading...</div>  ';
html = html + '  </div> <!-- tabber END --> ';
html = html + '  <link rel="stylesheet" href="' + url_base + '/css/tabber.css" TYPE="text/css" MEDIA="screen">  ';
html = html + '  </div> <!-- fx_canvas END -->  ';
html = html + '  </div> <!-- fx_canvas_box END -->  ';

/*
var div = document.getElementById(id);
div.innerHTML = html;
*/
document.write(html);

if ( debug ){
	alert( html );
}

function sakimono_blogparts_callback_fx1(data)
{
//	objectdump( data['html'] );
//	var tab1 = document.getElementById("sakimono");

	switch( data['data'] ){
	case 'abroad_1':
		$('tab1').innerHTML = data['html'];
		$('cacheDate').innerHTML = data['cache_date'] + '&nbsp;現在';
		break;
	case 'abroad_2':
		$('tab2').innerHTML = data['html'];
		$('cacheDate').innerHTML = data['cache_date'] + '&nbsp;現在';
		break;
	}
}

sakimono_add_java_script( '/api/fx_abroad_1.php?width=' + (width-25) + '&cb=sakimono_blogparts_callback_fx1' );
sakimono_add_java_script( '/api/fx_abroad_2.php?width=' + (width-25) + '&cb=sakimono_blogparts_callback_fx1' );