var boxname;
var boxname_;
var colormodeflag;
var Hdrag;
var Hdrag_marginLeft=0;
var Hdrag_marginLeft_kekka;
var Hdrag_Hint;
var col_startX;
var col_startY;
var col_kyoriX_save;
var RGBget;
var RGBget_save="";
var colorselect_image_pass="setup/p/00/";/*最後のスラッシュを含める*/
var route;
var col_pos1;
var col_pos2;
var col_pos_flag="x";

window.document.onmousemove = function Hdrag_drag_(event){Hdrag_drag(event)}
window.document.onmouseup = Hdrag_swichi2;
window.document.onclick =okbtreturnall;





function makedivinner(flag,box,box_div,route_,x,y)
{////////////////////////
boxname=box;
boxname_=box_div;
document.getElementById(boxname_).style.display="block";

if( navigator.appName=='Microsoft Internet Explorer'  )
{
document.getElementById(boxname).focus();
var range = document.selection.createRange();
var clone = range.duplicate();
clone.moveToElementText(document.getElementById(boxname));
clone.setEndPoint( 'EndToEnd', range );
tane1=range.text;
tane2=clone.text;
col_pos1 = tane2.length - tane1.length;
col_pos2 = tane2.length - tane1.length + tane1.length;
}
else
{
col_pos1 = document.getElementById(box).selectionStart;
col_pos2 = document.getElementById(box).selectionEnd;
}
col_pos_flag="o";

var div1 = "<table width='300' height='210' border='0' cellpadding='0' cellspacing='0'  bgcolor='#FFFFFF' background='"+colorselect_image_pass+"picback.jpg' style = ' position:absolute; left:"+x+"; top:"+y+"; ' onclick='colormodeflag=0'  onmouseout='colormodeflag=1'><tr><td valign='top'    ><div  style = 'position:relative; width:270; height:195; margin:15 15 0 15; ' ><div id='colordivinner' style = ' position:relative; '></div>";
var divE = "</div></td></tr></table>";
var divH="<div onMouseMove = 'return false;'onMouseDown = 'return false;'style='-moz-user-select:none;-khtml-user-select:mpme;user-select:none;   position:absolute; left:0; top:153; width:150; height:15; background-image:url("+colorselect_image_pass+"picH.jpg);  margin:5 0 0 0;' ></div>";
route=route_;
x=x*1;
y=y*1;

if(! Hdrag_marginLeft_kekka  )
{
Hdrag_marginLeft_kekka="0";
}
var divY="<div style = ' position:absolute; left:0; top:175;'><IMG SRC='"+colorselect_image_pass+"picY.jpg' WIDTH='9' HEIGHT='10' ALT='' BORDER='0' id='picY' onMouseMove = 'return false;'  onmousedown='Hdrag_swichi(1,event);return false;' style = '-moz-user-select:none;-khtml-user-select:mpme;user-select:none;cursor:pointer; position:absolute; left:-4; top:0; margin:0 0 0 "+Hdrag_marginLeft_kekka+";'   ></div>";
var col_hozon="<div id='col_hozon' style = 'position:absolute; left:165; top:0; width:75; height:30; '></div>";
var col_hozon_txt="<div style = ' position:absolute; left:250; top:85; font-size:12px; color:#666666; line-height:1.2em; text-decoration: none; -moz-user-select:none;-khtml-user-select:mpme;user-select:none; cursor:pointer; ' onMouseMove = 'return false;'onMouseDown = 'return false;' onclick='col_hozon_ok();'>+</div>";
var div_colhyoji="<div id='col_hyoji' style = 'position:absolute; left:165; top:42; width:75; height:25; background-color:#FFFFFF; border : 1px solid #CCCCCC ;'></div>";
var input_colhyoji2="<div id='col_hyoji2' style = 'position:absolute; left:165; top:80; width:75; height:25; font-size:12px; color:#191919; line-height:25px; text-align:center; background-color:#FFFFFF; border : 1px solid #CCCCCC ;'></div>";
var okbt="<div style = ' position:absolute; left:205; top:128;'><button id='OK'   style = ' width:65; cursor:pointer; ' onclick=okbtreturn(1);>OK</button></div>";
var cancelbt="<div style = ' position:absolute; left:218; top:165; font-size:12px; color:#666666; line-height:1.2em; text-decoration: underline; -moz-user-select:none;-khtml-user-select:mpme;user-select:none; cursor:pointer; ' onMouseMove = 'return false;'onMouseDown = 'return false;' onclick='okbtreturn(0);'>閉じる</div>";


document.getElementById(boxname_).innerHTML=div1+divH+divY+col_hozon+col_hozon_txt+div_colhyoji+input_colhyoji2+okbt+cancelbt+divE;
document.getElementById(boxname).blur();

if( document.getElementById('col_hyoji2').innerHTML==""  )
{
document.getElementById('col_hyoji2').innerHTML='未選択';
document.getElementById('col_hyoji2').style.backgroundColor='#FFFFFF';
document.getElementById('col_hyoji2').style.color='#666666';
document.getElementById('OK').disabled = true;
}
document.getElementById('picY').style.marginLeft = 0;
col_kyoriX_save=0;
collor(flag);
col_hozon_make_inner();

}////////////////////////


function collor(getH)
{////////////////////////
var table1="<table   border='0' cellpadding='0' cellspacing='0' bgcolor='cccccc'  onMouseMove = 'return false;'onMouseDown = 'return false;'  onclick=\"okbtdisabled()\" style='-moz-user-select:none;-khtml-user-select:mpme;user-select:none; cursor:pointer;'  >";
var tableE="</table>"
var table2="";
for (i = 0  ;  i<10  ;  i++)
{//■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

for (v = 0  ;  v<10  ;  v++)
{////////////////////////////////////////////////
ii=100-i*10;
vv=v*10;
if( v==0  )
{
table2+="<tr>";
}
if( ii==10 && vv==0)
{
ii=0;
}

RGBget=henkan(getH,vv,ii);

table2+="<td width='15' height='15' bgcolor='"+RGBget+"'  style = ' font-size:1px; color:#000000; line-height:1px; ' onmouseover=\"document.getElementById('col_hyoji').style.backgroundColor='"+RGBget+"';\"  onclick=\"document.getElementById('col_hyoji2').innerHTML='"+RGBget+"'; document.getElementById('col_hyoji2').style.backgroundColor='"+RGBget+"'; RGBget_save='"+RGBget+"'; change1c('"+RGBget+"');  \"></td>";
if( v==9  )
{
table2+="</tr>";
}
}////////////////////////////////////////////////

}//■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
document.getElementById('colordivinner').innerHTML=table1+table2+tableE;
}////////////////////////

function henkan(getH,getS,getB)
{////////////////////////
if( getH>360  )
{
getH=360;
document.form1.H.value=360;
}
if( getS>100  )
{
getS=100;
document.form1.S.value=100;
}
if( getB>100  )
{
getB=100;
document.form1.B.value=100;
}

if( getH<=60  )
{
r=255;
g=keisu255(getH);
b=0;
}
else if(  getH>60 && getH<=120)
{
getHb=getH-60;
r=255-keisu255(getHb);
g=255;
b=0;
}
else if(  getH>120 && getH<=180)
{
getHb=getH-120;
r=0;
g=255;
b=keisu255(getHb);
}
else if(  getH>180 && getH<=240)
{
getHb=getH-180;
r=0;
g=255-keisu255(getHb);
b=255;
}
else if(  getH>240 && getH<=300)
{
getHb=getH-240;
r=keisu255(getHb);
g=0;
b=255;
}
else if(  getH>300 && getH<=360)
{
getHb=getH-300;
r=255;
g=0;
b=255-keisu255(getHb);
}

r=keisu_sisyagonyu(r*getB/100)*1;  
g=keisu_sisyagonyu(g*getB/100)*1;  
b=keisu_sisyagonyu(b*getB/100)*1;

saidai=r;
if(  r>=g && r>=b)
{
saidai=r;
}
else if(  g>=r && g>=b)
{
saidai=g;
}
else if(  b>=r && b>=g)
{
saidai=b;
}


r=keisu_s(r,getS,saidai);
g=keisu_s(g,getS,saidai);
b=keisu_s(b,getS,saidai);

r=change16(r);
g=change16(g);
b=change16(b);

RGB="#"+r+g+b;
return RGB;
/*
document.form1.r.value=r;
document.form1.g.value=g;
document.form1.b.value=b;
*/
}//////////////////////// 



function keisu255(get)
{////////////////////////
keisu=425;
get=get*keisu;
get=get/100;
get=Math.round(get);
if( get>255  || get==254)
{
get=255;
}
return get;
}////////////////////////

function keisu_sisyagonyu(get)
{////////////////////////
get=Math.round(get);
if( get>255  || get==254)
{
get=255;
}
return get;
}////////////////////////

function keisu_s(self,getS,saidai)
{////////////////////////
getS=100-getS;
getS=getS/100;

mokuhyop=saidai-self;

get1c=self+(mokuhyop*getS);
get1c=Math.round(get1c);

return get1c;
}////////////////////////


function change16(int)
{////////////////////////
var hex="";
while( int ) {
var last = int & 15;
hex = String.fromCharCode(((last>9)?55:48)+last) + hex;
int >>= 4;
}
if( hex==0||hex==""  )
{
hex="00";
}
if( hex.length==1  )
{
hex="0"+hex;
}

return hex;
}////////////////////////

function change1c(int)
{////////////////////////
int1=int.slice(1,3); int1=parseInt(int1, 16);
int2=int.slice(3,5); int2=parseInt(int2, 16);
int3=int.slice(5,7); int3=parseInt(int3, 16);

glayP= (0.299 * int1 + 0.587 * int2 + 0.114 * int3);

if( glayP<140  )
{
document.getElementById('col_hyoji2').style.color='#FFFFFF';
}
else
{
document.getElementById('col_hyoji2').style.color='#000000';
}
}////////////////////////



function Hdrag_swichi(flag,event)
{////////////////////////
Hdrag=flag;
if( navigator.appName=='Microsoft Internet Explorer'  )
{
event = window.event;
col_startX=event.clientX+document.body.scrollLeft;
col_startY=event.clientY+document.body.scrollTop;
}
else
{
col_startX=event.pageX;
col_startY=event.pageY;
}
}////////////////////////

function Hdrag_swichi2()
{////////////////////////
if( Hdrag ==1 )
{
Hdrag=0;
	if( col_kyoriX<0  )
	{
	col_kyoriX=0;
	}
	if( col_kyoriX>150  )
	{
	col_kyoriX=150;
	}
col_kyoriX_save=col_kyoriX;
}
}////////////////////////



function Hdrag_drag(event)
{////////////////////////

if(  Hdrag )
{//■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

if( navigator.appName=='Microsoft Internet Explorer'  )
{
event = window.event;
col_endX=event.clientX+document.body.scrollLeft;
col_endY=event.clientY+document.body.scrollTop;
}
else
{
col_endX=event.pageX;
col_endY=event.pageY;
}

if(! col_kyoriX_save  )
{
col_kyoriX=col_endX-col_startX;
}
else
{
col_kyoriX=col_endX-col_startX;
col_kyoriX=col_kyoriX+col_kyoriX_save;
}

Hdrag_marginLeft_kekka=Hdrag_marginLeft+col_kyoriX;
if( Hdrag_marginLeft_kekka<0  )
{
Hdrag_marginLeft_kekka=0;
}
if( Hdrag_marginLeft_kekka>=150  )
{
Hdrag_marginLeft_kekka=150;
}

document.getElementById('picY').style.marginLeft = Hdrag_marginLeft_kekka;

Hdrag_Hint=Hdrag_marginLeft_kekka*2.4;
Hdrag_Hint=Math.round(Hdrag_Hint);


document.getElementById('OK').disabled = true;
document.getElementById('col_hyoji2').innerHTML='未選択';
document.getElementById('col_hyoji2').style.backgroundColor='#FFFFFF';
document.getElementById('col_hyoji2').style.color='#666666';

collor(Hdrag_Hint);
}//■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
}//////////////////////// 


function okbtreturn(flag)
{////////////////////////
document.getElementById(boxname_).innerHTML="";
document.getElementById(boxname_).style.display="none";
if( flag  )
{//■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
if( route=="css"  )
{
JF_tagmaker(boxname,RGBget_save,'');
}
else
{
JF_htmlmaker(boxname,'color',RGBget_save);
}


}//■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
else
{
colormodeflag=0;
}
Hdrag_marginLeft_kekka=0;
}////////////////////////

function okbtreturnall()
{////////////////////////
if( colormodeflag  )
{
document.getElementById(boxname_).innerHTML="";
document.getElementById(boxname_).style.display="none";
colormodeflag=0;
}
Hdrag_marginLeft_kekka=0;
}////////////////////////

function okbtdisabled()
{////////////////////////
if( document.getElementById('col_hyoji2').innerHTML!=""  )
{
document.getElementById('OK').disabled = false;
}
}////////////////////////

function col_hozon_ok()
{////////////////////////
if( document.getElementById('col_hyoji2').innerHTML!="未選択"  )
{
col_hozon_get=cookie_get('conf_col_hozon_save');
if( col_hozon_get==null  )
{
col_hozon_get="";
}
col_hozon_get_sp=col_hozon_get.split(',');
if( col_hozon_get_sp.length>10  )
{
col_hozon_save=","+col_hozon_get_sp[2]+","+col_hozon_get_sp[3]+","+col_hozon_get_sp[4]+","+col_hozon_get_sp[5]+","+col_hozon_get_sp[6]+","+col_hozon_get_sp[7]+","+col_hozon_get_sp[8]+","+col_hozon_get_sp[9]+","+col_hozon_get_sp[10]+","+document.getElementById('col_hyoji2').innerHTML;
cookie_save('conf_col_hozon_save',col_hozon_save,365);
}
else
{
col_hozon_save=col_hozon_get+","+document.getElementById('col_hyoji2').innerHTML;
cookie_save('conf_col_hozon_save',col_hozon_save,365);
}
col_hozon_make_inner();
}
}////////////////////////

function col_hozon_make_inner()
{////////////////////////
var col_hozon_make="";
var col_hozon_get="#FFFFFF";
//クッキーから色作成
col_hozon_get=cookie_get('conf_col_hozon_save');
col_hozon_get=col_hozon_get.replace(',','');
col_hozon_get_sp=col_hozon_get.split(',');
for (i = 0  ;  i<col_hozon_get_sp.length  ;  i++)
{////////////////////////////////////////////////
col_hozon_make=col_hozon_make+"<div style = ' width:15; height:15; background-color:"+col_hozon_get_sp[i]+";float:left; cursor:pointer; '   onmouseover=\"document.getElementById('col_hyoji').style.backgroundColor='"+col_hozon_get_sp[i]+"';\"  onclick=\"document.getElementById('col_hyoji2').innerHTML='"+col_hozon_get_sp[i]+"'; document.getElementById('col_hyoji2').style.backgroundColor='"+col_hozon_get_sp[i]+"'; RGBget_save='"+col_hozon_get_sp[i]+"'; change1c('"+col_hozon_get_sp[i]+"'); okbtdisabled()  \"></div>";
}////////////////////////////////////////////////
document.getElementById('col_hozon').innerHTML=col_hozon_make;
}////////////////////////



//-->