Normal1 = new Image();
Normal1.src = "thumb/kollektion.gif";     
Highlight1 = new Image();
Highlight1.src = "thumb/kollektion.gif"; 

Normal2 = new Image();
Normal2.src = "thumb/ringe.gif";    
Highlight2 = new Image();
Highlight2.src = "thumb/ringe_.gif"; 

Normal3 = new Image();
Normal3.src = "thumb/halsschmuck.gif";     
Highlight3 = new Image();
Highlight3.src = "thumb/halsschmuck_.gif"; 

Normal4 = new Image();
Normal4.src = "thumb/ohrringe_.gif";     
Highlight4 = new Image();
Highlight4.src = "thumb/ohrringe_.gif"; 

Normal5 = new Image();
Normal5.src = "thumb/5elemente.gif";    
Highlight5 = new Image();
Highlight5.src = "thumb/5elemente_.gif"; 

Normal6 = new Image();
Normal6.src = "thumb/telefon.jpg";    
Highlight6 = new Image();
Highlight6.src = "thumb/telefon.jpg"; 
 
function Bildwechsel (Bildnr, Bildobjekt) {
  window.document.images[Bildnr].src = Bildobjekt.src;
}

if(top==self) { 
self.location.href='heckel.htm'; 
} 

//<![CDATA[
function JSInit() {
{
IV1.Show(IV1.IsViewModeOK());
IV1.Init();

}
}
//]]>

//<![CDATA[
		function ICSP1_C(strObjName, strCompName, nChannelID)
		{
			this.ChannelID		= nChannelID;
			this.strCompName	= strCompName;
			this.strObjName		= "ICSP1";

			this.GetViewer = function()		{ return eval("document.ESSIV" + this.ChannelID); }
			this.SetModeSingle = function()	{ this.GetViewer().ImageSetViewMode(1); }
			this.Goto = function(nIndex)	{ this.GetViewer().ImageGoto(nIndex, true); }
			this.GetRef = function(str)		{ return document.all ? document.all[str] : document.getElementById(str); }

			this.CheckViewMode = function() {
			}
			this.OnImageEvent = function(nChannel, nMsg, nParam, strParam)
			{
				if(nChannel != this.ChannelID) return;
				if(Math.min(6, this.GetViewer().ImageGetNum()) <= 0) return;

				if(this.TimeOutID != null && typeof(this.TimeOutID) != "undefined") clearTimeout(this.TimeOutID);
				switch(nMsg) {
					case 1:		//	1 == Init
					{
						this.CheckViewMode();
						this.ItemSelectedPos = 0;
						this.Render();
						return;
					}
					case 100:	//	100 == IndexChanged
						this.SetSelectedID();
						this.TimeOutID = setTimeout("ICSP1.TimerFunc()", 20);
						break;
					case 200:	//	200 == ViewModeChanged
					case 300:	//	300 == SlideShowPlay
					case 301:	//	301 == SlideShowStop
						this.CheckViewMode();
						break;
				}
			}
			this.SetSelectedID = function()
			{
				var nID = this.GetViewer().ImageGetCurIndex();
				var nXTo = this.arrImagePos[nID] - this.ItemSelectedPos;
				var n = Math.floor(this.nCurX / this.nImagesWidth);
				nXTo += n * this.nImagesWidth;
				var nXTo2 = nXTo + this.nImagesWidth;
				if(Math.abs(nXTo - this.nCurX) > Math.abs(nXTo2 - this.nCurX)) nXTo = nXTo2;
				this.nTargetX = nXTo;
			}
			this.SetX = function(nX)
			{
				if(isNaN(nX) || isNaN(this.nImagesWidth)) return;
				if(nX < 0) {
					nX = -nX;
					nX = this.nImagesWidth - nX % this.nImagesWidth;
				} else {
					nX = nX % this.nImagesWidth;
				}
				this.GetRef("ICSP1_panel").style.left = (-nX) + "px";
			}
			this.TimerFunc = function()
			{
				var ndx = this.nTargetX - this.nCurX;
				var ndx2 = Math.floor(ndx / 10);
				if(ndx != 0 && ndx2 == 0) {
					if(ndx < 0) { 
						ndx2 = -1;
					} else {
						ndx2 = 1;
					}
				}
				this.nCurX += ndx2;
				if(Math.abs(ndx) <= 1) {
					this.nCurX = this.nTargetX;
					this.SetX(this.nCurX);
					clearTimeout(this.TimeOutID);
					return;
				}
				this.SetX(this.nCurX);
				this.TimeOutID = setTimeout("ICSP1.TimerFunc()", 20);
			}
			this.Render = function() {
				var objViewer			= this.GetViewer();
				var strRet				= "";
				this.arrImagePos		= new Array();
				var nPos				= 0;
				this.nImagesWidth		= 0;
				this.nCurX				= 0;
				this.nTargetX			= 0;
				var nMax				= Math.min(6, objViewer.ImageGetNum());
				var arrThumbs			= new Array();
				for(var i = 0; i < objViewer.ImageGetNum(); ++i) {
					var strThumb		= "";
					var nWTN			= objViewer.ImageGetCur().WidthThumb;
					var nHTN			= objViewer.ImageGetCur().HeightThumb;
					var nW				= nWTN + 0;
					var nH				= nHTN + 0;
					this.arrImagePos[i]	= nPos;
					nPos += nW + 0;
					this.nImagesWidth += nW + 0;
					var strImageID = "ICSP1" + "I" + i;
					var objImage = objViewer.ImageGetIndex(i);
					if(i == 0) {
						this.nClipWidth		= (nMax * (nW + 0)) - 0;
						this.nClipHeight	= nH;
						this.ItemSelectedPos = (this.nClipWidth / 2) - (nW / 2); 
					}
					strThumb += "<a href=\"javascript:ICSP1.Goto(" + i + ");\">";
					strThumb += "<img src=\"" + objImage.FilenameThumb + "\" id=\"" + strImageID + "\" width=\"" + nWTN + "\" height=\"" + nHTN + "\" alt=\"" + objImage.Alt + "\" title=\"" + objImage.Alt + "\" style=\"border:none;display:block;\"";
					strThumb += " />";
					strThumb += "</a>";
					arrThumbs[i] = strThumb;
				}
				strRet += "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\"><tr><td align=\"center\">";
				strRet += "<div style=\"position:relative;display:inline-block;width:" + this.nClipWidth + "px;height:" + this.nClipHeight + "px;overflow:hidden;\">";
				strRet += "<div id=\"ICSP1_panel\" name=\"ICSP1_panel\" style=\"position:relative;";

				this.SetSelectedID();
				strRet += "left:-" + (this.nTargetX < 0 ? (this.nImagesWidth - Math.abs(this.nTargetX) % this.nImagesWidth) : this.nTargetX % this.nImagesWidth) + "px;top:0px;";
				this.nCurX = this.nTargetX;
				strRet += "\">";
				strRet += "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
				strRet += "<tr>";
				for(var i = 0; i < arrThumbs.length * 2; ++i) {
					var nIndex = i % arrThumbs.length;
					var bSecond = i > (arrThumbs.length - 1); 
					strRet += "<td";
					strRet += ">";
					strRet += !bSecond ? arrThumbs[nIndex] : arrThumbs[nIndex].replace(new RegExp("ICSP1" + "I" + nIndex, "ig"), "ICSP1" + "I" + nIndex + "_2");
					strRet += "</td>";
				}				
				strRet += "</tr>";
				strRet += "</table>";
				strRet += "</div>";
				strRet += "</div>";
				strRet += "</td></tr></table>";
				
				objViewer.LayerWrite(this.strCompName, strRet);		
			}
		}
		var ICSP1 = new ICSP1_C("ICSP1", "Comp2_ImageControllerThumbnailSlider", 1);
		if(document.ESSIC == null || typeof(document.ESSIC) == "undefined") document.ESSIC = new Array();
		document.ESSIC[document.ESSIC.length]			= ICSP1;
//]]>
	
//<![CDATA[

function IV1Res(strFN, strFNT, strN, strD, strA, nW, nH, nWT, nHT, nFS)
{ 
	this.Filename		= strFN;
	this.FilenameThumb	= strFNT;
	this.Name			= strN;
	this.Description	= strD;
	this.Alt			= strA;
	this.Width			= nW;
	this.Height			= nH;
	this.WidthThumb		= nWT;
	this.HeightThumb	= nHT;
	this.Filesize		= nFS;

}

function IV1_C()
{
	this.arrRes					= new Array();
	this.nTimeOutID				= 0;
	this.bSlideShowIsPlaying	= false;
	this.bInitDone				= false;
	this.nImageCurIndex			= 0;

	this.Init = function() 
	{
		this.Show(this.IsViewModeOK());
		this.ImageGoto(parseInt(Math.random() * this.ImageGetNum()), false);
		this.bInitDone = true;
		this.SendAll(this.nChannelID, 1, 0, "");
		document.arrImgIV1 = new Array();
		for(var i = 0; i < this.arrRes.length; ++i) {
			document.arrImgIV1[(i * 2)]		= new Image(); document.arrImgIV1[(i * 2)].src		= this.arrRes[i].Filename;
			document.arrImgIV1[(i * 2) + 1]	= new Image(); document.arrImgIV1[(i * 2) + 1].src	= this.arrRes[i].FilenameThumb;
		}
	}

	this.SendAll = function(nChannel, nMsg, nParam, strParam)
	{
		if(document.ESSIC == null || typeof(document.ESSIC) == "undefined") return false
	
		if(!this.bInitDone && nMsg != 1) return false;
		
		for(var i = 0; i < document.ESSIC.length; ++i) {
			if(document.ESSIC[i] && document.ESSIC[i].OnImageEvent) {
				document.ESSIC[i].OnImageEvent(nChannel, nMsg, nParam, strParam);
			}
		}
		return true;
	}
	this.ImageGetNum = function()			{ return this.arrRes.length; }
	this.ImageGetIndex = function(nIndex)	{ return nIndex < 0 || nIndex >= this.arrRes.length ? null : this.arrRes[nIndex]; }
	this.ImageGetCurIndex = function()		{ return this.nImageCurIndex; }
	this.ImageGetCur = function()			{ return this.ImageGetIndex(this.nImageCurIndex); }
	this.ImageGoto = function(nIndex, bStop)
	{
		if(nIndex < 0 || nIndex >= this.arrRes.length)
			return false;

		this.Show(this.IsViewModeOK());
		var bRender = this.nImageCurIndex != nIndex;
		this.nImageCurIndex = nIndex;
		if(bRender) {
			this.SwitchImage();
		}
		if(bStop) this.SlideShowStop();
		this.SendAll(this.nChannelID, 100, nIndex, "");
	}

	this.ImageGotoRel = function(nSteps, bWrap, bStop)
	{
		var nNewIndex = this.nImageCurIndex + nSteps;

		if(bWrap) {
			if(nNewIndex < 0 || nNewIndex >= this.ImageGetNum() - 1) {
				var bReverse = nSteps < 0;
				nSteps = Math.abs(nSteps);
				var nDiff = nSteps % this.ImageGetNum();

				var nCur = this.nImageCurIndex;				
				for(var i = 0; i < nDiff; ++i) {
					nCur = bReverse ? --nCur : ++nCur;
					if(nCur < 0)					nCur = this.ImageGetNum() - 1;
					if(nCur >= this.ImageGetNum())	nCur = 0;
				}
				nNewIndex = nCur;
			}
		}
		this.ImageGoto(nNewIndex, bStop);
	}
	
	this.IsViewModeOK = function()
	{
		return true;
	}
	this.ImageSetViewMode = function(nMode)
	{
		this.nImageCurViewMode = nMode;
		this.Show(this.IsViewModeOK());
		this.SlideShowStop();
		this.SendAll(this.nChannelID, 200, nMode, nMode == 0 ? "Overview" : "Single");
	}
	this.ImageGetViewMode = function()		{ return this.nImageCurViewMode; }
	this.SlideShowIsWrapping = function()	{ return true; }


	this.SlideShowPlay = function()
	{
		if(this.SlideShowIsPlaying()) return;
		if(this.ImageGetCurIndex() == this.ImageGetNum() - 1 && this.ImageGetNum() > 1) {
			this.ImageGoto(0);		
		}
		this.bSlideShowIsPlaying = true;
		this.nTimeOutID = setTimeout(this.strObjName + ".SlideShowPlayer()", 2000.0000);
		this.SendAll(this.nChannelID, 300, 0, "");
	}

	this.SlideShowStop = function()
	{
		if(!this.SlideShowIsPlaying()) return;
		this.bSlideShowIsPlaying = false;
		clearTimeout(this.nTimeOutID);
		this.nTimeOutID = 0;
		this.SendAll(this.nChannelID, 301, 0, "");
	}

	this.SlideShowIsPlaying = function()		{ return this.bSlideShowIsPlaying; }

	this.SlideShowPlayer = function()
	{
		this.ImageGotoRel(1, true, false);
		this.nTimeOutID = setTimeout(this.strObjName + ".SlideShowPlayer()", 2000.0000);
	}

	this.Show = function(bShow)
	{
		var objDOM = this.GetRef("IV1_container");
		if(objDOM != null && typeof(objDOM) != "undefined" && typeof(objDOM.style) != "undefined") {
			objDOM.style.display = bShow ? "" : "none";
		}
	}
	
	this.SwitchImage = function()
	{
		var objImage = this.ImageGetCur();
		if(objImage == null || typeof(objImage) == "undefined") return;

		var strImageID = "img_" + this.strObjName;
		var obj = this.GetRef(strImageID)
		
		if(obj == null || typeof(obj) == "undefined") return;

		var bIE55 = window.createPopup;
		if(bIE55 && this.strFilter != "") {
			obj.style.filter = this.strFilter;
			for(var i = 0; i < obj.filters.length; ++i)
				obj.filters[i].Apply();    
		}
		obj.src				= objImage.Filename;
		obj.width			= objImage.Width;
		obj.height			= objImage.Height;
		obj.alt				= objImage.Alt;
		obj.title			= objImage.Alt;
		if(bIE55 && this.strFilter != "") {
			for(var i = 0; i < obj.filters.length; ++i)
				obj.filters[i].Play();    
		}
	}
	this.GetRef = function(str)		{ return document.all ? document.all[str] : document.getElementById(str); }
	this.LayerWrite = function(strLayer, strHtml)
	{
		if(document.all) {
			if(document.all[strLayer] != null && typeof(document.all[strLayer]) != "undefined") document.all[strLayer].innerHTML = strHtml;
		} else {
			if(document.getElementById) {
				document.getElementById(strLayer).innerHTML = strHtml;
			} else {
				var obj = document.layers[strLayer].document;
				obj.open();
				obj.write(strHtml);
				obj.close();
			}
		}
	}
}
	IV1 = new IV1_C();
	IV1.arrRes[0] = new IV1Res("res/Ohrringe/brillant18k.jpg", "res/Ohrringe/tn/brillant18k.jpg", "brillant-18k.", "Brillant - 18k", "brillant-18k.", 414, 311, 69, 51, 30737); 
	IV1.arrRes[1] = new IV1Res("res/Ohrringe/citrinbrillant18k.jpg", "res/Ohrringe/tn/citrinbrillant18k.jpg", "citrin-brillant-18k.", "Citrin - Brillant - 18k", "citrin-brillant-18k.", 414, 311, 69, 51, 44769); 
	IV1.arrRes[2] = new IV1Res("res/Ohrringe/feueropal18k.jpg", "res/Ohrringe/tn/feueropal18k.jpg", "feueropal-18k.", "Feueropal - 18k", "feueropal-18k.", 414, 311, 69, 51, 36785); 
	IV1.arrRes[3] = new IV1Res("res/Ohrringe/korallefeueropal18k.jpg", "res/Ohrringe/tn/korallefeueropal18k.jpg", "koralle-feueropal-18k.", "Koralle - Feueropal - 18k", "koralle-feueropal-18k.", 414, 311, 69, 51, 67439); 
	IV1.arrRes[4] = new IV1Res("res/Ohrringe/rosenquarz18k.jpg", "res/Ohrringe/tn/rosenquarz18k.jpg", "rosenquarz-18k.", "Rosenquarz - 18k", "rosenquarz-18k.", 414, 311, 69, 51, 35598); 
	IV1.arrRes[5] = new IV1Res("res/Ohrringe/rubinsmaragdsaphirbrilliant.jpg", "res/Ohrringe/tn/rubinsmaragdsaphirbrilliant.jpg", "rubin-smaragd-saphir-brilliant.", "Rubin - Smaragd - Saphir - Brilliant", "rubin-smaragd-saphir-brilliant.", 414, 311, 69, 51, 57501); 
	IV1.arrRes[6] = new IV1Res("res/Ohrringe/topas18k.jpg", "res/Ohrringe/tn/topas18k.jpg", "topas-18k.", "Topas - 18k", "topas-18k.", 414, 311, 69, 51, 37583); 
	IV1.arrRes[7] = new IV1Res("res/Ohrringe/turmalin18k.jpg", "res/Ohrringe/tn/turmalin18k.jpg", "turmalin-18k.", "Turmalin - 18k", "turmalin-18k.", 414, 311, 69, 51, 49926); 
	IV1.arrRes[8] = new IV1Res("res/Ohrringe/turmalinrubinperidot18k.jpg", "res/Ohrringe/tn/turmalinrubinperidot18k.jpg", "turmalin-rubin-peridot-18k.", "Turmalin - Rubin - Peridot - 18k", "turmalin-rubin-peridot-18k.", 414, 311, 69, 51, 26984); 
	IV1.arrRes[9] = new IV1Res("res/Ohrringe/feueropalgelbersaphirbrillant.jpg", "res/Ohrringe/tn/feueropalgelbersaphirbrillant.jpg", "feueropal-gelber saphir-brillant.", "Feueropal - gelber Saphir - Brillant", "feueropal-gelber saphir-brillant.", 414, 311, 69, 51, 84266); 
	document.ESSIV1			= IV1;
	IV1.nChannelID			= 1;
	IV1.nImageCurViewMode	= 1;
	IV1.strCompID			= "IV";
	IV1.strObjName			= "IV1";
	IV1.strImageText			= "";
IV1.strFilter = "progid:DXImageTransform.Microsoft.Fade(duration=0.5000,overlap=0.0100)";
//]]>

//<![CDATA[
		function ICT1_C()
		{
			this.ChannelID		= 1;
			this.strObjName		= "ICT1";
			this.strCompName	= "Comp4_ImageControllerText";

			this.GetViewer = function()			{ return eval("document.ESSIV1"); }
			this.SetModeSingle = function()		{ this.GetViewer().ImageSetViewMode(1); }
	
			this.OnImageEvent = function(nChannel, nMsg, nParam, strParam)
			{
				if(nChannel != this.ChannelID) return;
				switch(nMsg) {
					case 1:		//	1 == Init
						break;
					case 100:	//	100 == IndexChanged
					case 200:	//	200 == ViewModeChanged
						break;
					default:
						return;
				}
				this.Render();
			}

			this.GetCommandJS = function(strThis, strCommand, strDefault)
			{
				return strDefault;
			}

			this.Render = function() {
				var objViewer = this.GetViewer();
				var nCurIndex = objViewer.ImageGetCurIndex();
				
				var objImage = objViewer.ImageGetCur();
				if(objImage == null || typeof(objImage) == "undefined") {
					objViewer.LayerWrite(this.strCompName, "");
					return;
				}
				var strText = "#description";
				strText = strText.replace(/#count/ig,		objViewer.ImageGetCurIndex() + 1);
				strText = strText.replace(/#maxcount/ig,	objViewer.ImageGetNum());
				strText = strText.replace(/#page/ig,		Math.floor(objViewer.ImageGetCurIndex() / 5) + 1);
				strText = strText.replace(/#maxpage/ig,		Math.ceil(objViewer.ImageGetNum() / 5));
				strText = strText.replace(/#filename/ig,	objImage.Filename);
				strText = strText.replace(/#title/ig,		objImage.Name);
				strText = strText.replace(/#alt/ig,			objImage.Alt);
				strText = strText.replace(/#description/ig,	objImage.Description);
				strText = strText.replace(/#width/ig,		objImage.Width);
				strText = strText.replace(/#height/ig,		objImage.Height);
				strText = strText.replace(/#filesize/ig,	objImage.Filesize);
				strText = strText.replace(/\r/ig,			"");
				strText = strText.replace(/\n/ig,			"<br />");

				var strRet = "";
				strRet += "<p class=\"gallery\" style=\"text-align:center;\">";
				strRet += strText;	
				strRet += "</p>\r\n";

				objViewer.LayerWrite(this.strCompName, strRet);		
			}
		}

		var ICT1 = new ICT1_C();
		if(document.ESSIC == null || typeof(document.ESSIC) == "undefined") document.ESSIC = new Array();
		document.ESSIC[document.ESSIC.length] = ICT1;
//]]>