var arrWinSize = getInnerWindowSize();
var intRand = 30;
var final_max_width=arrWinSize[0]-intRand;
var final_max_height=arrWinSize[1]-intRand;
var strPathToLoadingGif = "../../media/global/loading-gif-animation.gif";
var loadingImg = new Image();
loadingImg.src = strPathToLoadingGif;

function getNewImageSize(orig_width, orig_height){
	if (orig_width <= final_max_width     &&   orig_height <= final_max_height){
			var x = new Array (parseInt(orig_width),parseInt(orig_height));
			return x;  //parseInt um nach int zu casten
	}	
	else {
		orig_width *= 0.95;
		orig_height *= 0.95;
		return getNewImageSize(orig_width, orig_height);
	} 	
		  
}



function centerImg(imgRef)
{
	var intStepWidth = 3;
	var intHorizontalCorrection = -1;
	var intVerticalCorrection = -1;

	var arrWindowSize = getInnerWindowSize();
	var objContent = imgRef;
	if (objContent != null)
	{
		var arrContentSize = new Array(parseInt(objContent.width), parseInt(objContent.height));	//Groesse des Content-Bereichs ermitteln
		var intPosLeft = Math.round((arrWindowSize[0] - arrContentSize[0]) / 2);
		var intRest = intPosLeft % intStepWidth;
		var intPosLeft = intRest < intStepWidth / 2 ? intPosLeft - intRest + intHorizontalCorrection : intPosLeft - intRest + intStepWidth + intHorizontalCorrection;	//Position auf glatte Schrittweite einstellen
		objContent.style.left = (intPosLeft < 0 ? 0 : intPosLeft) + 'px';

		var intPosTop = Math.round((arrWindowSize[1] - arrContentSize[1]) / 2);
		var intRest = intPosTop % intStepWidth;
		var intPosTop = intRest < intStepWidth / 2 ? intPosTop - intRest + intVerticalCorrection : intPosTop - intRest + intStepWidth + intVerticalCorrection;	//Position auf glatte Schrittweite einstellen
		objContent.style.top = (intPosTop < 0 ? 0 : intPosTop) + 'px';
		objContent.style.display = 'block';
	}
}



function hidePicture(){
	var opDiv = document.getElementById('opDiv');
	var transImg = document.getElementById('transparentimg') ;
	opDiv.style.display = 'none';
	transImg.style.visibility = 'hidden';
	transImg.width = final_max_width;
	transImg.height = final_max_height;
	transImg.src="media/global/transparent.gif";
}

function showPictureOnResize(){
	var arrScrollPos = getScrollPos();
	var arrWindSize = getInnerWindowSize();	
	opac_div = document.getElementById('opDiv');
	opac_div.style.width = arrWindSize[0]+arrScrollPos[0]+'px';
	opac_div.style.height = arrWindSize[1]+arrScrollPos[1]+'px'; 
	centerImg(document.getElementById('transparentimg'));
}



function showPicture(e){
	var objEvent = window.event ? window.event : e;	
	var objTarget = objEvent.target ? objEvent.target : objEvent.srcElement;	
	
	var strOrigPic = objTarget.src.substr(0,(objTarget.src.length-10));     //_thumb.jpg wird abgschnitten
	strOrigPic += objTarget.src.substring(objTarget.src.length-4);			// .jpg bzw. .gif wird wieder angehängt

	
	var preLoadImg = new Image();
	var trans_img;
	if(document.getElementById('transparentimg'))
		trans_img = document.getElementById('transparentimg');
	else { alert('picture not found'); return;}	
	
	var op_div; // opacity-div
	if(document.getElementById('opDiv'))
		op_div = document.getElementById('opDiv');
	else {alert('picture not found'); return;}	

	
	var arrWinSize = getInnerWindowSize();
	var arrScrollPos = getScrollPos();
	
	op_div.style.width = arrWinSize[0]+arrScrollPos[0]+'px';
	op_div.style.height = arrWinSize[1]+arrScrollPos[1]+50+'px';
	
	op_div.onclick = hidePicture;
	op_div.style.cursor = 'pointer';
	op_div.style.display='block';
	
	trans_img.width=loadingImg.width;
	trans_img.height=loadingImg.height;       //damit loading-img immer gleiche größe hat	
	trans_img.src=loadingImg.src;
	centerImg(trans_img);
	trans_img.style.visibility='visible';
	
	//neue Bild vorladen:
	preLoadImg.onload = function(){
		var bigPicWidth = preLoadImg.width;
		var bigPicHeight = preLoadImg.height;
		
		trans_img.style.visibility='hidden';
		trans_img.src = preLoadImg.src;

		trans_img.width=bigPicWidth;
		trans_img.height = bigPicHeight;
		
		arrNewImageSize = getNewImageSize(parseInt(trans_img.width),parseInt(trans_img.height));
		trans_img.width = arrNewImageSize[0];
		trans_img.height = arrNewImageSize[1];	
		trans_img.style.borderColor = 'white';
		trans_img.style.borderStyle = 'solid';
		trans_img.style.borderWidth = '8px';
		trans_img.onclick = hidePicture;
		trans_img.style.cursor =  'pointer'; 
		centerImg(trans_img);  //enthält:  trans_img.style.display='block';
		trans_img.style.visibility='visible';
	}
	preLoadImg.src = strOrigPic;
	
		
		
		
/*		var arrNewImageSize = new Array();
		trans_img.src = strOrigPic;
		arrNewImageSize = getNewImageSize(parseInt(trans_img.width),parseInt(trans_img.height));
		trans_img.width = arrNewImageSize[0];
		trans_img.height = arrNewImageSize[1];	
		trans_img.style.borderColor = 'white';
		trans_img.style.borderStyle = 'solid';
		trans_img.style.borderWidth = '8px';
		trans_img.onclick = hidePicture;
		trans_img.style.cursor =  'pointer'; 
		centerImg(trans_img);  //enthält:  trans_img.style.display='block';
		trans_img.style.visibility='visible';*/
}

function getAllThumbnails(){
	var arrPics = new Array();
	arrTabellen = getElementsByClassName_inDiv('thumbnails','content');
	for (i=0; i<arrTabellen.length;i++){
		arrTmpPics = arrTabellen[i].getElementsByTagName('img');
		for (x=0; x<arrTmpPics.length;x++){
			arrPics.push(arrTmpPics[x]);			
		}
	}
	return arrPics;	
}
function addOnClickToThumbs(){
	var arrAllPics = getAllThumbnails();
	for (i=0; i<arrAllPics.length;i++){
		arrAllPics[i].onclick = showPicture; 
		arrAllPics[i].style.cursor='pointer';
	}


}