var contentElementSize = 0;
var contentElementPos = 1;
var elementName = '.contentElement';

jq(document).ready(function () {
  contentElementSize = jq(elementName).size();
  if (contentElementSize == 0){
  	elementName = '.imageSet';
  	contentElementSize = jq(elementName).size();
  }
  
  jq(elementName).each(function(inIndex){
  	if (inIndex > 0){
  		jq(this).hide();
  	}  
  });
  if (contentElementSize > 1){
    jq('#content-big').append('<div class="contentNavigation"><a href="#" id="preNav" style="display:none" onclick="prevContent();return false;"><img src="fileadmin/templates/main/img/bt_back.gif" /></a><a href="#" id="nextNav" onclick="nextContent();return false;"><img src="fileadmin/templates/main/img/bt_weiter.gif" /></a></div>');
  }
});

function nextContent(){
  jq(elementName).each(function(inIndex){
    if (inIndex == contentElementPos-1) jq(this).hide();
    if (inIndex == contentElementPos) jq(this).show();
  });
  contentElementPos = contentElementPos + 1;
  if (contentElementSize > 1 && contentElementSize >= contentElementPos){
  	jq('#nextNav').hide();
  }
  if (contentElementSize > 1 && contentElementSize > contentElementPos){
  	jq('#nextNav').show();
  }
  
  if (contentElementSize > 1 && contentElementPos < 2){
  	jq('#preNav').hide();
  }
  if (contentElementSize > 1 && contentElementPos > 1){
  	jq('#preNav').show();
  }  
}

function prevContent(){
  jq(elementName).each(function(inIndex){
    if (inIndex == contentElementPos-2) jq(this).show();
    if (inIndex == contentElementPos-1) jq(this).hide();
  });
  contentElementPos = contentElementPos - 1;
  if (contentElementSize > 1 && contentElementSize >= contentElementPos){
  	jq('#nextNav').hide();
  }
  if (contentElementSize > 1 && contentElementSize > contentElementPos){
  	jq('#nextNav').show();
  }

  if (contentElementSize > 1 && contentElementPos < 2){
  	jq('#preNav').hide();
  }
  if (contentElementSize > 1 && contentElementPos > 1){
  	jq('#preNav').show();
  }  
}