window.captureEvents(Event.CLICK);
window.onclick= ClickSlideTable;

var SlideImgList = new Array();
var NextImg = 2;
var CurrentImg = 1;

function ShowImg()
{	
	CurrentImg = NextImg;
	document.all['slide_table'].style.background = 'url('+SlideImgList[NextImg][0]+')';
	for(var i=1; i<=SlideImgList.length-1; i++)
	{
		document.all['slidelink'+i].className = (i == NextImg) ? "slidelink2" : "slidelink";
	}
	
	NextImg = (NextImg+1 > SlideImgList.length-1) ? 1 : (NextImg+1);	
}

function ChangeImg(img)
{
	clearInterval(interval_id);
	
	NextImg = img;	
	ShowImg();
	
}

function getElementPosition(elemId)
{
    var elem = document.getElementById(elemId);
	
    var w = elem.offsetWidth;
    var h = elem.offsetHeight;
	
    var l = 0;
    var t = 0;
	
    while (elem)
    {
        l += elem.offsetLeft;
        t += elem.offsetTop;
        elem = elem.offsetParent;
    }
	
	var r = l + w;
	var b = t + h;

    return {"left":l, "top":t, "width": w, "height":h, "right":r, "bottom":b};
}

function ClickSlideTable(e)
{	
	var tablepos = getElementPosition("slide_table");
	var divpos = getElementPosition("slidepage");

	if(tablepos.left < e.pageX && e.pageX < tablepos.right && 
	   	tablepos.top < e.pageY && e.pageY < tablepos.bottom 
		&&
		!(divpos.left < e.pageX && e.pageX < divpos.right && 
	   	divpos.top < e.pageY && e.pageY < divpos.bottom)
		) 
	 window.location=SlideImgList[CurrentImg][1];

}