var pc_script_path = 'http://s1.pagechat.com/pagechat/js/embed.js';
var current_width = 600;
var current_height = 400;

$(document).ready(function() {
	// default
	changeTag(600,400);
	$("#size720x480").click(function() {
		changeTag(720,480);
	});

	$("#size600x400").click(function() {
		changeTag(600,400);
	});

	$("#size400x250").click(function() {
		changeTag(400,250);
	});

	$("#size300x250").click(function() {
		changeTag(300,250);
	});

	$("#size160x400").click(function() {
		changeTag(160,400);
	});

	$("#size160x600").click(function() {
		changeTag(160,600);
	});

	$("#minimize").click(function() {
		changeTag(current_width,current_height);
	});

	// continue ....

	$("#embed").focus(function() {
		this.select();
	});

});

function changeTag(width,height) {
	$("#embed").val(getTag(width,height,$("#minimize").attr('checked')));
	current_width = width;
	current_height = height;
	setSample(width,height);
}

function getTag(width, height,isMinimized) {
	// If it's too small, add excompact attribute
	var tyStr = '';
	if (width < 340) {
		tyStr = "var pagechat_type = 'excompact';";	
	}
	var minStr = '';
	if (isMinimized) {
		minStr = "var pagechat_minimize = 'on';";
	}
	var str = "<script>";
	str += "var pagechat_width = '"+width+"px';";
	str += "var pagechat_height = '"+height+"px';";
	str += tyStr;
	str += minStr;
	str += "</script>";
	str += "<script src='"+pc_script_path+"' id='pagechat_embed'></script>";

	return str;
}

function setSample(width,height) {
	$("#sample").width(width);
	$("#sample").height(height);
}