// JavaScript Document
//© Paul Imboden 2009. einfach und cool
//alert('javascript ist eingebunden');

function safemail(name, domain, display) {
	displayed=(typeof(display)=="undefined") ? name+"@"+domain : display
	document.write('<a href=mailto:' + name + '@' + domain + '>' + displayed + '</a>');
}

function showdiv(divname) {
	if (document.getElementById(divname).style.display == 'none')	{
		document.getElementById(divname).style.display = 'block';
	}
	else document.getElementById(divname).style.display = 'none';
}

function showdiv2(divname) {
	if (document.getElementById(divname).style.visibility == 'hidden')	{
		document.getElementById(divname).style.visibility = 'visible';
	}
	else document.getElementById(divname).style.visibility = 'hidden';
}

var farbe = new Array ();
	farbe [0] = new Array ('rgb', 'sichtbare farbe', 'textfarbe dazu im css' );
	farbe [1] = new Array ('rgb(191, 189, 127)', 'hintergrund olivbraun', 'textgelb');
	farbe [2] = new Array ('rgb(140, 182, 216)', 'hellblau', 'textgelb');
	farbe [3] = new Array ('rgb(204, 195, 14)', 'olivgruen', 'textgelb');
	farbe [4] = new Array ('rgb(255, 255, 102)', 'hellgelb', 'rgb(118, 117, 54)', 'textolive');
	farbe [5] = new Array ('rgb(238, 181, 0)', 'hellorange', 'rgb(118, 117, 54)', 'textolive');
	farbe [6] = new Array ('rgb(237, 121, 5)', 'dunkelorange', 'textgelb' );
	farbe [7] = new Array ('rgb(128, 0, 0)', 'blutrot','textgelb' );
	farbe [8] = new Array ('rgb(118, 117, 59)', 'umbra', 'textgelb');
	farbe [9] = new Array ('rgb(81, 93, 111)', 'blaugrauviolett', 'textgelb');

var Balken = new Array () ;
	Balken[0] = new Array ('titel', 'versteckter text') ;
	Balken[1] = new Array ('sichten', '&#8230; sich die anstehenden Fragen vor Augen f&uuml;hren, unterschiedliche Perspektiven nutzen und neue L&ouml;sungsm&ouml;glichkeiten anvisieren') ;
	Balken[2] = new Array ('aussichten', '&#8230; Visionen und neue Handlungsoptionen erkennen, Ziele entwickeln und L&ouml;sungswege finden') ;
	Balken[3] = new Array ('quersicht', '&#8230; den beruflichen Alltag durch unterschiedliche Brillen, auch aus ungewohnten Perspektiven betrachten') ;
	Balken[4] = new Array ('klarsicht', '&#8230;sich &Uuml;bersicht verschaffen, Fragestellungen gewichten und ordnen, Priorit&auml;ten setzen und den &#8222;Durchblick&#8220; gewinnen') ;
	Balken[5] = new Array ('ansichten', '&#8230; unterschiedliche Einstellungen und Arbeitsweisen vergleichen, Positionen kl&auml;ren, gemeinsame Haltungen entwickeln') ;
	Balken[6] = new Array ('einsichten', '&#8230; Gewohnheiten und altbekannte Muster &uuml;berdenken, neue Einsichten entwickeln') ;
	Balken[7] = new Array ('umsicht', '&#8230; Fragen mit Sorgfalt und Respekt anpacken, Konflikte  in ihrem Kontext betrachten, L&ouml;sungen entwickeln, die auf die Beteiligten R&uuml;cksicht nehmen') ;
	Balken[8] = new Array ('zuversicht','&#8230; das Augenmerk auf Ressourcen und L&ouml;sungen richten, F&auml;higkeiten, Wissen und Erfahrungen der Teilnehmerinnen f&uuml;r tragf&auml;hige L&ouml;sungen nutzen') ;
	
var color = 2;
var color2= 3;
var textcolor='textgelb';

function set_tablecolors(page) {
	color = page + 1; if (color > 9) color = color - 8;
	color2 = page + 2; if (color2 > 9) color2 = color2 - 8;
	
	document.getElementById('A').style.backgroundColor = farbe[color][0];
	document.getElementById('B').style.backgroundColor = farbe[color2][0];
	document.getElementById('C').style.backgroundColor = farbe[color2][0];
	document.getElementById('D').style.backgroundColor = farbe[color][0];

  	//	document.getElementsByTagName('h1')[i].style.color = farbe[color][2];
  	if (( page==2) || (page==3) ) { //alert(farbe[color2][2]) ;
  		for (var i = 0; i < document.getElementsByTagName("td").length; i++) document.getElementsByTagName('td')[i].style.color = farbe[color2][2];
		for (var i = 0; i < document.getElementsByTagName("p").length; i++) document.getElementsByTagName('p')[i].style.color = farbe[color2][2];
  		for (var i = 0; i < document.getElementsByTagName("h1").length; i++) document.getElementsByTagName('h1')[i].style.color = farbe[color2][2];
  		for (var i = 0; i < document.getElementsByTagName("a").length; i++) document.getElementsByTagName('a')[i].style.color = farbe[color2][2];
	}
}

function showBalken(page) {
	set_tablecolors(page) ; //above sets main table
	var tape='';
	var divtape='';
	
	tape += '<table class="table2" border="0" cellpadding="10" cellspacing="0">';
		tape += '<tr align="center">';
		
		for (i=1; i<Balken.length; i++ ) {
			color = page + i ; if (color > 9) color = color - 8;
	    	tape += '<td style="background-color:' + farbe[color][0] + '" width="125">';  //Zellenfarbe
				tape += '<p class="' + farbe[color][3] + '">';		//Schriftfarbe
					tape += '<b>' ;
					tape += '<a class="' + farbe[color][3] + '" href="" onMouseOver="javascript:showdiv(\'' + Balken[i][0] + '\');" onMouseOut="javascript:showdiv(\'' + Balken[i][0] + '\');" >';
							tape += Balken[i][0];
						tape += '</a>';
					tape += '</b>';
				tape += '</p>';
			tape += '</td>';
// for showdiv2			divtape += '<div id="' + Balken[i][0] +'" class="farbe' + color + '" style="visibility:hidden; padding:10px; margin-left:150px; heigth: 20px; width:980px; margin-top:20px; text-align:right">';
			divtape += '<div id="' + Balken[i][0] +'" style="display:none; background-color:' + farbe[color][0] + '; padding:10px; margin-left:150px; heigth: 20px; width:980px; margin-top:20px; text-align:right">';
				divtape += '<span class="' + farbe[color][3] + '">'  + Balken [i][1] + '</span>';
			divtape += '</div>';
		}
  		tape += '</tr>';
	tape += '</table>';
	tape += divtape;

	document.getElementById('balkendiv').innerHTML=tape;
}