var $j = jQuery.noConflict();

$j(function(){
	
	$j('.ngg-gallery-thumbnail-box').hover(function(){
		$j('#fotopreview').show();
	},function(){
		$j('#fotopreview').hide();
	});
	
	$j('.ngg-gallery-thumbnail-box a img').mouseenter(function(){
		
		//var actImgAlt = $j(this).attr('alt');
		//var actImgTitle = $j(this).attr('title');
		var actImgSrc = this.src;
		var actImgNum = $j('.ngg-gallery-thumbnail-box a img').index(this);
		
		if (actImgNum <= 2) {									// 1. Zeile links
			$j('#fotopreview').show().css({'top' : '0px' , 'right' : '28px' , 'bottom' : 'auto' , 'left' : 'auto'});
			$j('#fotopreview img').attr('src',actImgSrc);
		} else if ((actImgNum > 2) && (actImgNum < 6)) {		// 1. Zeile rechts
			$j('#fotopreview').show().css({'top' : '0px' , 'right' : 'auto' , 'bottom' : 'auto' , 'left' : '0px'});
			$j('#fotopreview img').attr('src',actImgSrc);
		} else if ((actImgNum > 5) && (actImgNum < 9)) {		// 2. Zeile links
			$j('#fotopreview').show().css({'top' : '138px' , 'right' : '28px' , 'bottom' : 'auto' , 'left' : 'auto'});
			$j('#fotopreview img').attr('src',actImgSrc);
		} else if ((actImgNum > 8) && (actImgNum < 12)) {		// 2. Zeile rechts
			$j('#fotopreview').show().css({'top' : '138px' , 'right' : 'auto' , 'bottom' : 'auto' , 'left' : '0'});
			$j('#fotopreview img').attr('src',actImgSrc);
		} else if ((actImgNum > 11) && (actImgNum < 15)) {		// 3. Zeile links
			$j('#fotopreview').show().css({'top' : '138px' , 'right' : '28px' , 'bottom' : 'auto' , 'left' : 'auto'});
			$j('#fotopreview img').attr('src',actImgSrc);
		} else if ((actImgNum > 14) && (actImgNum < 18)) {		// 3. Zeile rechts
			$j('#fotopreview').show().css({'top' : '138px' , 'right' : 'auto' , 'bottom' : 'auto' , 'left' : '0'});
			$j('#fotopreview img').attr('src',actImgSrc);
		} else if ((actImgNum > 17) && (actImgNum < 21)) {		// 4. Zeile links
			$j('#fotopreview').show().css({'top' : '276px' , 'right' : '28px' , 'bottom' : 'auto' , 'left' : 'auto'});
			$j('#fotopreview img').attr('src',actImgSrc);
		} else if (actImgNum > 20) {							// 4. Zeile rechts
			$j('#fotopreview').show().css({'top' : '276px' , 'right' : 'auto' , 'bottom' : 'auto' , 'left' : '0'});
			$j('#fotopreview img').attr('src',actImgSrc);
		}
	});
});