var mode = { 
schedule: '<tr id="kind"><td><label>リーグ</label></td><td><select name="league" id="league"><option value="j1">J1</option><option value="j2">J2</option><option value="ync">ナビスコカップ</option></select></td></tr>',
standing : '<tr id="kind"><td><label>リーグ</label></td><td><select name="mode" id="mode"><option value="mix">ミックス</option><option value="j1">J1</option><option value="j2">J2</option></select></td></tr>' 
};

$(function(){
	$("#p").change(function() {
		$("#kind").replaceWith(mode[this.value]);
	});

	$("#generate").click(generateJS);

	$.ColorPicker.init();

});

function generateJS()
{
var script = '<script type="text/javascript" charset="UTF-8" src="';
var url = 'http://labs.s-koichi.info/blogparts/j-blogparts.js?p=';
url += $("#p").val();

if($("#p").val() == 'schedule') {
	url += '&league=' + $("#league").val();
}
else {
	url += '&mode=' + $("#mode").val();
}

if($("#width").val() != "") {
	url += '&width=' + $("#width").val();
}

if($("#height").val() != "") {
	url += '&height=' + $("#height").val();
}

if($("#bgheader").val() != "") {
	url += '&bgheader=' + $("#bgheader").val();
}

if($("#bgdate").val() != "") {
	url += '&bgdate=' + $("#bgdate").val();
}

if($("#bgodd").val() != "") {
	url += '&bgodd=' + $("#bgodd").val();
}

if($("#bgeven").val() != "") {
	url += '&bgeven=' + $("#bgeven").val();
}

if($("#fontsize").val() != "") {
	url += '&fontsize=' + $("#fontsize").val();
}

script += url;
script += '"></script>';
//script += String.fromCharCode(0x2f) + '';

$("#output").val(script);
$("#output").select();
showBlogParts();

}


function encodeEntities(value)
{
    value = value.replace(/&#038;/g,"&amp;");
    value = value.replace(/</g,"&lt;");
    value = value.replace(/>/g,"&gt;");
    value = value.replace(/"/g,"&quot;");
    return value;
}

function showBlogParts()
{
	$("#sampleframe").attr("src", "");

	var schedule = 'http://labs.s-koichi.info/blogparts/jleagueschedule/jleagueschedule.php?';
	var standing = 'http://labs.s-koichi.info/blogparts/jleaguestanding/jleaguestanding.php?';

	var width = 200;
	if($("#width").val() != "") {
		width = $("#width").val();
	}
	var height  = 240;
	if($("#height").val() != "") {
		height = $("#height").val();
	}
	

	var url = "";
	
	if($("#p").val() == 'schedule') {
		url = schedule;
		
		url += 'league=' + $("#league").val();
	}
	else if($("#p").val() == 'standing') {
		url = standing;
		
		url += 'mode=' + $("#mode").val();
	}
	
	if($("#bgheader").val() != "") {
		url += '&bgheader=' + $("#bgheader").val();
	}
	
	if($("#bgdate").val() != "") {
		url += '&bgdate=' + $("#bgdate").val();
	}
	
	if($("#bgodd").val() != "") {
		url += '&bgodd=' + $("#bgodd").val();
	}
	
	if($("#bgeven").val() != "") {
		url += '&bgeven=' + $("#bgeven").val();
	}
	
	if($("#fontsize").val() != "") {
		url += '&fontsize=' + $("#fontsize").val();
	}
	
	$("#sampleframe").attr("width", width);
	$("#sampleframe").attr("height", height);
	$("#sampleframe").attr("src", url);
}