// JavaScript Document

// Some variables
var base= "images/menu"
var n = new Array();
var o = new Array();
var m= new Array('menu0', 'menu1', 'menu2', 'menu3', 'menu4' , 'menu5', 'menu6', 'menu7', 'menu8', 'menu9', 'menu10' );

// Pre-load part.

for (var i=0; i<m.length; i++)	{
	n[i] = new Image;
	n[i].src = base + i + "n.jpg";
	o[i] = new Image;
	o[i].src = base + i + "o.jpg";
}

nMail = new Image;
nMail.src = "images/mailn.jpg"
oMail = new Image;
oMail.src = "images/mailo.jpg"

// The functions: first mouseover, then mouseout

function over(num){
	document.images[m[num]].src = o[num].src;
}

function out(num){
	document.images[m[num]].src = n[num].src;
}

function mailover(){
	document.images["mail"].src = oMail.src;
}

function mailout(){
	document.images["mail"].src = nMail.src;
}

var cImg = 0;
var mImg = 20;
function show(num){
	
 	cImg = cImg + num;

	if (cImg < 0){
		cImg = 0;
		return;
	}

	if (cImg > mImg){
		cImg = mImg;
		return;
	}
	
	if (cImg == 0) {
		document.images["zuruck"].style.display = "none";
	} else if (cImg == mImg) {
		document.images["weiter"].style.display = "none";
	} else {
		document.images["zuruck"].style.display = "inline";
		document.images["weiter"].style.display = "inline";	
	}
	document.images["gallery"].src = "gallery/gallery" + cImg + ".jpg";
}