// Reference Images in Marginal
function keyVisuals() {
	var $alt = $('.images div.top');
	if($alt.next().length)
	var $neu = $alt.next();
	else
	var $neu = $('.images div:first');
	$alt.addClass('middle').removeClass('top');
	$neu.css({'opacity': 0}).addClass('top').animate({'opacity': 1}, 1500, function() {$alt.removeClass('middle');});
};

// Get Ready and go
$(document).ready(function() {setInterval( "keyVisuals()", 5000 );});


// Image-Gallery (ul-list)
$(document).ready(function() {
	// Init imgGallery
	$('.imageGallery').prepend('<div class="prev-wrap"><a class="prev"></a></div><div class="next-wrap"><a class="next"></a></div>');
	$('.imageGallery .image-wrapper').css({'position':'relative'});
	$('.imageGallery .image-wrapper li').css({'display':'none','position':'absolute'});
	$('.imageGallery .image-wrapper li:first').addClass('top').css({'display':'block'});
	$('.imageGallery a.prev').click(function(){ 
		var $old = $('.imageGallery .image-wrapper li.top');
		if($old.prev().length)var $new = $old.prev();else var $new = $('.imageGallery .image-wrapper li:last');
		$old.addClass('middle').removeClass('top');
		$new.addClass('top').css({'display' : 'block', 'opacity': 0}).animate({'opacity': 1}, 400, function() {$old.removeClass('middle').css({'opacity': 0});});
	});
	$('.imageGallery a.next').click(function(){ 
		var $old = $('.imageGallery .image-wrapper li.top');
		if($old.next().length)var $new = $old.next();else var $new = $('.imageGallery .image-wrapper li:first');
		$old.addClass('middle').removeClass('top');
		$new.addClass('top').css({'display' : 'block', 'opacity': 0}).animate({'opacity': 1}, 400, function() {$old.removeClass('middle').css({'opacity': 0});});
	});

});