/* o2c - Verwaltung */
var O2CObjects = new Array("SymmetrischeDeckung_quer20_lizenziert.o2c","SymmetrischeDeckung_ZusammenbauAni22_lizenziert.o2c","SymmetrischeDeckung_gleitAni_020_lizenziert.o2c");
var O2CAnim = new Array(false, true, true);
var ImagesDir = "/images/deckungen/symmetrisch/";
var Texturen = new Array(
"grablauP",
"grablauS",
"dungrunS",
/*"grabrauS",*/
"polgrunP",
"polgrunS"
);
var TexturNames = new Array(
"<b>InterSIN<sup>&reg;</sup></b><br>grau-blau, poliert",
"<b>InterSIN<sup>&reg;</sup></b><br>grau-blau, spaltrau",
"<b>ColorSklent<sup>&reg;</sup></b><br>dunkel-gr&uuml;n, spaltrau",
/*"<b>ColorSklent<sup>&reg;</sup></b><br>grau-braun, spaltrau",*/
"<b>ColorSklent<sup>&reg;</sup></b><br>polargr&uuml;n, poliert",
"<b>ColorSklent<sup>&reg;</sup></b><br>polargr&uuml;n, spaltrau"
);

var o2co = false;

if (typeof(objtoshow) == "undefined") var objtoshow = new Array(true, true, true);

function IsFirefox()
{
	var agt = navigator.userAgent.toLowerCase();
	return (agt.indexOf("msie") == -1);
}

function getElemAttrib(selEl, nm, default_value)
{
	if(typeof(default_value) == "undefined") default_value = "";
	var v = default_value;
	if (selEl.getAttribute)
	{
		if (selEl.getAttribute(nm,0) != null) v = selEl.getAttribute(nm,0);
	}
	else if (selEl.attributes)
	{
		var oAttrColl = selEl.attributes;
		var oAttr = oAttrColl.getNamedItem(nm);
		if(oAttr != null) v = oAttr.value;
	}
	if (nm == "noWrap") v = selEl.noWrap;
	if (nm == "class") v = selEl.className;
	return '' + v;
}

function getO2CObject(ind)
{
	var coll, obj, TP, Atrb;
	try
	{
		o2co = document.getElementById("O2CObjGlbl"+ind.toString());
	}
	catch(e){}
	return o2co;
}

var oldTxtr = new Array(0,0,0);

function setTexture(n,ind)
{
	if (typeof(n) == "undefined") n = 0;
	if (typeof(ind) == "undefined") ind = 0;

	getO2CObject(ind);
	if (!o2co) return;

	var t = ImagesDir + Texturen[n] + ".jpg";
	o2co.ReplaceTexture(3,t);


	if (oldTxtr[ind] != n)
	{
		document.getElementById("TexturenImg_"+n+"_"+ind).style.cssText = "border:2px solid #000;";

		document.getElementById("TexturenImg_"+oldTxtr[ind]+"_"+ind).style.cssText = "margin:2px;";
		oldTxtr[ind] = n;
	}
	o2co = false;
}

var oldPlst = new Array(0,0,0);
function playAimation(ind)
{
	if (typeof(ind) == "undefined") ind = 0;
	getO2CObject(ind);
	if (!o2co) return;
	var im = document.getElementById("PlayButtono2c"+ind);
	if (oldPlst[ind] == 0)
	{
		o2co.StartAnimation();
		oldPlst[ind] = 1;
		im.src="/navigation/pause.gif";
		im.alt = "Pause";
		im.title = "Pause";
	}
	else
	{
		o2co.StopAnimation();
		oldPlst[ind] = 0;
		im.src="/navigation/play.gif";
		im.alt = "Animation abspielen";
		im.title = "Animation abspielen";
	}


}

for (var jprst = 0; jprst < O2CObjects.length; jprst++)
{
	if (typeof(objtoshow[jprst]) == "undefined") continue;
	if (!objtoshow[jprst]) continue;

	document.writeln("<p>");

	if (!IsFirefox())
	{
		document.writeln('<OBJECT height=450 width=480 id="O2CObjGlbl' + jprst + '" classid="CLSID:B1953AD6-C50E-11d3-B020-00A0C9251384" "CODEBASE="http://www.o2c.de/download/o2cplayer.cab#version=2,0,0,49"><PARAM NAME="_cx" VALUE="12700"><PARAM NAME="_cy" VALUE="13229"><PARAM NAME="BackColor" VALUE="16777215"><PARAM NAME="AnimPlaying" VALUE="False"><PARAM NAME="ObjectURL" VALUE="' + ImagesDir + O2CObjects[jprst] + '"><a href="http://www.o2c.de" target="_blank">ActiveX-Steuerelement installieren</a></OBJECT>');
	}
	else
	{
		document.writeln('<OBJECT height=450 width=480 id="O2CObjGlbl' + jprst + '" TYPE="application/x-o2c-object" DATA="' + ImagesDir + O2CObjects[jprst] + '"><PARAM NAME="_cx" VALUE="12700"><PARAM NAME="_cy" VALUE="13229"><PARAM NAME="BackColor" VALUE="16777215"><PARAM NAME="AnimPlaying" VALUE="False"><a href="http://www.o2c.de" target="_blank">Plugin installieren</a></OBJECT>');
	}
	if (O2CAnim[jprst])
	{
		document.writeln("<img src='/navigation/play.gif' title='Animation abspielen' alt='Animation abspielen' onClick='playAimation("+jprst+")' style='cursor:pointer;' id='PlayButtono2c"+jprst+"'>");
	}
	document.writeln("</p>");

	if (jprst < 2)
	{
		var tn
		document.writeln("<div style='color:#617182;clear:both;'>W&auml;hlen Sie einen anderen Stein:</div>")
		for (var i = 0; i < Texturen.length; i++)
		{
			if (typeof(TexturNames[i]) != "undefined") tn = TexturNames[i];
			else tn = Texturen[i];
			document.writeln("<div style='float:left;width:140px;height:110px;'><img src='" + ImagesDir + Texturen[i] + "_example.jpg' width='120' height='60' onClick='setTexture(" + i + "," + jprst + ")' id='TexturenImg_"+i+"_" + jprst + "' style='cursor:pointer;" + (i == 0 ? "border:2px solid #000;" : "margin:2px;") + "'><br>" + tn + "</div>");
		}
	}
	document.writeln("<div style='clear:both;'>&nbsp;</div>");
}