var currentPicture = 1;
var loop = 1;

function change(target, anchorId)
{
	//alert(previewPicturesInRow);
	document.getElementById('main-picture').className = "picture";
	currentPicture = anchorId.split('-')[1];
	//alert(currentPicture);
	
	if(currentPicture == pictureSum || currentPicture >= (loop*previewPicturesInRow))
	{
		document.getElementById('main-picture').className = "pictureLast";
	}
	
	var elem = document.getElementById('picture');
	elem.src = target;

/*
	var oldId = "pic-" + currentAnchorId;
	var newId = "pic-" + anchorId.split('-')[1];
	var anchor = document.getElementById(oldId);
	
	anchor.id = newId;
*/
	return false;
}


function getNextPicture()
{
	//Src aus js ermitteln ermitteln
	//alert("currentPicture"+currentPicture);
	//alert(parseInt(loop)*parseInt(previewPicturesInRow));
	if(currentPicture == pictureSum || currentPicture >= (loop*previewPicturesInRow))
	{
		return false;
	}
	currentPicture = parseInt(currentPicture)+1;
	//alert(currentPicture);
	var pictureElems = pictures.split(";");
	//alert(pictureElems);
	for(var i=0; i<pictureElems.length; i++)
	{
		document.getElementById('main-picture').className = "picture";
		if((i+1) % (loop*previewPicturesInRow) == 0 || currentPicture == pictureSum)
		{
			document.getElementById('main-picture').className = "pictureLast";
		}
		
		//alert("pic-"+currentPicture);
		//alert(pictureElems[i].split("=")[0]);
		
		if("pic-"+currentPicture == pictureElems[i].split("=")[0])
		{
			var elem = document.getElementById('picture');
			//alert("elem"+elem);
			var elemSrc = pictureElems[i].split("=")[1];
			/*
			alert("elemSrc"+elemSrc);
			if(elemSrc == undefined)
			{
				alert("stop");
				return false;
			}
			*/
			elem.src = elemSrc;
			return false;
			/*
			var counter = parseInt(currentAnchorId)+1;
			alert("counter" + counter);
			var newId = "pic-" + counter;
			document.getElementById(picAnchorId).id = newId;
			*/
		}
	}
	
	
	return false;
}






function getNextPreviewPicturesComplete(direction)
{
document.getElementById('main-picture').className = "picture";
if(direction == 1)
{
	loop++;
}
else
{
	loop--;
}

}

function displayLoadingGif()
{
	document.getElementById('loading-gif').style.display = "block";
}

function hideLoadingGif()
{
	document.getElementById('loading-gif').style.display = "none";
}

function getNextPreviewPictures(direction)
{
	var pic = $('#preview-pictures');
	var url = "http://www.okkographie.de/index.php?article_id=11&articleIdTarget="+articleId+"&loop="+loop+"&direction="+direction;
	//var url = "index.php?article_id=11&articleIdTarget="+articleId+"&loop="+loop+"&direction="+direction;
	
	 $.ajax({
	   type: "GET",
	   url: "http://www.okkographie.de/index.php?article_id=11&articleIdTarget="+articleId+"&loop="+loop+"&direction="+direction,
	   dataType: "html",
	   before: displayLoadingGif(),
	   success: function(msg){
		 var picWrapper = $('#preview-pictures');
		 picWrapper.empty();
		 picWrapper.append(msg);
		 
		 getNextPreviewPicturesComplete(direction);
		 
		 hideLoadingGif();
   		}
	 });
	return false;
}



var currentSite = 1;
function getNextSite(direction)
{
if(direction == 1)
{
	document.getElementById('elem-'+currentSite).style.display = "none";
	currentSite++;
	document.getElementById('elem-'+currentSite).style.display = "block";
	document.getElementById('site-page').innerHTML = currentSite;
}
else
{
	document.getElementById('elem-'+currentSite).style.display = "none";
	currentSite--;
	document.getElementById('elem-'+currentSite).style.display = "block";
	document.getElementById('site-page').innerHTML = currentSite;
}

if(currentSite>1)
{
document.getElementById('lastSiteBtn').style.visibility = "visible";
}
else
{
document.getElementById('lastSiteBtn').style.visibility = "hidden";
}

var nextSite = currentSite+1;
if(document.getElementById('elem-'+nextSite) != null)
{
	document.getElementById('nextSiteBtn').style.visibility = "visible";
}
else
{
	document.getElementById('nextSiteBtn').style.visibility = "hidden";
}
}

function showGBEntryAddForm()
{
document.getElementById('pinnwandneuereintrag').style.display = "block";
}