var vrObj = null;
var vrTimer = null;
var vrImg1 = null;
var vrImg2 = null;
var vrWidth = null;
var vrHeight = null;
var vrArea = null;

function vr(area, width, height, image)
{
	vrWidth = width;
	vrHeight = height;
	vrObj = document.getElementById(area);
	vrObj.style.width = width+'px';
	vrObj.style.height = height+'px';
	vrObj.style.overflow = 'hidden';
	vrObj.style.position = 'relative';
	vrObj.innerHTML = '';
	vrArea = document.createElement("div");
	vrObj.appendChild(vrArea);
	vrImg1 = document.createElement("img");
	vrImg1.src = image;
	vrArea.appendChild(vrImg1);
	vrImg2 = document.createElement("img");
	vrImg2.src = image;
	vrArea.appendChild(vrImg2);
	vrImg1.onload = vrStart;
}

function vrStart()
{
	vrArea.style.width = (vrImg1.width*2)+'px';
	vrObj.scrollTop = parseInt(vrImg1.height/2)-parseInt(vrHeight/2);
	vrScrollLeft();
}

function vrScrollLeft()
{
	clearTimeout(vrTimer);
	vrArea.style.width = (vrImg1.width*2)+'px';
	var chWidth = parseInt(vrImg1.width) + parseInt(vrWidth);
	if(vrObj.scrollLeft>=chWidth)
	{
		vrObj.scrollLeft = vrObj.scrollLeft-parseInt(vrImg1.width);
	}
	vrObj.scrollLeft = vrObj.scrollLeft+3;
	vrTimer = setTimeout("vrScrollLeft()", 50);
}

function vrScrollRight()
{
	clearTimeout(vrTimer);
	vrArea.style.width = (vrImg1.width*2)+'px';
	var chWidth = parseInt(vrImg1.width)-parseInt(vrWidth);
	if(vrObj.scrollLeft<=chWidth)
	{
		vrObj.scrollLeft = parseInt(vrImg1.width)+vrObj.scrollLeft;
	}
	vrObj.scrollLeft = vrObj.scrollLeft-3;
	vrTimer = setTimeout("vrScrollRight()", 50);
}

function vrScrollUp()
{
	clearTimeout(vrTimer);
	vrArea.style.width = (vrImg1.width*2)+'px';
	vrObj.scrollTop = vrObj.scrollTop-3;
	vrTimer = setTimeout("vrScrollUp()", 50);
}

function vrScrollDown()
{
	clearTimeout(vrTimer);
	vrArea.style.width = (vrImg1.width*2)+'px';
	vrObj.scrollTop = vrObj.scrollTop+3;
	vrTimer = setTimeout("vrScrollDown()", 50);
}

function vrStop()
{
	clearTimeout(vrTimer);
}

var pBtnKey;
function show_btn(key, title)
{
	if(pBtnKey)	document.getElementById('vr_img'+pBtnKey).src = 'files/Image/vr_player/no'+pBtnKey+'.gif';
	document.getElementById('vr_img'+key).src = 'files/Image/vr_player/no'+key+'_r.gif';
	document.getElementById('vr_text').innerHTML = title;
	pBtnKey = key;
}