var Images = new Array();
var Settings = new Array();
// url,h,w
/* Images[0]= new Array("test.jpg",400,533);
Images[1]= new Array("test5.jpg",199,340);
Images[2]= new Array("test2.jpg",424,650);
*/

var aktImage = 0;
var showAddButton = true;

// functions

function init(picno){
	aktImage = picno;
	display();
}

function preload(){
/* next und prev vorladen  */
	var preload;
	var preload_back;
	if(Images.length > aktImage+1){
		preload = new Image();
		preload.src = Images[aktImage+1][0];
	}
	if(aktImage >0){
		preload_back = new Image();
		preload_back.src = Images[aktImage-1][0];
	}
}
function display(){
	var top;
	var left;
	var newheight;
	var newwidth;
	//top = ((550 - Images[aktImage][4])/2)-80;
	
	document.getElementById('gallerypic').style.top = '';
	document.getElementById('gallerypic').style.left = '';
	
	
	if (Images[aktImage][3] < 550) { 
		left = Number(Images[aktImage][3])-284;
	} else { 
		left = 0; 
	}


	if (Images[aktImage][4] < 550) { 
		top = ((550-(Number(Images[aktImage][4])))-46)/2;
	} else { 
		top = -18; 
	}
	
	top += 30;
	
	newheight = 4+ Number(Images[aktImage][4]);
	newwidth = 4+ Number(Images[aktImage][3]);
	//document.getElementById('gallerypic').style.backgroundImage = 'url(pictures/'+Images[aktImage][1]+')';
	document.getElementById('gallerypic').style.backgroundImage = '';
	document.getElementById('gallerypic').style.border = '';
	document.getElementById('gallerypic').innerHTML = '<div id="gallerypic" style="background-image:  url(pictures/'+Images[aktImage][1]+'); border:solid 1px #'+Settings[1]+'; width:'+newwidth+'px; height:'+newheight+'px; position:absolute; top:'+top+'px; left:'+left+'px; margin:auto;"><a href="javascript:goback()" title="ZUR&Uuml;CK"><div class="back" style="height:'+newheight+'px;"></div></a><a href="javascript:next()" title="VOR"><div class="forward" style="height:'+newheight+'px;"></div></a></div>';
	
	document.getElementById('gallerypic').style.top = '';
	document.getElementById('gallerypic').style.left = '';
	
	
	// pictext info
	if(Images[aktImage][8] == 1){
	document.getElementById('imagecontroller').innerHTML = '<a href="#" onclick="OpenFoto(\'pictures/'+Images[aktImage][2]+'\',\''+Images[aktImage][6]+'\')"><img src="templates/'+Images[aktImage][10]+'/images/imgbig.gif" border="0"></a>';
	}else{
	document.getElementById('imagecontroller').innerHTML = '';	
	}
	//document.getElementById('pictext').innerHTML = Images[aktImage][6]+Images[aktImage][7];
	document.getElementById('pictext').innerHTML = '<div id=\"pictext\">'+Images[aktImage][6]+'</div>';
	document.getElementById('subpictext').innerHTML = '<div id=\"subpictext\">'+Images[aktImage][7]+'</div>';
	
	thumbsHighLighting();
	
	preload();
	
	if(aktImage == 0){// startseiten text ausblenden
		document.getElementById('onlyGalleryStart').style.display = 'block';
	}else{
		document.getElementById('onlyGalleryStart').style.display = 'none';
	}
}

function thumbsHighLighting(){
	// alle zuruecksetzen
	for(var i=0; i < Images.length;i++){
		document.getElementById('thumb'+i).style.border = '#'+Settings[1]+' solid 1px';
	}
	// akt thumb highlighting
	document.getElementById('thumb'+aktImage).style.border = '#'+Settings[0]+' solid 2px';
}

function next(){
/* vorspulen - vorladen  */
	if(aktImage < (Images.length-1)){
		aktImage = aktImage +1;
	}else{
		aktImage = 0;
	}
	display();
}
function goback(){
	
/* zurückspulen  - vorladen  */
	if(aktImage != 0){
		aktImage = aktImage -1;
	}else{
		aktImage = Images.length -1;		
	}
	display();
}
/* function klose(){
	document.getElementById('lt_picdiv').style.display = 'none';
	document.getElementById('lt_navlinks').style.display = 'none';
	document.getElementById('lt_navrechts').style.display = 'none';
} */

function listen2key(event){
	if(document.getElementById('gallerypic').style.display == 'none')return;
	switch (event.keyCode){
		//case 27: case 88: case 67: klose(); break;
		case 37: case 80: goback(); break;	
		case 39: case 78: next();
	}
}

/* function add2clip(){
	//ajax add2clip(aktImage)
	sendRequest('add2clip.php?add='+Images[aktImage][5]);
	// show clipboard button highlighting
	document.getElementById('clipboardlink').src = 'pics/clipboard_on.gif';
}

function downloadPDF(mode){
	window.open('pdf.php?single='+mode+'&pic='+Images[aktImage][5]);
} */