var divs = new Array ('','streifen_agentur','streifen_webdesign','streifen_buchung','streifen_cms','streifen_referenzen','streifen_kontakt');
var weite_streifen = new Array ();
var weite_streifen_name = new Array ();
var min_weite_streifen_name = new Array ();
var geschwindigkeit_streifen = new Array ();
var aktiv_streifen = new Array ();
var aktiv_streifen_name = new Array ();

var max_weite = 75;
var abstand = 2;

weite_streifen[1] = 42;
weite_streifen[2] = 60;
weite_streifen[3] = 52;
weite_streifen[4] = 57;
weite_streifen[5] = 45;
weite_streifen[6] = 61;

/* nur gerade Zahlen */
geschwindigkeit_streifen[1] = 100;
geschwindigkeit_streifen[2] = 86;
geschwindigkeit_streifen[3] = 90;
geschwindigkeit_streifen[4] = 80;
geschwindigkeit_streifen[5] = 70;
geschwindigkeit_streifen[6] = 60;

weite_streifen_name[1] = ((100 - abstand) - weite_streifen[1]);
weite_streifen_name[2] = ((100 - abstand) - weite_streifen[2]);
weite_streifen_name[3] = ((100 - abstand) - weite_streifen[3]);
weite_streifen_name[4] = ((100 - abstand) - weite_streifen[4]);
weite_streifen_name[5] = ((100 - abstand) - weite_streifen[5]);
weite_streifen_name[6] = ((100 - abstand) - weite_streifen[6]);

var mouse_over_sperre = 1;
aktiv_streifen[1] = 0;
aktiv_streifen[2] = 0;
aktiv_streifen[3] = 0;
aktiv_streifen[4] = 0;
aktiv_streifen[5] = 0;
aktiv_streifen[6] = 0;

aktiv_streifen_name[1] = 0;
aktiv_streifen_name[2] = 0;
aktiv_streifen_name[3] = 0;
aktiv_streifen_name[4] = 0;
aktiv_streifen_name[5] = 0;
aktiv_streifen_name[6] = 0;

var back_timer = "";
var merker_last_id = "";

function init() {
	
	for (var zaehler = 1 ; zaehler <= 6 ; zaehler++) {
		if (document.getElementById(divs[zaehler]+'_name')) {
			var object = document.getElementById(divs[zaehler]+'_name').style; 
			object.minWidth = (document.getElementById(divs[zaehler]+'_name').offsetWidth) + 'px';
		}
	}
	
	
	timer(2000);
	
	
}


function timer(millisec) {

	var start = 0;
	var ende = 100;
	var speed = Math.round(millisec / 100);
	var timer = 0;

	for(i = start; i <= ende; i = i + 2)
		{
		timeout_opacity_2[i] = setTimeout("step(" + i + ");",(timer * speed));
		timer = timer + 2;
	}
	
}


function step(part) {

	for (var zaehler = 1 ; zaehler <= 6 ; zaehler++) {
		if (part <= geschwindigkeit_streifen[zaehler]) {
			var object = document.getElementById(divs[zaehler]).style; 
			object.opacity = (part / geschwindigkeit_streifen[zaehler]);
			object.MozOpacity = (part / geschwindigkeit_streifen[zaehler]);
			object.KhtmlOpacity = (part / geschwindigkeit_streifen[zaehler]);
			object.filter = "alpha(opacity=" + ((part / geschwindigkeit_streifen[zaehler]) * 100) + ")";
			object.width = (weite_streifen[zaehler] * (part / geschwindigkeit_streifen[zaehler])) + '%';

			var object = document.getElementById(divs[zaehler]+'_name').style; 
			//object.opacity = (part / geschwindigkeit_streifen[zaehler]);
			//object.MozOpacity = (part / geschwindigkeit_streifen[zaehler]);
			//object.KhtmlOpacity = (part / geschwindigkeit_streifen[zaehler]);
			//object.filter = "alpha(opacity=" + ((part / geschwindigkeit_streifen[zaehler]) * 100) + ")";
			object.width = (weite_streifen_name[zaehler] * (part / geschwindigkeit_streifen[zaehler])) + '%';
		}
	}
	
	if (part == 100) {
		mouse_over_sperre = 0;
	}
	
}

function slider (id) {
	
	if (id == merker_last_id) {
		clearTimeout(back_timer);
		setTimeout("clearTimeout(back_timer);",20);
	}
	
	if (mouse_over_sperre != 1 && aktiv_streifen[id] == 0) {
		
		merker_last_id = id;
		aktiv_streifen[id] = document.getElementById(divs[id]).style.width.replace("%", "");
		aktiv_streifen_name[id] = document.getElementById(divs[id]+'_name').style.width.replace("%", "");
		//alert(aktiv_streifen[id]);
		timer_slider(id, 200);
	}
}

function timer_slider(id, millisec) {

	merker_last_id = id;
	var start = 0;
	var ende = 100;
	var speed = Math.round(millisec / 100);
	var timer = 0;

	for(i = start; i <= ende; i = i + 2)
		{
		timeout_opacity_2[i] = setTimeout("step_slider(" + i + ", " + id + ");",(timer * speed));
		timer = timer + 2;
	}
	
}

function step_slider(part, id) {

		var object = document.getElementById(divs[id]).style; 
		object.width = (parseInt(aktiv_streifen[id]) + ((max_weite - aktiv_streifen[id]) * (part / 100))) + '%';
	
		var object2 = document.getElementById(divs[id]+'_name').style; 
		object2.width = (parseInt(aktiv_streifen_name[id]) - ((max_weite - aktiv_streifen[id]) * (part / 100))) + '%';
	
	if (part == 100) {
		aktiv_streifen[id] = (max_weite + 2);
	}
		
}

function slider_back (id) {
	//clearTimeout(back_timer);
	back_timer = setTimeout("slider_back_1("+id+");",100);
	//back_timer = setTimeout("merker_last_id = '';" ,100);
	//merker_last_id = "";
}

function slider_back_1 (id) {
	
	if (id == merker_last_id) {
		merker_last_id = "";
	}
	//clearTimeout(back_timer);
	//back_timer = setTimeout("slider_back_2();",100);
	//back_timer = setTimeout("merker_last_id = '';" ,100);
	//merker_last_id = "";
}

function slider_back_2 () {
	
	
	
	for (var zaehler = 1 ; zaehler <= 6 ; zaehler++) {
		if (zaehler != merker_last_id && mouse_over_sperre != 1 && aktiv_streifen[zaehler] == (max_weite + 2)) {
			aktiv_streifen[zaehler] = document.getElementById(divs[zaehler]).style.width.replace("%", "");
			aktiv_streifen_name[zaehler] = document.getElementById(divs[zaehler]+'_name').style.width.replace("%", "");
			//alert(zaehler);
			//alert(aktiv_streifen[id]);
			timer_slider_back(zaehler, 400);
		}
	}
}

function timer_slider_back(id, millisec) {

	var start = 0;
	var ende = 100;
	var speed = Math.round(millisec / 100);
	var timer = 0;

	for(i = start; i <= ende; i = i + 2)
		{
		timeout_opacity_2[i] = setTimeout("step_slider_back(" + i + ", " + id + ");",(timer * speed));
		timer = timer + 2;
	}
	
}

function step_slider_back(part, id) {

		var object = document.getElementById(divs[id]).style; 
		object.width = (parseInt(aktiv_streifen[id]) - ((aktiv_streifen[id] - weite_streifen[id]) * (part / 100))) + '%';
	
		var object2 = document.getElementById(divs[id]+'_name').style; 
		object2.width = (parseInt(aktiv_streifen_name[id]) + ((aktiv_streifen[id] - weite_streifen[id]) * (part / 100))) + '%';
	
	if (part == 100) {
		aktiv_streifen[id] = 0;
	}
		
}

var back_timer2 = window.setInterval("slider_back_2();",100);

//document.body.onmouseover = slider_back();


//function opacity(id, start, ende, millisec) {

var start = init();