/*
// to do ...
use this at end of the page 
<script language="JavaScript" src="./script/nav.js" type="text/javascript" /></script>

use this to hide show elements 
<a href="javascript:update('21_1')"> + </a>

use this for the elements
<div id='10_1'></div>
*/

/* 
anzahl der elemente 
daraus werden die ID´s generiert die dann versteckt werden
id="10_#" - id="10_n" 
*/
var navblocks=30; 

var lastimg;
var subvalues=new Array();

/* list all elements here */
//var subvalues = new Array("10_1", "10_2", "10_3", "10_4", "10_5","10_6","10_7", "10_8","10_9","10_10");

	
function setThumb(pathsource,containerid)
{
	if(containerid)
	{
		var imageplace=document.getElementById(containerid);
		if(!lastimg){
			lastimg = imageplace.src;
		}
	imageplace.src=pathsource;
	}
	
}

function unsetImage(imagecontainer){
	var imageplace=document.getElementById(imagecontainer);
	imageplace.src=lastimg;
}

function hideall2(targetid)
{
	for (var i = 0; i < subvalues.length; ++i) 
	{
		if(document.getElementById(subvalues[i])&&targetid!=subvalues[i])
		{
			
			document.getElementById(subvalues[i]).style.display="none";
		}
	}
}

//function hideall(skipid){
//	for (var i = 0; i < subvalues.length; ++i) {
//		if(skipid!=subvalues[i]&&document.getElementById(subvalues[i]))
//		{
//			if(document.getElementById(subvalues[i]))
//			{
//				document.getElementById(subvalues[i]).style.display="none";
//			}
//		}
////		else
////		{
////			if(document.getElementById(subvalues[i]))
////			{
////				document.getElementById(subvalues[i]).style.display="block";
////			}
////		}
//	}
//}

function update(targetid)
{
	hideall2(targetid);
	//hideall(targetid);
	toggle(targetid);
}

function toggle(list)
{ 
		var listElementStyle=document.getElementById(list).style;
//		alert(list+" "+document.getElementById(list).style.display);
		if (listElementStyle.display=="none")
		{ 
			listElementStyle.display="block";
		}
		else
		{ 
			listElementStyle.display="none"; 
		} 
	} 	

// wenn das oben auf der seite steht kennt er die elemente nicht 
// das sollte also am ende der seite eingefügt werden
// firefox muss erst einen durchlauf haben bevor er die display eigenschaft erkennt
function init_hide(skipid)
{
	hideall2();
	if(document.getElementById(skipid))
	{
		toggle(skipid);
	}
//	hideall(skipid);
}

// fuer alle navigationsblocks id erzeugen
function init_blocks()
{
	for (var v = 1; v <= navblocks; ++v) {
		subvalues[v] = "x100_" + v;
		var test4 = test4 +  " x100_" + v;
	}
	init_css();
}

// versteht der browser kein javascript wird auch nichts versteckt
// sonst allen elementen zu beginn per css die eigenschaft display:none zuweisen

function init_css()
{
	document.writeln("<style type='text/css'>\n");
	document.writeln("<!--\n");
	for (var i = 1; i < subvalues.length; ++i) {
		document.writeln("#"+subvalues[i]);
		if(i < subvalues.length-1){document.write(",");}
	}
	document.writeln("{");
	document.writeln("display:none;"); 
//	document.writeln("border:1px solid #666666;");
//	document.writeln("background-color:#FFFF80;");
	document.writeln("}");
	document.writeln("-->");
	document.writeln("</style>");
}


init_blocks();

// alternative lösung
//setTimeout('hideall()',200);
//hideall();