&nbsp;<a href="/common/get.php?group=Homepage&file=index.html">Homepage Hauptmen&uuml;</a>
		&nbsp;&nbsp;
		<a href="/data">v4u-Manager</a> 
		<hr />
	<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;"><span class="fontbig" style="color: #ff0000;"><strong>Einblick in unser Gesch&auml;ft, aktueller Lagerstand im Shop ersichtlich&nbsp;</strong></span></p>
	<script type="text/javascript">
	window.fini=true;
	im3='';
	im2='';
	nr2=0;
	timo=0;
	window.MyWidth1=1;
	window.MyHeight1=1;
	window.MyWidth2=1;
	window.MyHeight2=1;
	test=0;
	window.dianr=0;
	skipone=false;

	function DiaNext()
		{
		if (!skipone)
			{
			window.dianr++;
			el=$(".GalleryImg")[window.dianr];
			if (typeof el=='undefined')
				{
				el=$(".GalleryImg")[0];
				window.dianr=0;
				}
			if (typeof el!='undefined')
				el.onclick(null);
			}
		skipone=false;
		$(window).everyTime(5000,"dianext",DiaNext);
//		setTimeout(DiaNext,5000);
		}
	
			$(window).oneTime(4000,"diastart",DiaNext);
		function MyImageResize()
		{
		w=window.MyWidth1;
		h=window.MyHeight1;
	
	//	$("#info").text(w+":"+h+","+$("#DivImage").width()+":"+$("#DivImage").height());
	
		if (h>$("#DivImage").height())
			{
			w=w*$("#DivImage").height()/h;
			h=$("#DivImage").height();
			}

/*		if (w>$("#DivImage").width())
			{
			h=h*$("#DivImage").width()/w;
			w=$("#DivImage").width();
			}
*/
		$("#GalleryImage1").width(w);
		$("#GalleryImage1").height(h);
		$("#GalleryImage1").css("padding-left",($("#DivImage").width()-w)/2);
		$("#GalleryImage1").css("padding-top",($("#DivImage").height()-h)/2);
	
		w=window.MyWidth2;
		h=window.MyHeight2;
		if (w>$("#DivImage").width())
			{
			h=h*$("#DivImage").width()/w;
			w=$("#DivImage").width();
			}
		if (h>$("#DivImage").height())
			{
			w=w*$("#DivImage").height()/h;
			h=$("#DivImage").height();
			}
		$("#GalleryImage2").width(w);
		$("#GalleryImage2").height(h);
		$("#GalleryImage2").css("padding-left",($("#DivImage").width()-w)/2);
		$("#GalleryImage2").css("padding-top",($("#DivImage").height()-h)/2);
	
	//	$('.GalleryThumbs').jScrollPane();			
		}

	lastnr=-1;
	
	function MyImageClick(nr,im,w,h,com)
		{
		skipone=true;
		nr2=nr;
		im2=im;
		w2=w;
		h2=h;
		com2=com;
	
		$(".GalleryThumb").css("border-color","transparent");
		$($(".GalleryThumb")[nr]).css("border-color","red");

		if (lastnr>=0)
			$($(".GalleryThumb")[lastnr]).animate({	opacity: 0.4},1000);
		$($(".GalleryThumb")[nr]).animate({	opacity: 1.0},1000);
		lastnr=nr;

		timo=0;
		MyImageClickDo();
		$(window).everyTime(200,"dia",MyImageClickDo);
		}

	function MyImageClickDo()
		{
		if (timo)
			timo--;
		
		if (window.fini || (timo==0))
			{
			timo=6;
			
			if (im3!=im2)
				{
				window.dianr=nr2;
				nr3=nr2;
				im3=im2;
				w3=w2;
				h3=h2;
				com3=com2;
				window.fini=false;

				imo=$($(".GalleryThumb")[nr3]);
				rig=(imo.position().left+$(".GalleryThumbs").scrollLeft()-$(".GalleryThumbs").position().left+imo.width())+4;	//+4  for frame
				if (rig>$(".GalleryThumbs").width())			
					{
					rig-=$(".GalleryThumbs").width();		
					$(".GalleryThumbs").animate({scrollLeft: rig},500);//.scrollLeft(rig);
					}

				rig=(imo.position().left+$(".GalleryThumbs").scrollLeft()-$(".GalleryThumbs").position().left)-2;
				if (rig<$(".GalleryThumbs").scrollLeft())
					{					
					//$(".GalleryThumbs").scrollLeft(rig);
					$(".GalleryThumbs").animate({scrollLeft: rig},500);//.scrollLeft(rig);
					}
				
				if ($("#DivImage1").css("display")=='none')
					{				
					window.MyWidth1=w3;
					window.MyHeight1=h3;
					MyImageResize();
			
					$("#GalleryImage1").attr("src",im3);
					$("#GalleryImage1").ready(function()
							{
							$("#comment").text(com3);
							$("#DivImage2").fadeOut(1000);
			 				$("#DivImage1").fadeIn(1000,function() { window.fini=true;});
							});
					} else
					{
					window.MyWidth2=w3;
					window.MyHeight2=h3;
					MyImageResize();
					$("#GalleryImage2").attr("src",im3);
					$("#GalleryImage2").ready(function()
							{
							$("#comment").text(com3);
							$("#DivImage1").fadeOut(1000);	
							$("#DivImage2").fadeIn(1000,function() { window.fini=true;});
							});
					}	
				}
			}	
		//setTimeout(MyImageClickDo,200);
		//$(window).oneTime(200,"dia",MyImageClickDo);	
		}
	</script>
		<span id="info"></span>
		<div id="DivImage" class="GalleryImages" style="height:440px" >

		<div id="DivImage1" style="position:absolute;display: none"><img class="GalleryImage" id="GalleryImage1" title="" alt="" src="" /></div>
		<div id="DivImage2" style="position:absolute;display: none"><img class="GalleryImage" id="GalleryImage2" title="" alt="" src="" /></div>

		</div>
		<div id="comment" class="GalleryComment"><br /></div>
		<div class="GalleryFadeTop">
		</div>
		<div class="GalleryThumbs" style="">
		<table><tr>
				<td class="GalleryThumb" align="center" nowrap="nowrap" style="padding-top:3px; height:98px;">
				<img class="GalleryImg" width="77.765625px" height="90px" border="0" title="Zubehör"src="/documents/media/ImShop/IMG_4093.jpg" onclick="MyImageClick(0,'/documents/media/ImShop/IMG_4093.jpg',553,640,'Zubehör');"\>
				</td>
							<td class="GalleryThumb" align="center" nowrap="nowrap" style="padding-top:3px; height:98px;">
				<img class="GalleryImg" width="67.5px" height="90px" border="0" title="Kaffee-Ecke"src="/documents/media/ImShop/IMG_4100.jpg" onclick="MyImageClick(1,'/documents/media/ImShop/IMG_4100.jpg',480,640,'Kaffee-Ecke');"\>
				</td>
							<td class="GalleryThumb" align="center" nowrap="nowrap" style="padding-top:3px; height:98px;">
				<img class="GalleryImg" width="120px" height="90px" border="0" title="Zubehör"src="/documents/media/ImShop/IMG_4101.jpg" onclick="MyImageClick(2,'/documents/media/ImShop/IMG_4101.jpg',640,480,'Zubehör');"\>
				</td>
							<td class="GalleryThumb" align="center" nowrap="nowrap" style="padding-top:3px; height:98px;">
				<img class="GalleryImg" width="67.5px" height="90px" border="0" title="Pumpen"src="/documents/media/ImShop/IMG_4102.jpg" onclick="MyImageClick(3,'/documents/media/ImShop/IMG_4102.jpg',480,640,'Pumpen');"\>
				</td>
							<td class="GalleryThumb" align="center" nowrap="nowrap" style="padding-top:3px; height:98px;">
				<img class="GalleryImg" width="120px" height="90px" border="0" title="Empfang"src="/documents/media/ImShop/IMG_4104.jpg" onclick="MyImageClick(4,'/documents/media/ImShop/IMG_4104.jpg',640,480,'Empfang');"\>
				</td>
							<td class="GalleryThumb" align="center" nowrap="nowrap" style="padding-top:3px; height:98px;">
				<img class="GalleryImg" width="67.5px" height="90px" border="0" title="Helme"src="/documents/media/ImShop/PHOTO-2021-09-04-15-21-37 (3).jpg" onclick="MyImageClick(5,'/documents/media/ImShop/PHOTO-2021-09-04-15-21-37 (3).jpg',768,1024,'Helme');"\>
				</td>
					</tr>
		</table>
		</div>
		<div class="GalleryFadeBot">
		</div>
		<script type="text/javascript">
		//$(window).resize(function() { MyImageResize(); });
		$(window).stopTime("dianext");
		$(window).stopTime("diafirst");
		$(window).stopTime("dia");
		
		$(function() {
			$(".GalleryThumb").css("opacity",0.4);

			$(window).oneTime(200,"diafirst",
					function() { MyImageClick(0,'/documents/media/ImShop/IMG_4093.jpg',553,640,'Zubehör');
						skipone=false;
						}
					);
			
			setTimeout(function() {	$("#DivImage1").css("display",''); },1100);		// IE Workaround, sometimes not fadeing, just display:none....
			});

		$(function()
			{			
//			$('.GalleryThumbs').jScrollPane();
/*			$('.GalleryThumbs').jScrollPane(
					{
						showArrows: true,
						horizontalGutter: 10,
						maintainPosition: false
					}
				);*/
//			$('.GalleryThumbs').jScrollHorizontalPane();
							
			});
		</script>

<p style="text-align: center;">&nbsp;</p></body>
</html>
<script type="text/javascript">
window.editfile="ImShop.html";
window.group="Homepage";
</script>