<!--
var AnzahlMenues = 30;
var AnzahlAntworten = 10; // FAQBereich
MenueSichtbar = new Array(AnzahlMenues);
UnterMenues = new Array();
for (var i = 1; i <= AnzahlMenues; i++) MenueSichtbar[i]=0; 
var verticalpos="fromtop"

function ShowMenue(MenueNr) {
  XAbstand=346;
  YAbstand=121;
  if (MenueNr==1)    { 
    XAbstand=210;
  }
  else if (MenueNr==2)    { 
    XAbstand=320;
  }
  else if (MenueNr==3)    { 
    XAbstand=450;
  }
  else if (MenueNr==4)    { 
    XAbstand=588;
  }
  else if (MenueNr==5)    { 
    XAbstand=491;
    YAbstand=201;
  }
  else if (MenueNr==6)    { 
    XAbstand=760;
    YAbstand=201;
  }
  else if (MenueNr==7)    { 
    XAbstand=685;
  }
  if ((MenueNr>9) && (MenueNr<30)) {YAbstand=121+(MenueNr-10)*20};
  
  if (document.getElementById)    {          
    document.getElementById('Menue'+MenueNr).style.visibility ="visible";    
    document.getElementById('Menue'+MenueNr).style.top=YAbstand+'px';
    document.getElementById('Menue'+MenueNr).style.left=XAbstand+'px';
  }    
  else if (document.all)    {          
    document.all('Menue'+MenueNr).style.visibility ="visible";  
    document.all('Menue'+MenueNr).style.top=YAbstand+'px'; 
  }    
  else if (document.layers)    {          
    document.layers('Menue'+MenueNr).style.visibility ="visible";    
    document.layers('Menue'+MenueNr).style.top=YAbstand+'px';    
  }
  MenueSichtbar[MenueNr]=1;  
  
}

function HideMenue(MenueNr) {
  MenueSichtbar[MenueNr]=0;
  //fade('MenueTab1');
  setTimeout("HideMenueNow("+MenueNr+")",50);
}

function fade(node) {
  var Element=document.getElementById(node);
  var level=1;
  var step=function() {
    var hex=level.toString(16);
    Element.style.backgroundColor='#FFFF'+hex+hex;
    if (level<15) {
      level +=1;
      setTimeout(step,100);
    }
  };
  setTimeout(step,100);
}

function HideMenueNow(MenueNr) {
  if (MenueSichtbar[MenueNr]==0) {
    if (document.getElementById)    {
      document.getElementById('Menue'+MenueNr).style.visibility ="hidden";
    }
    else if (document.all)    {
      document.all('Menue'+MenueNr).style.visibility ="hidden";
    }
    else if (document.layers)    {
      document.layers('Menue'+MenueNr).style.visibility ="hidden";
    }
  }
}

function JSFX_FloatTopDiv()
{
	var startX = 10,
	startY = 130;
	var ns = (navigator.appName.indexOf("Netscape") != -1);
	var d = document;
	function ml(id)
	{
		var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
		if(d.layers)el.style=el;
		el.sP=function(x,y){this.style.left=x;this.style.top=y;};
		el.x = startX;
		if (verticalpos=="fromtop")
		el.y = startY;
		else{
		el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
		el.y -= startY;
		}
		el.height=MenueLinksunten;
		return el;
	}
	window.stayTopLeft=function()
	{
		if (verticalpos=="fromtop"){
		var pY = ns ? pageYOffset : document.body.scrollTop;
		  if (pY>130) {
		    startY=12;
		    //alert(ftlObj.height);
		    if (pY<1778) {
		      ftlObj.y += (pY + startY - ftlObj.y)/8;
		    }
		  }
		  else {
		    startY=130-pY;
		    ftlObj.y += (pY + startY - ftlObj.y)/8;
		  } ;
		  
		}
		else{
		var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
		ftlObj.y += (pY - startY - ftlObj.y)/8;
		}
		ftlObj.sP(ftlObj.x, ftlObj.y);
		setTimeout("stayTopLeft()", 10);
	}
	ftlObj = ml("divStayTopLeft");
	stayTopLeft();
}

function SeiteEmpfehlen(Sprache, Seite) {
  Fenster = window.open("pages/seite_empfehlen.php?Sprache="+Sprache+"&Seite="+Seite,"Seite","width=550,height=430,top=20,left=20,resizable=yes,scrollbars=no");
  Fenster.focus();
}

function SeiteBewerten(Sprache,Note,Seite) { 
  Fenster = window.open("includes/seite_bewerten_2.php?Sprache="+Sprache+"&Note="+Note+"&Seite="+Seite,"Seite","width=550,height=412,top=20,left=20,resizable=yes,scrollbars=no");
  Fenster.focus();
}

function ProduktBewerten(Sprache,Note,Produkt) { 
  Fenster = window.open("includes/produkt_bewerten_2.php?Sprache="+Sprache+"&Note="+Note+"&Produkt="+Produkt,"Produkt","width=550,height=516,top=20,left=20,resizable=yes,scrollbars=no");
  Fenster.focus();
}

function ShowArticleInfo(ArtikelNr, Artikeltext, Position) {
  //alert('Anzeigen');
  //alert(document.getElementById('containerinnen').offsetLeft);
  XPos=160;
 
  HTMLString='<table width="250" border="2" bordercolor="#666666" cellpadding="0" cellspacing="0"><tr><td>';
  HTMLString=HTMLString+'<table width="250" border="0" cellpadding="0" cellspacing="0"><tr><td width="60" height="50" bgcolor="#FFFFFF">';
  HTMLString=HTMLString+'<img src="images/'+ArtikelNr+'_1_th.jpg" id="Produktbild" width="60" height="50"></td><td bgcolor="#FFFFFF">&nbsp;</td><td width="180" bgcolor="#FFFFFF"><strong class="artikelinfo" style="font-size:12px;">';
  HTMLString=HTMLString+Artikeltext+'</strong><br></td></tr></table>';
  HTMLString=HTMLString+'</td></tr></table>';
  BildPfad = 'http://www.odys.de/images/prod/' + ArtikelNr + '_1_th.jpg';
  if (document.getElementById)    {          
    YPos=document.getElementById('divStayTopLeft').style.top;  
    YPos=YPos.replace('px','');
    Position=parseInt(Position)+parseInt(YPos);
    //alert(Position);
    document.getElementById("Artikelinfo").innerHTML=HTMLString;
    document.getElementById("Produktbild").src= BildPfad;
    document.getElementById("Artikelinfo").style.top=Position+'px';
    document.getElementById("Artikelinfo").style.left=XPos+'px';
    document.getElementById("Artikelinfo").style.visibility ="visible";     
  }    
  else if (document.all)    {          
    YPos=document.all('divStayTopLeft').style.top; 
    document.all("Artikelinfo").style.visibility ="visible";  
    document.all("Artikelinfo").style.left=XPos+'px'; 
    document.all("Artikelinfo").innerHTML=HTMLString;  
    document.all("Produktbild").src= BildPfad;
    document.all("Artikelinfo").style.top=Position+'px'; 
  }    
  else if (document.layers)    {          
    YPos=document.layers('divStayTopLeft').style.top; 
    document.layers("Artikelinfo").style.visibility ="visible";    
    document.layers("Artikelinfo").style.left=XPos+'px';       
    document.layers("Artikelinfo").innerHTML=HTMLString;   
    document.layers("Produktbild").src= BildPfad;
    document.layers("Artikelinfo").style.top=Position+'px';    
  }
}

function ShowArticleInfoRe(ArtikelNr, Artikeltext, Position) {
  //Position=80;
  Position = (document.all) ? window.event.y + document.body.scrollTop  : e.pageY;
  Position = Position - 140;	
  //alert('Anzeigen');
  //alert(document.getElementById('containerinnen').offsetLeft);
  XPos=454;
 
   HTMLString='<table width="250" border="2" bordercolor="#999999" cellpadding="0" cellspacing="0"><tr><td>';
  HTMLString=HTMLString+'<table width="250" border="0" cellpadding="0" cellspacing="0"><tr><td width="60" height="50" bgcolor="#FFFFFF">';
  HTMLString=HTMLString+'<img src="images/'+ArtikelNr+'_1_th.jpg" id="Produktbild" width="60" height="50"></td><td bgcolor="#FFFFFF">&nbsp;</td><td width="180" bgcolor="#FFFFFF"><strong class="artikelinfo" style="font-size:12px;">';
  HTMLString=HTMLString+Artikeltext+'</strong><br></td></tr></table>';
  HTMLString=HTMLString+'</td></tr></table>';
  BildPfad = 'http://www.odys.de/images/prod/' + ArtikelNr + '_1_th.jpg';
  if (document.getElementById)    {          
    YPos=document.getElementById('divStayTopLeft').style.top;  
    YPos=YPos.replace('px','');
    Position=parseInt(Position)+parseInt(YPos);
    //alert(Position);
    document.getElementById("Artikelinfo").style.visibility ="visible";    
    document.getElementById("Artikelinfo").innerHTML=HTMLString;
    document.getElementById("Produktbild").src= BildPfad;
    document.getElementById("Artikelinfo").style.top=Position+'px';
    document.getElementById("Artikelinfo").style.left=XPos+'px';
  }    
  else if (document.all)    {          
    YPos=document.all('divStayTopLeft').style.top; 
    document.all("Artikelinfo").style.visibility ="visible";  
    document.all("Artikelinfo").innerHTML=HTMLString;  
    document.all("Produktbild").src= BildPfad;
    document.all("Artikelinfo").style.top=Position+'px'; 
  }    
  else if (document.layers)    {          
    YPos=document.layers('divStayTopLeft').style.top; 
    document.layers("Artikelinfo").style.visibility ="visible";    
    document.layers("Artikelinfo").innerHTML=HTMLString;   
    document.layers("Produktbild").src= BildPfad;
    document.layers("Artikelinfo").style.top=Position+'px';    
  }
}

function HideArticleInfo() {
  if (document.getElementById)    {          
    document.getElementById("Artikelinfo").style.visibility ="hidden";    
  }    
  else if (document.all)    {          
    document.all("Artikelinfo").style.visibility ="hidden";  
  }    
  else if (document.layers)    {          
    document.layers("Artikelinfo").style.visibility ="hidden";    
  }
}

// carpeGetElementByID: Cross-browser version of "document.getElementById()"
function carpeGetElementById(element)
{
	if (document.getElementById) element = document.getElementById(element);
	else if (document.all) element = document.all[element];
	else element = null;
	return element;
}
// carpeLeft: Cross-browser version of "element.style.left"
function carpeLeft(elmnt, pos)
{
	if (!(elmnt = carpeGetElementById(elmnt))) return 0;
	if (elmnt.style && (typeof(elmnt.style.left) == 'string')) {
		if (typeof(pos) == 'number') elmnt.style.left = pos + 'px';
		else {
			pos = parseInt(elmnt.style.left);
			if (isNaN(pos)) pos = 0;
		}
	}
	else if (elmnt.style && elmnt.style.pixelLeft) {
		if (typeof(pos) == 'number') elmnt.style.pixelLeft = pos;
		else pos = elmnt.style.pixelLeft;
	}
	return pos;
}
// carpeTop: Cross-browser version of "element.style.top"
function carpeTop(elmnt, pos)
{
	if (!(elmnt = carpeGetElementById(elmnt))) return 0;
	if (elmnt.style && (typeof(elmnt.style.top) == 'string')) {
		if (typeof(pos) == 'number') elmnt.style.top = pos + 'px';
		else {
			pos = parseInt(elmnt.style.top);
			if (isNaN(pos)) pos = 0;
		}
	}
	else if (elmnt.style && elmnt.style.pixelTop) {
		if (typeof(pos) == 'number') elmnt.style.pixelTop = pos;
		else pos = elmnt.style.pixelTop;
	}
	return pos;
}
// moveSlider: Handles slider and display while dragging
function moveSlider(evnt)
{
	var evnt = (!evnt) ? window.event : evnt; // The mousemove event
	if (mouseover) { // Only if slider is dragged
		x = pxLeft + evnt.screenX - xCoord // Horizontal mouse position relative to allowed slider positions
		y = pxTop + evnt.screenY - yCoord // Horizontal mouse position relative to allowed slider positions
		if (x > xMax) x = xMax // Limit horizontal movement
		if (x < 0) x = 0 // Limit horizontal movement
		if (y > yMax) y = yMax // Limit vertical movement
		if (y < 0) y = 0 // Limit vertical movement
		carpeLeft(sliderObj.id, x)  // move slider to new horizontal position
		carpeTop(sliderObj.id, y) // move slider to new vertical position
		sliderVal = x + y // pixel value of slider regardless of orientation
		sliderPos = (sliderObj.pxLen / sliderObj.valCount) * Math.round(sliderObj.valCount * sliderVal / sliderObj.pxLen)
		v = Math.round((sliderPos * sliderObj.scale + sliderObj.fromVal) * // calculate display value
			Math.pow(10, displayObj.dec)) / Math.pow(10, displayObj.dec)
		displayObj.value = v // put the new value in the slider display element
		PosListe=229-v;
	if (document.getElementById)    {          
          document.getElementById("Produktliste").style.left=PosListe+'px';
        }    
        else if (document.all)    {          
          document.all("Produktliste").style.left=PosListe+'px'; 
        }    
        else if (document.layers)    {          
          document.layers("Produktliste").style.left=PosListe+'px';    
        }
        
		return false
	
	}
	return
}
// moveSlider: Handles the start of a slider move.
function slide(evnt, orientation, length, from, to, count, decimals, display)
{
	if (!evnt) evnt = window.event;
	sliderObj = (evnt.target) ? evnt.target : evnt.srcElement; // Get the activated slider element.
	sliderObj.pxLen = length // The allowed slider movement in pixels.
	sliderObj.valCount = count ? count - 1 : length // Allowed number of values in the interval.
	displayObj = carpeGetElementById(display) // Get the associated display element.
	displayObj.dec = decimals // Number of decimals to be displayed.
	sliderObj.scale = (to - from) / length // Slider-display scale [value-change per pixel of movement].
	if (orientation == 'horizontal') { // Set limits for horizontal sliders.
		sliderObj.fromVal = from
		xMax = length
		yMax = 0
	}
	if (orientation == 'vertical') { // Set limits and scale for vertical sliders.
		sliderObj.fromVal = to
		xMax = 0
		yMax = length
		sliderObj.scale = -sliderObj.scale // Invert scale for vertical sliders. "Higher is more."
	}
	pxLeft = carpeLeft(sliderObj.id) // Sliders horizontal position at start of slide.
	pxTop  = carpeTop(sliderObj.id) // Sliders vertical position at start of slide.
	xCoord = evnt.screenX // Horizontal mouse position at start of slide.
	yCoord = evnt.screenY // Vertical mouse position at start of slide.
	mouseover = true
	document.onmousemove = moveSlider // Start the action if the mouse is dragged.
	document.onmouseup = sliderMouseUp // Stop sliding.
}
// sliderMouseup: Handles the mouseup event after moving a slider.
// Snaps the slider position to allowed/displayed value. 
function sliderMouseUp()
{
	mouseover = false // Stop the sliding.
	v = (displayObj.value) ? displayObj.value : 0 // Find last display value.
	pos = (v - sliderObj.fromVal)/(sliderObj.scale) // Calculate slider position (regardless of orientation).
	if (yMax == 0) carpeLeft(sliderObj.id, pos) // Snap horizontal slider to corresponding display position.
	if (xMax == 0) carpeTop(sliderObj.id, pos) // Snap vertical slider to corresponding display position.
	if (document.removeEventListener) { // Remove event listeners from 'document' (Moz&co).
		document.removeEventListener('mousemove', moveSlider)
		document.removeEventListener('mouseup', sliderMouseUp)
	}
	else if (document.detachEvent) { // Remove event listeners from 'document' (IE&co).
		document.detachEvent('onmousemove', moveSlider)
		document.detachEvent('onmouseup', sliderMouseUp)
	}
}
function ToggleBereich(Bereich) {
  var sichtbar=document.getElementById(Bereich).style.display;
  if (sichtbar=="none") {
    Effect.SlideDown(Bereich);
  }
  else {
    Effect.SlideUp(Bereich);
  }
}
function ZeigeFlashVideo(Sprache)
{
  HTMLString="&nbsp;<br><object classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0\" width=\"230\" height=\"172\"><param name=\"movie\" value=\"downloads/ODYS_Digital_Graphic_Pen_"+Sprache+"-xvid_4-3.swf\"><param name=\"quality\" value=\"high\"><embed src=\"downloads/ODYS_Digital_Graphic_Pen_"+Sprache+"-xvid_4-3.swf\" quality=\"high\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" type=\"application/x-shockwave-flash\" width=\"230\" height=\"172\"></embed></object>";
  if (document.getElementById)    {          
    document.getElementById("flashanimation").innerHTML=HTMLString;
    document.getElementById("flashanimation").style.visibility ="visible";    
  }    
  else if (document.all)    {          
    document.all("flashanimation").innerHTML=HTMLString;
    document.all("flashanimation").style.visibility ="visible";  
  }    
  else if (document.layers)    {          
    document.layers("flashanimation").innerHTML=HTMLString;
    document.layers("flashanimation").style.visibility ="visible";    
  }
}
//-->