function init2() {
	if (document.form1.img_main) {
	    document.form1.img_main.onclick = get_coord;
//    document.img_main.onmouseup = get_coord2;
		document.form1.img_main.onmousemove = function (){ return false; }
	}
}

function get_coord( ev ) {
	var x, y, cx, cy, cw;
	var frm = document.form1;

    if( !ev ) ev = window.event;

//    alert( ev.x + '/' + ev.y );

	x = ev.x;
	y = ev.y;
	cx = frm.clip_x.value;
	cy = frm.clip_y.value;
	cw = frm.clip_w.value;
	
	if (cw != "") {
		frm.clip_x.value = x;
		frm.clip_y.value = y;
		frm.clip_w.value = "";
		frm.submit();
	}
	else if (x > cx) {
		frm.clip_w.value = x - cx;
		frm.submit();
	}
}

function get_coord1( ev ) {
    if( !ev ) ev = window.event;

    alert( ev.x + '/' + ev.y );
	document.form1.clip_x.value = ev.x;
	document.form1.clip_y.value = ev.y;
}

function get_coord2( ev ) {
	var x, w;
	
    if( !ev ) ev = window.event;

	x = document.form1.clip_x.value;
	w = ev.x - x;

//alert( w + '/' + document.form1.img_main.width );

	if (w > 20) {
		document.form1.clip_w.value = w;
		document.form1.check_clip.click();
	}
}

function change_size(obj, w, h) {
    obj.style.width = w;
    obj.style.height = h;
}

function put_banner() {
	window.open('xxx.html','mb','toolbar=no,location=no,directories=no,width=500,height=300,resizable=yes');
}

var brw_v = navigator.appVersion.charAt(0);
var brw_n = navigator.appName.charAt(0);
var iIE4 = false;
var iNN4 = false;
if((brw_v >= 4)&&(brw_n == "M"))iIE4 = true;
if((brw_v >= 4)&&(brw_n == "N"))iNN4 = true;

var Laymax = 5;		//ウインドウの最大数
var layW = 350;		//ウインドウの幅:IE用
var comments = new Array();
comments[1] = 
 '今から作るバナーのサイズを指定します。<br>' +
 '上のリストから固定サイズを選ぶか、「横」「縦」にそれぞれ数値を入力し、「再表示」ボタンを押します。';
comments[2] = 
 '「参照…」等のボタンを押して、メインの画像を選択した後、「アップロード」ボタンを押します。<BR>' +
 'バナーは、このメインの画像の一部を切り取って作ります。';
comments[3] = 
 '左のメイン画像の、どの部分を切り取ってバナーにするかを決めます。<br>' +
 '画像をクリックして範囲を指定できます。（Internet Explorerのみ）<br>' +
 '一度目のクリックで切り取る部分の左上を決め、二度目のクリックで幅を決めます。<br>' +
 '縦の高さは、画像がつぶれないように自動的に決まります。（バナー画像の大きさに合わせて、自動的に拡大縮小されます。）<br>' +
 'バナー画像に「ぼかし」等の効果をつけることもできます。';
comments[4] =
 '画像に入れる文字を入力します。<br>' +
 '色や配置を選び、「文字を挿入」ボタンを押すと、バナーに文字が入ります。<br>' +
 '横、縦は、文字を横方向、縦方向にどれだけずらすかを、数字（マイナスも可）で入力します。' +
 'ただし、「中揃え」を選んでいる場合は変化しません。<br>' +
 '文字色、枠色とも同じ色を選ぶと、太字になります。';
comments[5] = '前のページに戻る';

var scrX,scrY;
var layX,layY,layH;
var lay = new Array();
var Lflag = false;
  
if(iIE4){
	document.onmousemove = Mmove;
}
if(iNN4){
	window.onmousemove = Mmove;
	window.captureEvents(Event.MOUSEMOVE);
}

function init(){
	if(iIE4){
		scrX = document.body.clientWidth;
		scrY = document.body.clientHeight;
	}
	if(iNN4){
		scrX = innerWidth;
		scrY = innerHeight;
	}
	for(i = 1; i <= Laymax; i++){
		if(iIE4){
			lay[i] = document.all("iL"+i);
			lay[i].style.visibility = "hidden";
		}
		if(iNN4){
			lay[i] = document.layers["iL"+i];
			lay[i].visibility = "hide";
		}
	}
	Lflag = true;
	init2();
}

function mopen(n){
	if(Lflag){
		if(iIE4){
			lay[n].innerHTML = comments[n];
			lay[n].style.left = layX + document.body.scrollLeft;
			lay[n].style.top = layY + document.body.scrollTop;
			lay[n].style.width = layW;
			layH = lay[n].style.height;
			lay[n].style.visibility = "visible";
		}
		if(iNN4){
			lay[n].document.open();
			lay[n].document.fgColor = "#000000";
			lay[n].document.bgColor = "#fffacd";
			lay[n].document.write(comments[n]);
			lay[n].document.close();
			lay[n].left = layX;
			lay[n].top = layY;
			layW = lay[n].clip.width;
			layH = lay[n].clip.height;
			lay[n].visibility = "show";
		}
	}
}

function mclose(n){
	if(Lflag){
		if(iIE4){
			lay[n].style.visibility = "hidden";
		}
		if(iNN4){
			lay[n].visibility = "hide";
		}
	}
}

function Mmove(e){
	if(Lflag){
		if(iIE4){
			layX = event.clientX + 20;
			layY = event.clientY + 20;
		}
		if(iNN4){
			layX = e.pageX + 20;
			layY = e.pageY + 20;
		}
		if((layX + layW) >= scrX){
			layX = scrX - layW - 1;
			if(layX <= 1){
				layX = 1;
			}
		}
		if((layY + layH) >= scrY){
			layY = scrY - layH - 1;
			if(layY <= 1){
				layY = 1;
			}
		}
	}
}