//-----------------------------------------------------------------------------
// comic.js
//-----------------------------------------------------------------------------

	var brw_v = navigator.appVersion.charAt(0),brw_n = navigator.appName.charAt(0);
	var isIE4 = false;if((brw_v >= 4) && (brw_n == "M"))isIE4 = true;
	var isNN4 = false;if((brw_v >= 4) && (brw_n == "N"))isNN4 = true;
	var mm_isLoop = false,mm_isMouse = false;
	var mm_sx = 0,mm_sy = 0;

	var mainpage_x = 0,mainpage_y = 0;
	var button_next_xx = 0;

	if(isIE4){
		window.document.onmouseup = onWindow_MouseUp;
		window.document.onmousedown = onWindow_MouseDown;
		window.document.onmousemove = onWindow_MouseMove;
	}
	if(isNN4){
		window.captureEvents(Event.MOUSEUP | Event.MOUSEDOWN);
		window.captureEvents(Event.MOUSEMOVE);
		window.onmouseup = onWindow_MouseUp;
		window.onmousedown = onWindow_MouseDown;
		window.onmousemove = onWindow_MouseMove;
	}

//-----------------------------------------------------------------------------
// 関数
//-----------------------------------------------------------------------------

// XMLHttpRequest取得
function createXmlHttp() {
    xmlhttp = false;
    try{
		xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
		MSXMLHTTP = true;
	}catch(e){
		try {
			xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
			MSXMLHTTP = true;
		}catch(E){
			xmlhttp = false;
		}
    }
    if(!xmlhttp && typeof XMLHttpRequest != 'undefined'){
		xmlhttp = new XMLHttpRequest();
    }
    return xmlhttp;
}

// 画面移動
function onWindow_MouseDown(e)
{
	if(mm_isMouse){
		if(isIE4){
			mm_sx = event.offsetX;
			mm_sy = event.offsetY;
		}
		if(isNN4){
			mm_sx = e.layerX;
			mm_sy = e.layerY;
		}
		mm_isLoop = true;
	}
}

function onWindow_MouseUp(e)
{
	mm_isLoop = false;
}

function onWindow_MouseMove(e)
{
	if(mm_isLoop){
		if(isIE4){
			mainpage_x = event.x - mm_sx + document.body.scrollLeft;
			mainpage_y = event.y - mm_sy + document.body.scrollTop;
			document.getElementById("mainpage").style.posLeft = mainpage_x;
			document.getElementById("mainpage").style.posTop = mainpage_y;
			document.getElementById("button_next").style.posLeft = mainpage_x;
			document.getElementById("button_next").style.posTop = mainpage_y;
			document.getElementById("button_prev").style.posLeft = mainpage_x + button_next_xx;
			document.getElementById("button_prev").style.posTop = mainpage_y;
		}
		if(isNN4){
			mainpage_x = e.clientX - mm_sx + window.pageXOffset;
			mainpage_y = e.clientY - mm_sy + window.pageYOffset;
			document.getElementById("mainpage").style.left = mainpage_x;
			document.getElementById("mainpage").style.top = mainpage_y;
			document.getElementById("button_next").style.left = mainpage_x;
			document.getElementById("button_next").style.top = mainpage_y;
			document.getElementById("button_prev").style.left = mainpage_x + button_next_xx;
			document.getElementById("button_prev").style.top = mainpage_y;
		}
		return false;
	}
}

// ページ切り替え
function subOnNextClick()
{
	showPage++;
	if(showPage >= comicimg.length)showPage = comicimg.length - 1;
	document.getElementById("page").src = comicimg[showPage].src;
}

function subOnPrevClick()
{
	showPage--;
	if(showPage < 0)showPage = 0;
	document.getElementById("page").src = comicimg[showPage].src;
}

// リサイズ
function subReSize()
{
	if(showSize == 0){
		button_next_xx = width * 4 / 5;
		document.getElementById("page").style.width = width;
		document.getElementById("page").style.height = height;
		document.getElementById("img_next").style.width = (width / 5);
		document.getElementById("img_next").style.height = height;
		document.getElementById("img_prev").style.width = (width / 5);
		document.getElementById("img_prev").style.height = height;
		document.getElementById("button_next").style.left = mainpage_x + button_next_xx;
	}else{
		var w = width * (1 + showSize * 0.15);
		var h = height * (1 + showSize * 0.15);
		button_next_xx = w * 4 / 5;
		document.getElementById("page").style.width = w;
		document.getElementById("page").style.height = h;
		document.getElementById("img_next").style.width = (w / 5);
		document.getElementById("img_next").style.height = h;
		document.getElementById("img_prev").style.width = (w / 5);
		document.getElementById("img_prev").style.height = h;
		document.getElementById("button_next").style.left = mainpage_x + button_next_xx;
	}
}

function subOnLargeClick()
{
	showSize++;
	if(showSize > 5)showSize = 5;
	subReSize();
}

function subOnSmallClick()
{
	showSize--;
	if(showSize < -5)showSize = -5;
	subReSize();
}

function subOnNormalClick()
{
	showSize = 0;
	subReSize();
}