// script for sliding images
var imgFolder = 'images/series/';
var pre = 'image_';
var suffix = '.jpg';
var imgNo = 1;
var maxImgNumber = 0; 

var n6=(document.getElementById&&!document.all);
var ns=(document.layers);
var ie=(document.all);

var tempX = 0;
var tempY = 0;

function changePic(dir,projectFolder,maxImg) {
    // dir == 0 -> zurück
    // dir == 1 -> vor

    imgSrc = document.images[0].src;
    imgNo = imgSrc.substr(imgSrc.search(/image_/) + pre.length,2);

    (dir == 1)? imgNo++ : imgNo--;
    if (imgNo < 1) {imgNo = maxImg};
    if (imgNo > maxImg) {imgNo = 1};

    changePic2(imgNo, projectFolder, maxImg);   
}

function changePic2(imgNo,projectFolder,maxImg) {

    maxImgNumber = maxImg;

    if(imgNo == 1) { document.getElementById('prevButton').className  = 'nav_browse_2'; }
    else  {document.getElementById('prevButton').className  = 'nav_browse'; }

    if(imgNo == maxImgNumber) { document.getElementById('nextButton').className  = 'nav_browse_2'; }
    else  {document.getElementById('nextButton').className  = 'nav_browse'; }

    highlite(imgNo);

    var oldImg = document.getElementById('mainimg');
    var newImg = document.createElement('img');
    newImg.id = oldImg.id;
    newImg.name = oldImg.name;
    newImg.className = oldImg.className;
    newImg.alt = oldImg.alt;
    newImg.border = oldImg.border;
    newImg.src = (imgFolder + projectFolder + "/" + pre + imgNo + suffix);


document.getElementById('mainimg').parentNode.replaceChild(newImg, oldImg);
} 

function highlite (no) {
    
    if(no < 1 || no > maxImgNumber) return;
    
    for(i=1; i<=maxImgNumber; i++) {
        n = "img_" + i;
        document.getElementById(n).className  = 'nav_numbers';
    }
  
    n = "img_" + no;
    document.getElementById(n).className  = 'nav_numbers_2';
}

function show (event, title_1, title_2) {
     
    setMouseXY(event);
  
    document.getElementById('container_title_1').innerHTML = "<strong>" + title_1 + "</strong>";
    if(title_2 != "") document.getElementById('container_title_2').innerHTML = "<strong>" + title_2 + "</strong>";
        
    document.getElementById('container').style.left = tempX;
    document.getElementById('container').style.top = tempY;
    
    document.getElementById('container').style.visibility = 'visible';
}

function hide () {
    
    document.getElementById('container').style.visibility = 'hidden';
}

function setMouseXY(event) {
  if (ie) {
    tempX = event.clientX+5;
    tempY = (event.clientY+5) + document.body.scrollTop;
  } else {
    tempX = event.pageX+5;
    tempY = (event.pageY+5) + window.pageYOffset;
  }  

  if (tempX < 0){tempX = 0};
  if (tempY < 0){tempY = 0};
}

// cssClassChanger(flip|add|remove|verify,object,classname,second classname (needed with 'flip')
function cssClassChanger(strAct,obj,strClass1,strClass2){
	if(strAct=="flip"){
		obj.className=!cssClassChanger('verify',obj,strClass1)?obj.className.replace(strClass1,strClass2):
		obj.className.replace(strClass1,strClass2);
	}
	else if(strAct=="add"){
		if(!cssClassChanger('verify',obj,strClass1)){obj.className+=obj.className?' '+strClass1:strClass1;}
	}
	else if(strAct=="remove"){
		var rep=obj.className.match(' '+strClass1)?' '+strClass1:strClass1;
		obj.className=obj.className.replace(rep,'');
	}
	else if(strAct=="verify"){
		return new RegExp('\\b'+strClass1+'\\b').test(obj.className);
	}
}
// -------- END: add, remove and swap CSS classes