var timer_id;
function scroll_iframe(frm,inc,dir) {
  if (timer_id) clearTimeout(timer_id);
  if (window.frames[frm]) {
    if (dir == "v") window.frames[frm].scrollBy(0, inc);
    else window.frames[frm].scrollBy(inc, 0);
    timer_id = setTimeout("scroll_iframe('" + frm + "'," + inc + ",'" + dir + "')", 20);
	
	// Move the scroll bar
	var scrollTab = xGetElementById('scrollTab');
	if(!scrollTab) { return };
	
	var iRatio = (211 / iScrollHeight);
	var iNewPos = (iRatio * (window.frames[frm].document.body.scrollTop));
	if (iNewPos >= 211) { iNewPos = 211; }
	xMoveTo(scrollTab,0,iNewPos );
  }
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function stopScroll() { if (timer_id) clearTimeout(timer_id); }

var iCurrentImage;
iCurrentImage = 1;

function nextImg(sName, iMax) {
	if (iCurrentImage < iMax) {
		iCurrentImage++;
	}

	MM_findObj("ImageHolder").innerHTML = "<img width='502' height='347' align='left' src='project_images/" + sName + iCurrentImage.toString() + ".jpg' />";
	
	// Do the colouring of the text - clear them all to white, then set the red one.
	for (var i=1;i <= iMax; i++) {
		MM_findObj("linkText" + i).innerHTML = i;
	}
	MM_findObj("linkText" + iCurrentImage).innerHTML = "<span style=\"color:#c91024;\">" + iCurrentImage + "</span>";
	
}

function prevImg(sName, iMax) {
	if (iCurrentImage > 1) {
		iCurrentImage--;
	}

	MM_findObj("ImageHolder").innerHTML = "<img width='502' height='347' align='left' src='project_images/" + sName + iCurrentImage.toString() + ".jpg' />";

	// Do the colouring of the text - clear them all to white, then set the red one.
	for (var i=1;i <= iMax; i++) {
		MM_findObj("linkText" + i).innerHTML = i;
	}
	MM_findObj("linkText" + iCurrentImage).innerHTML = "<span style=\"color:#c91024;\">" + iCurrentImage + "</span>";

}

function switchImage(sName, iNum, iMax) {
	MM_findObj("ImageHolder").innerHTML = "<img width='502' height='347' align='left' src='project_images/" + sName + iNum.toString() + ".jpg' />";
	
	// Do the colouring of the text - clear them all to white, then set the red one.
	for (var i=1;i <= iMax; i++) {
		MM_findObj("linkText" + i).innerHTML = i;
	}
	MM_findObj("linkText" + iNum).innerHTML = "<span style=\"color:#c91024;\">" + iNum + "</span>";

	iCurrentImage = iNum;
}
function nextImg_en(sName, iMax) {
	if (iCurrentImage < iMax) {
		iCurrentImage++;
	}

	MM_findObj("ImageHolder").innerHTML = "<img width='502' height='347' align='left' src='project_images_en/" + sName + iCurrentImage.toString() + ".jpg' />";
	
	// Do the colouring of the text - clear them all to white, then set the red one.
	for (var i=1;i <= iMax; i++) {
		MM_findObj("linkText" + i).innerHTML = i;
	}
	MM_findObj("linkText" + iCurrentImage).innerHTML = "<span style=\"color:#c91024;\">" + iCurrentImage + "</span>";
	
}

function prevImg_en(sName, iMax) {
	if (iCurrentImage > 1) {
		iCurrentImage--;
	}

	MM_findObj("ImageHolder").innerHTML = "<img width='502' height='347' align='left' src='project_images_en/" + sName + iCurrentImage.toString() + ".jpg' />";

	// Do the colouring of the text - clear them all to white, then set the red one.
	for (var i=1;i <= iMax; i++) {
		MM_findObj("linkText" + i).innerHTML = i;
	}
	MM_findObj("linkText" + iCurrentImage).innerHTML = "<span style=\"color:#c91024;\">" + iCurrentImage + "</span>";

}

function switchImage_en(sName, iNum, iMax) {
	MM_findObj("ImageHolder").innerHTML = "<img width='502' height='347' align='left' src='project_images_en/" + sName + iNum.toString() + ".jpg' />";
	
	// Do the colouring of the text - clear them all to white, then set the red one.
	for (var i=1;i <= iMax; i++) {
		MM_findObj("linkText" + i).innerHTML = i;
	}
	MM_findObj("linkText" + iNum).innerHTML = "<span style=\"color:#c91024;\">" + iNum + "</span>";

	iCurrentImage = iNum;
}

function setVid(sFile) {
	MM_findObj("TopicContent").innerHTML = "<iframe name=\"scr1\" id=\"scr1\" scrolling=\"no\" src=\"" + sFile + "\" width=\"420\" height=\"320\" frameborder=\"0\"></iframe>";
	
}
var kiemelt;
var iScrollHeight = 500;
// create 'scrollTab' element and assign functions


function atad2(kiemelt,p){
	
	mag=MM_findObj("jobb").offsetHeight;
	window.location=kiemelt+".php?mag="+mag+"&p="+p;
	return mag;
	
	}

function atad(kiemelt){
	
	mag=MM_findObj("jobb").offsetHeight;
	window.location=kiemelt+".php?mag="+mag;
	return mag;
	
	}


function initDiv(){
	var scrollTab = xGetElementById('scrollTab');
	if(!scrollTab) { return };
	xMoveTo(scrollTab,0,0);
	xEnableDrag(scrollTab,divOnDragStart,divOnDrag,divOnDragStop);
	xShow(scrollTab);
}

function setupScroller(iContentsHeight) {
	iScrollHeight = iContentsHeight;
	// check if browser is DOM compatible

	if(document.createElement&&document.getElementById&&document.getElementsByTagName){
		// initialize 'dragging' DIV elements
		initDiv();
	}
}

// initialize properties for 'div1' element
function divOnDragStart(obj){
	obj.offsetX=0;
	obj.offsetY=0;
}

// move 'div1' element
function divOnDrag(obj,mdx,mdy){
	var iNewPos = (xTop(obj) + mdy);
	if ((iNewPos > 0) && (iNewPos < 211)) {
		xMoveTo(obj,0,xTop(obj)+mdy);
	}
	obj.offsetX+=mdx;
	obj.offsetY+=mdy;
	
	if (window.frames['scr1']) {	
		var iRatio = (iScrollHeight / 211);
		window.frames['scr1'].scrollTo(0, (iNewPos * iRatio));
	}
}

// display x-y offset when dragging process is done
function divOnDragStop(obj){
	//alert('Total X offset:'+obj.offsetX+' Total Y offset:'+obj.offsetY);
}

function checkKey(iKeyNum) {
	if ((iKeyNum==38) || (iKeyNum==104)) {
		// up
		scroll_iframe('scr1', -4, 'v');
		
	}
	if ((iKeyNum==40) || (iKeyNum==98)) {
		// down
		scroll_iframe('scr1', 4, 'v');
	}

	if ((iKeyNum==33) || (iKeyNum==105)) {
		// pageup
		scroll_iframe('scr1', -16, 'v');
	}

	if ((iKeyNum==34) || (iKeyNum==99)) {
		// pagedown
		scroll_iframe('scr1', 16, 'v');
	}

}