// マウスにあわせて動く十字線
var cross_inited = false;
var cross_objs = 0;

function cross_init() {
    var img = new Array(2);
    img[0] = document.images["crossh"];
    img[1] = document.images["crossv"];
    if(!img[0] || !img[1]) return;
    
    var i;
    cross_objs = new Array();
    for(i = 0; i < 2; i++) {
        cross_objs[i] = document.createElement("img");
        cross_objs[i].src = img[i].src;
        cross_objs[i].style.position = "absolute";
        if(i == 0) cross_objs[i].style.height = "1px";
        else cross_objs[i].style.width = "1px";
        document.body.appendChild(cross_objs[i]);
    }
}

function cross_move (e) {
    if(!cross_objs) cross_init();
    if(!cross_objs) return;
    var x, y;
    if(window.event) { x = event.clientX; y = event.clientY; }
    else if(e) {
        x = e.pageX - cross_scrollleft(); y = e.pageY - cross_scrolltop();
    }
    cross_objs[0].style.left = cross_scrollleft() + "px";
    cross_objs[0].style.width = cross_winwidth() + "px";
    cross_objs[0].style.top = (cross_scrolltop() + y) + "px";
    cross_objs[1].style.top = cross_scrolltop() + "px";
    cross_objs[1].style.height = cross_winheight() + "px";
    cross_objs[1].style.left = (cross_scrollleft() + x) + "px";
}

/* ------------------------------------
  ウィンドウの幅取得
------------------------------------ */
function cross_winwidth () {
	if(window.innerWidth)
		return window.innerWidth;
	if(document.compatMode == "CSS1Compat")
		return document.documentElement.clientWidth;
	if(document.body && document.body.clientWidth)
		return document.body.clientWidth;
	return 600;
}

/* ------------------------------------
  ウィンドウの高さ取得
------------------------------------ */
function cross_winheight () {
	if(window.innerHeight)
		return window.innerHeight;
	if(document.compatMode == "CSS1Compat")
		return document.documentElement.clientHeight;
	if(document.body.clientHeight)
		return document.body.clientHeight;
	return 400;
}

/* ------------------------------------
  スクロール領域の上端
------------------------------------ */
function cross_scrolltop () {
	if(window.pageYOffset)
		return window.pageYOffset;
	if(document.compatMode == "CSS1Compat")
		return document.documentElement.scrollTop;
	if(document.body.scrollTop)
		return document.body.scrollTop;
	return 0;
}

/* ------------------------------------
  スクロール領域の左端
------------------------------------ */
function cross_scrollleft () {
	if(window.pageXOffset)
		return window.pageXOffset;
	if(document.compatMode == "CSS1Compat")
		return document.documentElement.scrollLeft;
	if(document.body.scrollLeft)
		return document.body.scrollLeft;
	return 0;
}

if(document.getElementById) {
    document.onmousemove = cross_move;
    window.onscroll = cross_move;
}