var currentImage = 0;
var direction = 0;
var oldImage = 0;

function getScrollX() {
  var scrOfX = 0;
  if( typeof( window.pageXOffset ) == 'number' ) {    
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement &&  document.documentElement.scrollLeft ) {        
    scrOfX = document.documentElement.scrollLeft;
  }
  return scrOfX;
}

function findposx( obj) {
	var curleft = 0;

	if (obj.offsetParent) {
		while (obj.offsetParent) {
			curleft += obj.offsetLeft;
			obj = obj.offsetParent;
		}
	} else if (obj.x) {
		curleft += obj.x;
	}
	
	return curleft;
}



function initImage(index) {
	currentImage = 0;
	oldImage = 0;
	switchImageToCurrent();
}

function mouseOverTD(id) {
	/*
	if("td_link"+currentImage != id) {		
		e = document.getElementById(id);
		//e.style.backgroundImage = "url('./style/images/img_link_bg.png')";
		e.style.cursor = "Hand";
	} 
	*/
}

function mouseOutTD(id) {
	//document.getElementById(id).style.backgroundImage = "none";
}



function mouseMovedImg(event) {	
	
	if(document.getElementById('img_shown').x === undefined) {
		xpos = findposx(document.getElementById('img_shown'));
	} else {
		xpos =	document.getElementById('img_shown').x;		
	}
	
		
    xpos = event.clientX - xpos;
    
    xpos += getScrollX();

	if(xpos < imgWidthArray[currentImage]/2) {
		document.getElementById('img_prev').src='style/images/prev.gif';	
		document.getElementById('img_next').src='style/images/empty.gif';	
		direction = -1;
	} else {
		document.getElementById('img_next').src='style/images/next.gif';
		document.getElementById('img_prev').src='style/images/empty.gif';
		direction = 1;
	}
	//document.getElementById('img_shown').style.cursor = 'pointer';
}

function mouseInImg() {	
	document.getElementById('img_shown').style.cursor = 'pointer';
}

function mouseOutImg() {
	document.getElementById('img_next').src='style/images/empty.gif';
	document.getElementById('img_prev').src='style/images/empty.gif';
	direction = 0;
}

function mouseClickedImg() {	
	currentImage = currentImage + direction;
	if(currentImage < 0) {
		currentImage = imgNameArray.length - 1;
	}
	
	if(currentImage >= imgNameArray.length) {
		currentImage = 0;
	}
	
	switchImageToCurrent();		
}

function mouseClickedImgLink(id) {	
	currentImage = id;
	switchImageToCurrent();	
}

function switchImageToCurrent() {		
	document.getElementById('img_shown').src = "./pages/" + imgNameArray[currentImage]; 
	
	updateImageLinks();
}


function updateImageLinks() {	
	
	
	document.getElementById('img_link' + oldImage).className='';
	document.getElementById('img_link' + currentImage).className='current_img';
	
	
	oldImage = currentImage;	
}


function showAnimation(i) {
	
	if(document.getElementById('li_' + (i-1)) != null) {
		document.getElementById('li_' + (i-1) ).className='';
	}
	
	if(document.getElementById('li_' + i ) != null) {
		document.getElementById('li_' + i ).className='anim';
		if(i == 1) {
			setTimeout("showAnimation(" + (i+1) + ")", 1000);
		} else {
			setTimeout("showAnimation(" + (i+1) + ")", 100);
		}

	} else {
		showAnimation2(i-2);
	}
}



function showAnimation2(i) {

	if(document.getElementById('li_' + (i+1)) != null) {
		document.getElementById('li_' + (i+1) ).className='';
	}
	
	if(document.getElementById('li_' + i ) != null) {
		document.getElementById('li_' + i ).className='anim';
		if(i == 1) {
			setTimeout("showAnimation2(" + (i-1) + ")", 500);
		} else {
			setTimeout("showAnimation2(" + (i-1) + ")", 100);
		}
	} else {
		location = document.getElementById('first' ).href;
	}

}