window.onload = function() {

// PRE-DEFINE VARS //

sliderHeight = 120; // Höhe des Sliders
scrollableWidth = 940; // Breite des Scrollbereichs
scrollableHeight = sliderHeight;
itemsWidth = 120; // width of items within scrollable

// GET ELEMENTS BY ID //

slideableContainer = document.getElementById("slideContainer"); // get container for slideable element
slideable = document.getElementById("slideThis"); // get sliding element

scrollableContainer = document.getElementById("scrollContainer"); // get container for scrollable element
scrollable = document.getElementById("scrollThis"); // get scrolling element
items = scrollable.getElementsByTagName("li"); // get li items

buttonLeft = document.getElementById("scrollLeft");
buttonLeft.onmouseover = scroll_left;
buttonLeft.onmouseout = stop_timer;

buttonRight = document.getElementById("scrollRight");
buttonRight.onmouseover = scroll_right;
buttonRight.onmouseout = stop_timer;

cssStyles();

// DEFINE SLIDEFUNCTIONS //
	
document.getElementById("mainnavi").onmouseover = slideIn;
document.getElementById("page_inner").onclick = slideOut;
//document.body.onclick = slideOut;

if(document.getElementById("multimedia")) {
	
	document.getElementById("multimedia").onmousemove = slideOut;
	
	}

document.getElementById("main").onmousemove = slideOut;

// ANCHORS FOR SCROLL_TO() //
/* ALTE POSITIONEN
xPos1 = 0;
xPos2 = (-1)*(8*itemsWidth)+265;
xPos3 = (-1)*(13*itemsWidth)+396;
xPos4 = (-1)*(22*itemsWidth)+535;
xPos5 = (-1)*(31*itemsWidth)+765;
xPos6 = (-1)*(35*itemsWidth)+830;
*/

// Neu
xPos1 = 0;
xPos2 = (-1)*(6*itemsWidth);
xPos3 = xPos2 - (6*itemsWidth);
xPos4 = xPos3 - (9*itemsWidth);
xPos5 = xPos4 - (4*itemsWidth);
xPos6 = (-1)*(37*itemsWidth)+830;

x = 0;

flashElem = window.document.LUX_Slider;

if(flashElem != null) {
ok = 0;
} else {
ok = 1;
}

return true;

}

slideInTimer = 0;

// define CSS styles
function cssStyles() {
	
	// container for slideable element
	slideableContainer.style.display = "none";
	slideableContainer.style.height = sliderHeight+"px";
	slideableContainer.style.overflow = "hidden";
	
	// slideable element
	slideable.style.top = (-1)*sliderHeight+"px"; // hide slider on page load
	slideable.style.position = "relative";
	slideable.style.height = sliderHeight+"px";
	
	// container for scrollable element
	document.getElementById("scrollContainer").style.width = scrollableWidth+"px";
	document.getElementById("scrollContainer").style.height = sliderHeight+"px";
	document.getElementById("scrollContainer").style.position = "relative";
	document.getElementById("scrollContainer").style.overflow = "hidden";
	document.getElementById("scrollContainer").style.cssFloat = "left";
	document.getElementById("scrollContainer").style.styleFloat = "left"; // IE
	
	// scrollable element
	scrollable.style.width = "20000em";
	scrollable.style.height = sliderHeight+"px";
	
	
	// items within scrollable
	for (var i = 0; i < items.length; i++) {
		
  		items[i].style.width = itemsWidth+"px";
  		items[i].style.height = sliderHeight+"px";
  		items[i].style.cssFloat = "left";
  		items[i].style.styleFloat = "left"; // IE

	}
	
}

// get width of scrolling element
function getListWidth () {
	
  listWidth = items.length*itemsWidth;
  return listWidth;

}

function slideIn() {
	
	document.getElementById("slideContainer").style.display = "block";
  
	var slidingDiv = slideable;
	var stopPosition = 0;
  
	if (parseInt(slideable.style.top) < stopPosition ) {
	  
		slidingDiv.style.top = parseInt(slidingDiv.style.top) + 3 + "px";
		slideInTimer = setTimeout(slideIn, 1);
  
	}
	
	if (ok == 0) {
		
		if(flashElem!=null) {
	
	//var k = stopFlash(0);
	
	    flashElem.SetVariable("Stop", "1");
		ok = 1;
		
		}
	
	}

}

function slideOut() {

	clearTimeout(slideInTimer);
	var slidingDiv = slideable;
	var stopPosition = (-1)*sliderHeight;
	
	if (parseInt(slidingDiv.style.top) > stopPosition ) {
	  
	slidingDiv.style.top = parseInt(slidingDiv.style.top) - 2 + "px";
	slideOutTimer = setTimeout(slideOut, 1);
  
	} else {
		document.getElementById("slideContainer").style.display = "none";	
	}
	
	if (ok == 1) {
		
		if(flashElem!=null) {
	
	//var k = stopFlash(0);
	
	    flashElem.SetVariable("Stop", "0");
		ok = 0;
		
		}
	
	}

}

function scroll_left() {
  
  listWidth = getListWidth(items);
  scrollLimit = 0;
  
  if (x < scrollLimit) {
  
    x = x+2;
    scrollable.style.marginLeft = x+"px";
	buttonLeft.className = "button";
  
  } else {
  
	buttonLeft.className = "button inact";
	
  }

  timer = window.setTimeout("scroll_left()", 1);
  
}

function scroll_right() {
  
  listWidth = getListWidth(items);
  scrollLimit = scrollableWidth-listWidth;
  
  if (x > scrollLimit) {
  
    x = x-2;
    scrollable.style.marginLeft = x+"px";
	buttonRight.className = "button";
  
  } else {
  
	buttonRight.className = "button inact";
	
  }
  
  timer = window.setTimeout("scroll_right()", 1);
  
}

function scroll_to(target) {
	
	xpos = target;
	
	if (x != target) {
		
		if (x > target) {
		
		ZielA = target;
		
		DistanzA = ZielA - x;
		x = x + (DistanzA/40);
		
  		scrollable.style.marginLeft = x+"px";

		}
		
		if (x < target) {
		
		ZielA = target;
		
		DistanzA = ZielA - x;
		x = x + (DistanzA/40);
		
  		scrollable.style.marginLeft = x+"px";
		
		}
	
	}
	
  	timer = setTimeout("scroll_to(xpos)", 10);
	
}


function stop_timer() {
  
  timer = window.clearTimeout(timer);
  
}