// JavaScript Document

var startnavi_1_offen;
var startnavi_2_offen;
var startnavi_3_offen;
var startnavi_4_offen;

var startnavi_1_trigger;
var startnavi_2_trigger;
var startnavi_3_trigger;
var startnavi_4_trigger;

var userInput = false;
var numBox = 1;
var boxen = [];
var boxenOffen = [];
var prev;
var next;
var curr = 3;

function getLayer() {
	startnavi_1_offen=document.getElementById("startnavi_1_offen");
	startnavi_2_offen=document.getElementById("startnavi_2_offen");
	startnavi_3_offen=document.getElementById("startnavi_3_offen");
	startnavi_4_offen=document.getElementById("startnavi_4_offen");
	
	startnavi_1_trigger=document.getElementById("startnavi_1_trigger");
	startnavi_2_trigger=document.getElementById("startnavi_2_trigger");
	startnavi_3_trigger=document.getElementById("startnavi_3_trigger");
	startnavi_4_trigger=document.getElementById("startnavi_4_trigger");
}

function initOffen() {
	startnavi_1_trigger.onmouseover = function () {
		startnavi_1_offen.style.visibility = "visible";
		userInput = true;

	}
	startnavi_1_trigger.onmouseout = function () {
		startnavi_1_offen.style.visibility = "hidden";
		userInput = false;
		
	}

	startnavi_2_trigger.onmouseover = function () {
		startnavi_2_offen.style.visibility = "visible";
		userInput = true;
				
	}
	startnavi_2_trigger.onmouseout = function () {
		startnavi_2_offen.style.visibility = "hidden";
		userInput = false;
		
	}
	startnavi_3_trigger.onmouseover = function () {
		startnavi_3_offen.style.visibility = "visible";	
		userInput = true;

	}
	startnavi_3_trigger.onmouseout = function () {
		startnavi_3_offen.style.visibility = "hidden";
		userInput = false;
		
	}
	startnavi_4_trigger.onmouseover = function () {

		startnavi_4_offen.style.visibility = "visible";	
		userInput = true;
		
	}
	startnavi_4_trigger.onmouseout = function () {
		startnavi_4_offen.style.visibility = "hidden";	
		userInput = false;
	
	}
}

function hideOffen() {	
	startnavi_1_offen.style.visibility = "hidden";	
	startnavi_2_offen.style.visibility = "hidden";	
	startnavi_3_offen.style.visibility = "hidden";	
	startnavi_4_offen.style.visibility = "hidden";
}

function initAutoShow() {
	boxes.push(startnavi_1_offen);
	boxes.push(startnavi_2_offen);
	boxes.push(startnavi_3_offen);
	boxes.push(startnavi_4_offen);
	curr = startnavi_1_offen;
	next = startnavi_2_offen;
}
$(document).ready(function(){
   
   boxen = $('div.boxen, div.boxenFirst');

   var btmp = boxen[1];
   boxen[1] = boxen[2];
   boxen[2] = btmp;

   var offen;
   curr = 3;

   $.each(boxen, function(i) {	
	boxenOffen[i] = $('div[id$="offen"].startnavi',this);
	if (i != 0) {
		boxenOffen[i].css({'visibility':'hidden'});
	}
	$('div[id$="trigger"]',this).hover(
 	   function() {	
              boxenOffen[curr].css({'visibility':'hidden'});
	      boxenOffen[i].css({'visibility':'visible'});	
              userInput = true;
           },
 	   function() {
	      boxenOffen[i].css({'visibility':'hidden'});	
              userInput = false;
           }
        );
   });
   var aktiv = window.setInterval("autoShow()", 5000);
});

function autoShow() {
  if (!userInput) {
    prev = curr;
    curr++;
    if (curr >= 4) {
      curr = 0;
    }
    boxenOffen[prev].css({'visibility':'hidden'});
    boxenOffen[curr].css({'visibility':'visible'});
  }
}