var targetMargin = 0;
var pageHeight = 435;
var tweenSpeed = 20;
var numberOfPages = 5;
var originalMargin = 0;
var inited = false;	
var isMovie = false;
var lastroundVal = 0;
var hilightColor = "#fdfed7";
var normalColor = "#b6b968";
h=0
function gotoPage(el, nro, movie){
		document.getElementById('e1').style.color = normalColor;
		document.getElementById('e2').style.color = normalColor;
		document.getElementById('e3').style.color = normalColor;
		document.getElementById('e4').style.color = normalColor;
		
		el.style.color = hilightColor;
		targetMargin = (-1)*pageHeight*(nro-1)-(originalMargin);
		if(movie){
			isMovie = true;
		}else{
			isMovie = false;
		}
		return false;
	}
	function moveSamples(){
		if(inited){
			N = tweenSpeed;
			currentMargin = document.getElementById('pageHolder').style.marginTop.substring(0, document.getElementById('pageHolder').style.marginTop.length-2);
			if(targetMargin != currentMargin){
				document.getElementById('pageHolder').style.marginTop = (((currentMargin * (N - 1)) + targetMargin) / N) + "px";
				
				if(Math.round(currentMargin) == targetMargin){
					document.getElementById('pageHolder').style.marginTop = targetMargin + "px";
				}
				if(isMovie){
					if(((currentMargin > targetMargin) && (currentMargin - 10 < targetMargin)) || ((currentMargin < targetMargin) && (eval(currentMargin) + 10 > targetMargin))){
						document.getElementById("flash").style.visibility = "visible";
					}
					
				}else if(document.getElementById("flash").style.visibility == "visible"){
					document.getElementById("flash").style.visibility = "hidden";
				}
				if(lastroundVal == document.getElementById('pageHolder').style.marginTop){
					document.getElementById('pageHolder').style.marginTop = targetMargin + "px";
					if(isMovie){
						document.getElementById("flash").style.visibility = "visible";	
					}
				}
				lastroundVal = document.getElementById('pageHolder').style.marginTop;
				h++;
			}
			//window.status = "targetMargin " + targetMargin + " currentMargin " + currentMargin + " koodi "+ (((currentMargin * (N - 1)) + targetMargin) / N) + " h "+ h;
		}
	}
	function initSamples(){
		originalMarginSet = false;
		inited = true;
//		pageHeight = numberOfPages * pageHeight;
		document.getElementById('pageHolder').style.height = pageHeight + "px";
		searchElement = document.location.hash.substring(1,document.location.hash.length);
		if(searchElement.length > 0){
			for(i=0; i < (numberOfPages); i++){
				if(document.getElementById('pageHolder').getElementsByTagName('a')[i].id == searchElement){
					originalMargin=(-1)*((i-1)*pageHeight);
					originalMarginSet = true;
					if(originalMargin >= 0){
						originalMargin = 0;
						document.getElementById('e1').style.color = hilightColor;
					}else if((i-1) > 0 && i < 5 ){
						document.getElementById('e'+i).style.color = hilightColor;
					}
				}
			}
			if(!originalMarginSet){
				originalMargin=(-1)*((4)*pageHeight);
			}
		}
	}
	
	setInterval("moveSamples()", 10);