var PROP_NAME = 'palette';

var g_objText;
var g_palette_event;
var gPaletetWidth = 270;
var gPaletetHeight = 250;

/**
 * 文字色選択画面を開く
 */
function openPalette(event, objText) {

	g_objText = objText;
	g_palette_event = event;
	
	// 既に一度呼び出されている場合
	if ( !$("#palette-area").length ) {
		$("body").append('<div id="palette-area-overlay"></div><div id="palette-area"></div>');
		//$("#palette-area").load("/palette.html", null, function(){$("#palette-area").show();});
		var html = $.ajax({
		                    url: "/palette.html",
		                    async: false,
		                    cache:false
		                  }).responseText;
		                  
		$("#palette-area").append(html);
		$("#palette-area").bgiframe();
		
		// スタイルの設定
		var style = {
			         position:"absolute", 
		             "z-index": 101,
		             left: 0,
		             top: 0,
		             filter:"alpha(opacity=0)"
		             }
		$("#palette-area-overlay").css(style);
		$("#palette-area-overlay").click(function(event){closePalette();});
		var overlayDm = getOverlaySize();
		$("#palette-area-overlay").css({"height": overlayDm[0], "width": overlayDm[1]});

		var style = { backgroundColor: "#ffffff",
			         position:"absolute", 
		             "z-index": 102,
		             width:gPaletetWidth, 
		             height:gPaletetHeight};
		$("#palette-area").css(style);
	}
	$("#palette-area").show();
	$("#palette-area-overlay").slideDown();
	setPalletPosition();
	
	//$(window).scroll(setPalletPosition);
	//$(window).resize(setPalletPosition);

	//var rect = getClietnRect(event);

	
	return false;
}

/**
 * パレットを閉じる
 */
function closePalette() {
	$("#palette-area").slideUp("normal", function(){$("#palette-area-overlay").hide();});
	
	//$("#palette-area-overlay").remove();
	return false;
}

/**
 * パレットでタグを設定する。
 * @param カラーコード
 */
function setMainText(no) {
	addTag(g_objText, '<span style="color:' + no + ';">', '</span>');
	closePalette();
}


/**
 * パレットのポジションを取得する
 *
 */
function setPalletPosition() {
	var wWidth = gPaletetWidth;
	var wHeight = gPaletetHeight;
	
	//var pagesize = getPageSize();
	//var arrayPageScroll = getPageScrollTop();
	//var style = {width: wWidth, left: (arrayPageScroll[0] + (pagesize[0] - wWidth)/2), top: (arrayPageScroll[1] + (pagesize[1]-wHeight)/2)};
	
	var rect = getClietnRect(g_palette_event);
	var style = {width: wWidth, height: wHeight, left: rect[0], top: rect[1]};
	
	$("#palette-area").css(style);
}