function gotoContent(targetIndex){
	
	var contentArray = document.getElementById('container').getElementsByTagName('div');
	//document.getElementById('page1').style.visibility = 'hidden';

	for (var i = 0; i < contentArray.length; i++) {
		//document.getElementById('page'+i).style.visibility = 'hidden';
		if(i != targetIndex) {
			$('#'+'page'+i).fadeOut(300, function() {
				// Animation complete
			  });
		}
	}
	
	//document.getElementById('page'+targetIndex).style.visibility = 'visible';
	$('#'+'page'+targetIndex).delay(400).fadeIn(500, function() {
        // Animation complete
    });
	
	document.getElementById('introbox_marker').style.visibility = 'visible';
	$('#introbox_marker').animate({
			left: targetIndex*70
		  }, 400, function() {
			// Animation complete.
		  });

	
}


// BACKUP ANIMATE
function gotoContentAnimated(targetIndex){
	
	var contentArray = document.getElementById('container').getElementsByTagName('div');
	//document.getElementById('page1').style.visibility = 'hidden';

	for (var i = 0; i < contentArray.length; i++) {
		//document.getElementById('page'+i).style.visibility = 'hidden';
		if(i != targetIndex) {
			$('#'+'page'+i).animate({
				opacity: 0				
			  }, 400, function() {
				// Animation complete.
			});
		}
	}
	
	//document.getElementById('page'+targetIndex).style.visibility = 'visible';
	$('#'+'page'+targetIndex).delay(400).animate({
		opacity: 1				
	  }, 500, function() {
		// Animation complete.
	});

	
}


function gotoNextMultiShowroomPage(pageCount) {

	// GET INDEX
	var currentIndex = document.getElementById('pageIndex').value;
	currentIndex++;
	// MAX
	if (currentIndex >= pageCount) {
		currentIndex = 0;
	}
	document.getElementById('pageIndex').value = currentIndex;

	// IMAGES
	// FADE OUT
	for (var i = 0; i < pageCount; i++) {

		if(i != currentIndex) {
			$('#'+'multiShowroomPage'+i).animate({
			opacity: 0,
			left: '400'
		  }, 200, function() {
			// Animation complete.
		  });
		}
	}
	
	// FADE IN
	$('#'+'multiShowroomPage'+currentIndex).delay(400).animate({
		opacity: 1.0,
		left: '0'
		
	  }, 400, function() {
		// Animation complete.
	});
	

	// TEXT
	// FADE OUT
	for (var i = 0; i < pageCount; i++) {

		if(i != currentIndex) {
			$('#'+'multiShowroomTextPage'+i).animate({
				opacity: 0,		
			  }, 300, function() {
				// Animation complete.
			});
		}
	}
	
	// FADE IN
	$('#'+'multiShowroomTextPage'+currentIndex).delay(400).animate({
		opacity: 1.0,		
	  }, 700, function() {
		// Animation complete.
	});
	
}


function gotoFirstMultiShowroomPage(pageCount) {
	
	// IMAGES
	// FADE OUT
	for (var i = 0; i < pageCount; i++) {

			$('#'+'multiShowroomPage'+i).animate({
			opacity: 0,
			left: '400'
		  }, 0, function() {
			// Animation complete.
		  });
	}
	
	// FADE IN
	$('#multiShowroomPage0').animate({
		opacity: 1.0,
		left: '0'
		
	  }, 700, function() {
		// Animation complete.
	});
	
	// TEXT
	// FADE OUT
	for (var i = 1; i < pageCount; i++) {


			$('#'+'multiShowroomTextPage'+i).animate({
				opacity: 0,		
			  }, 100, function() {
				// Animation complete.
			});

	}
	
	// FADE IN
	$('#multiShowroomTextPage0').animate({
		opacity: 1.0,		
	  }, 300, function() {
		// Animation complete.
	});
	
	
}


function gotoShowroomContent(targetIndex, imageCount){

	for (var i = 0; i < imageCount; i++) {

		if(i != targetIndex) {
			$('#'+'showroomPage'+i).animate({
				opacity: 0				
			  }, 100, function() {
				// Animation complete.
			});
		}
	}

	$('#'+'showroomPage'+targetIndex).animate({
				opacity: 1				
			  }, 400, function() {
				// Animation complete.
			});

	
}

function gotoMultiArticle(targetIndex, pageCount){

	var pageWidth = 900;
	
	
	if(targetIndex >= pageCount) {
		targetIndex = 0;
	}
	
	
	$('#multiArticlePagesContainer').animate({
		marginLeft: '-' + targetIndex*pageWidth + 'px'
	  }, 600, function() {
		
	 });
	
	$('.multiArticleNavButtonActive').removeClass('multiArticleNavButtonActive');
	$('#multiArticleNavButton'+targetIndex).addClass('multiArticleNavButtonActive');
	

}



$(document).ready(function(){
	// HOVER FX
	$('div.teaserNavButton').hover(function() {
	  $(this).animate({opacity: 1}, 100);
	}, function() {
	  $(this).animate({opacity: 0.8}, 400);
	});
	
	$('div.linkBoxButton').hover(function() {
	  $(this).animate({opacity: 1}, 100);
	}, function() {
	  $(this).animate({opacity: 0.8}, 400);
	});
	
	$('div.multiArticleNavButton').hover(
	  function () {
		$(this).addClass('multiArticleNavButtonHover');
	  }, 
	  function () {
		$(this).removeClass('multiArticleNavButtonHover');
	  }
);
	
});