// --------------------------------------
// ---           global               ---
// --------------------------------------
var activeElement = "_default";

// --------------------------------------
// ---           functions            ---
// --------------------------------------
function showPreview(numPortfolio, numTotal) {
	if(Element.getOpacity(document.getElementById("content" + activeElement)) >= 0.9999 &&
	   Element.getOpacity(document.getElementById("headline" + activeElement)) >= 0.9999) {

		var prevActiveElement = activeElement;
		activeElement = numPortfolio;
		
		if (activeElement != prevActiveElement) {
		    // hide active preview
			// document.getElementById("content" + prevActiveElement).style.display = 'none';
		    // document.getElementById("headline" + prevActiveElement).style.display = 'none';
			
			// hide default preview
			if (numPortfolio != '_default') {
				document.getElementById("content_default").style.display = 'none';
				document.getElementById("headline_default").style.display = 'none';
			}
			
			// hide all other previews
			for (var i=1; i < numTotal+1; i++) {
				document.getElementById("content" + i).style.display = 'none';
				document.getElementById("headline" + i).style.display = 'none';
			}
	
			// show selected portfolio
			var return1 = Effect.Appear("content"  + numPortfolio, {duration: 0.2}); //document.getElementById("content" + numPortfolio).style.display = 'inline';
			var return2 = Effect.Appear("headline" + numPortfolio, {duration: 0.2}); //document.getElementById("headline" + numPortfolio).style.display = 'inline';
		}
	}
}

function showDefaultPreview(mouseEvent, numTotal) {
	if (activeElement != '_default') {
		showPreview('_default', numTotal);
	} else {
		// nothing todo here
	}
}

var nextPage;
function setNextLinkToPortfolioImages () {
  if (nextPage) {
    images = document.getElementById("portfolio_content").getElementsByTagName('img');
    for (var i=0; i < images.length; i++) {
      image = images[i];
      image.style.cursor = 'pointer';
      image.onclick = goToNextPage;
    };
  }
}

function goToNextPage() {
  if(nextPage) {
    window.location.href = nextPage;
  }
}