function setContent(name, image, text)
{
  var a = document.getElementsByTagName("div");
  for (i=0; i<a.length; i++) 
    if (a[i].className == "box-content")
    {
      a[i].innerHTML = '<img src="/uploads/tx_templavoila/' + image + '" alt="" title="" class="product-selection-image" /><h2 class="product-selection-name">' + name + '</h2><p class="product-selection-text">' + text + '</p>';
      break;
    }
}


function moveit(var1, var2)
{
  var txt_inner = document.getElementById("txt_inner");
  var txt_outer = document.getElementById("txt_outer");

	if ( var1 == 0 ) {
		txt_inner.style.left = "0px";
		txt_inner.style.top = "0px";
	} else {
		if ( var2 ) {
			/* alter Wert ohne Einheit */
			var2 = txt_inner.style.left;
			var2 = Number(var2.substring(0, var2.length-2)) + var1;
			
			var3 = txt_inner.style.width;
			var3 = Number(var3.substring(0, var3.length-2));
			
			var4 = txt_outer.style.width;
			var4 = Number(var4.substring(0, var4.length-2)) - var3;

			// wenn nicht am linken "rahmen" angekommen
			if ( var2 <= 0 ) {
				// wenn nicht am rechten "rahmen" angekommen
				if ( var2 >= var4 ) {
					txt_inner.style.left = var2 + "px";
				} else {
					txt_inner.style.left = var4 + "px";
				}
			} else {
			txt_inner.style.left = "0px";
			}
		} else {
			/* alter Wert ohne Einheit */
			var2 = txt_inner.style.top;
			var2 = Number(var2.substring(0, var2.length-2)) + var1;

			var3 = txt_inner.offsetHeight;
			 
			
      var4 = "265px"; //txt_outer.style.height;
			var4 = Number(var4.substring(0, var4.length-2)) - var3;

			// wenn nicht am oberen "rahmen" angekommen
			if ( var2 <= 0 ) {
				// wenn nicht am unteren "rahmen" angekommen
				if ( var2 >= var4 ) {
					txt_inner.style.top = var2 + "px";
				} else {					
          txt_inner.style.top = var4 + "px";
				}
			} else {
				txt_inner.style.top = "0px";
			}
		}
	}
}


function slideit(var1, var2)
{
 
  if (document.getElementById("slide_inner").offsetWidth <= 805)
    return; 
  
  var div_inner = document.getElementById("slide_inner");
  var div_outer = document.getElementById("slide_outer");

	if ( var1 == 0 ) {
		div_inner.style.left = "0px";
		div_inner.style.top = "0px";
	} else {
		if ( var2 ) {
			/* alter Wert ohne Einheit */
			var2 = div_inner.style.left;
			var2 = Number(var2.substring(0, var2.length-2)) + var1;
			
  		var3 = div_inner.offsetWidth;
      //var3 = Number(var3.substring(0, var3.length-2));
			
			
			
			//var4 = div_outer.style.width;
      //var4 = Number(var4.substring(0, var4.length-2)) - var3;
      var4 = 805 - var3;
      

			// wenn nicht am linken "rahmen" angekommen
			if ( var2 <= 0 ) {
				// wenn nicht am rechten "rahmen" angekommen
				if ( var2 >= var4 ) {
					div_inner.style.left = var2 + "px";
				} else {
					div_inner.style.left = var4 + "px";
				}
			} else {
			 div_inner.style.left = "0px";
			}
		} else {
			/* alter Wert ohne Einheit */
			var2 = div_inner.style.top;
			var2 = Number(var2.substring(0, var2.length-2)) + var1;

			var3 = div_inner.offsetHeight;
			 
			
      var4 = "265px"; //div_outer.style.height;
			var4 = Number(var4.substring(0, var4.length-2)) - var3;

			// wenn nicht am oberen "rahmen" angekommen
			if ( var2 <= 0 ) {
				// wenn nicht am unteren "rahmen" angekommen
				if ( var2 >= var4 ) {
					div_inner.style.top = var2 + "px";
				} else {					
          div_inner.style.top = var4 + "px";
				}
			} else {
				div_inner.style.top = "0px";
			}
		}
	}
}



/* Anpassung der SlideIT Funktion f&uuml;r dien schmalen Content
   Von Thomas Losert 30.07.2010 - info@los-it.de */


function slideitsmall(var1, var2)
{
 
  if (document.getElementById("slide_inner_small").offsetWidth <= 440)
    return; 
  
  var div_inner = document.getElementById("slide_inner_small");
  var div_outer = document.getElementById("slide_outer_small");

	if ( var1 == 0 ) {
		div_inner.style.left = "0px";
		div_inner.style.top = "0px";
	} else {
		if ( var2 ) {
			/* alter Wert ohne Einheit */
			var2 = div_inner.style.left;
			var2 = Number(var2.substring(0, var2.length-2)) + var1;
			
  		var3 = div_inner.offsetWidth;
      //var3 = Number(var3.substring(0, var3.length-2));
			
			
			
			//var4 = div_outer.style.width;
      //var4 = Number(var4.substring(0, var4.length-2)) - var3;
      //var4 = 805 - var3;
      var4 = 440 - var3;

			// wenn nicht am linken "rahmen" angekommen
			if ( var2 <= 0 ) {
				// wenn nicht am rechten "rahmen" angekommen
				if ( var2 >= var4 ) {
					div_inner.style.left = var2 + "px";
				} else {
					div_inner.style.left = var4 + "px";
				}
			} else {
			 div_inner.style.left = "0px";
			}
		} else {
			/* alter Wert ohne Einheit */
			var2 = div_inner.style.top;
			var2 = Number(var2.substring(0, var2.length-2)) + var1;

			var3 = div_inner.offsetHeight;
			 
			
      var4 = "265px"; //div_outer.style.height;
			var4 = Number(var4.substring(0, var4.length-2)) - var3;

			// wenn nicht am oberen "rahmen" angekommen
			if ( var2 <= 0 ) {
				// wenn nicht am unteren "rahmen" angekommen
				if ( var2 >= var4 ) {
					div_inner.style.top = var2 + "px";
				} else {					
          div_inner.style.top = var4 + "px";
				}
			} else {
				div_inner.style.top = "0px";
			}
		}
	}
}

/* Ende der Anpassung
*************************************************************/

function fnInit() 
{
	act = "";

  /* text-scoller */
  document.getElementById("txt_outer").style.overflow = "hidden";
  document.getElementById("txt_inner").style.width = "500px";
  
  if (document.getElementById("txt_inner").offsetHeight > 265)
    document.getElementById('txt_control').style.visibility = 'visible';
  
  
  /* slide-show */
  if (document.getElementById("slide_inner") && document.getElementById("slide_outer"))
  {
    document.getElementById("slide_outer").style.overflow = "hidden";
    document.getElementById("slide_inner").style.margin = '10px 0px 0px 0px';

    document.getElementById("slide-nav-left").style.visibility = 'visible';
    document.getElementById("slide-nav-right").style.visibility = 'visible';  
  }
  if (document.getElementById("slide_inner_small") && document.getElementById("slide_outer_small"))
  {
    document.getElementById("slide_outer_small").style.overflow = "hidden";
    document.getElementById("slide_inner_small").style.margin = '10px 0px 0px 0px';

    document.getElementById("slide-nav-left-small").style.visibility = 'visible';
    document.getElementById("slide-nav-right-small").style.visibility = 'visible';  
  }
}

if ( window.addEventListener ) {
	addEventListener( "load", fnInit, false );
} else {
	attachEvent( "onload", fnInit );
}