var BUTTONTEXT1 = [ "- klick -  " , "- klick -  " ];
var BUTTONTEXT2 = [ "- klick -  " , "- klick -  " ];
var BUTTONTEXT3 = [ "- klick -  " , "- klick -  " ];
var BUTTONTEXT4 = [ "- klick -  " , "- klick -  " ];
var BUTTONTEXT5 = [ "- klick -  " , "- klick -  " ];
var BUTTONTEXT6 = [ "- klick -  " , "- klick -  " ];

function initPage() // ...wird nach dem Laden der Seite aufgerufen
{
	// "Shortcuts" für die benutzten HTML-Elemente
	oDiv1 = document.getElementById( "Div1" );
	oDiv2 = document.getElementById( "Div2" );
	oDiv3 = document.getElementById( "Div3" );
	oDiv4 = document.getElementById( "Div4" );
	oDiv5 = document.getElementById( "Div5" );
	oDiv6 = document.getElementById( "Div6" );
	oButton1 = document.getElementById( "Button1" );
	oButton2 = document.getElementById( "Button2" );
	oButton3 = document.getElementById( "Button3" );
	oButton4 = document.getElementById( "Button4" );
	oButton5 = document.getElementById( "Button5" );
	oButton6 = document.getElementById( "Button6" );
	
	// Gibt's hier Cookie? Wenn ja, speichere sie in einem assoziativen Array 
	myCookies = getCookies();
		
	// Gibt's ein Cookie mit Namen "HIDEDIV"? Wenn dieser den Wert "0" hat, blende den Layer ein 
	if ( myCookies[ "HIDEDIV1" ] == 0 )
	{
		oDiv1.style.display = "none";
		oButton1.firstChild.nodeValue = BUTTONTEXT1[ 1 ];
	}

	if ( myCookies[ "HIDEDIV2" ] == 0 )
	{	
		oDiv2.style.display = "none";
		oButton2.firstChild.nodeValue = BUTTONTEXT2[ 1 ];
	}
	
	if ( myCookies[ "HIDEDIV3" ] == 0 )
	{	
		oDiv3.style.display = "none";
		oButton3.firstChild.nodeValue = BUTTONTEXT3[ 1 ];
	}
	
	if ( myCookies[ "HIDEDIV4" ] == 0 )
	{
		oDiv4.style.display = "none";
		oButton4.firstChild.nodeValue = BUTTONTEXT4[ 1 ];
	}
	
	if ( myCookies[ "HIDEDIV5" ] == 0 )
	{
		oDiv5.style.display = "none";
		oButton5.firstChild.nodeValue = BUTTONTEXT5[ 1 ];
	}

	if ( myCookies[ "HIDEDIV6" ] == 0 )
	{
		oDiv6.style.display = "none";
		oButton6.firstChild.nodeValue = BUTTONTEXT6[ 1 ];
	}
};

function box1()
{
	var isHidden1 = ( oDiv1.style.display != "block" ) ? 1 : 0;
	oDiv1.style.display = ( isHidden1 ) ? "block" : "none";
	oButton1.firstChild.nodeValue = BUTTONTEXT1[ isHidden1 ];

    // Ich habe den Button gedrückt. Je nach Status ist "isHidden" 1 oder 0. Dieser Wert wird gespeichert.	
	setCookie( "HIDEDIV1" , isHidden1 );
}

function box2()
{
	var isHidden2 = ( oDiv2.style.display != "block" ) ? 1 : 0;
	oDiv2.style.display = ( isHidden2 ) ? "block" : "none";
	oButton2.firstChild.nodeValue = BUTTONTEXT2[ isHidden2 ];

    // Ich habe den Button gedrückt. Je nach Status ist "isHidden" 1 oder 0. Dieser Wert wird gespeichert.	
	setCookie( "HIDEDIV2" , isHidden2 );
}

function box3()
{
	var isHidden3 = ( oDiv3.style.display != "block" ) ? 1 : 0;
	oDiv3.style.display = ( isHidden3 ) ? "block" : "none";
	oButton3.firstChild.nodeValue = BUTTONTEXT3[ isHidden3 ];

    // Ich habe den Button gedrückt. Je nach Status ist "isHidden" 1 oder 0. Dieser Wert wird gespeichert.	
	setCookie( "HIDEDIV3" , isHidden3 );
}

function box4()
{
	var isHidden4 = ( oDiv4.style.display != "block" ) ? 1 : 0;
	oDiv4.style.display = ( isHidden4 ) ? "block" : "none";
	oButton4.firstChild.nodeValue = BUTTONTEXT4[ isHidden4 ];

    // Ich habe den Button gedrückt. Je nach Status ist "isHidden" 1 oder 0. Dieser Wert wird gespeichert.	
	setCookie( "HIDEDIV4" , isHidden4 );
}

function box5()
{
	var isHidden5 = ( oDiv5.style.display != "block" ) ? 1 : 0;
	oDiv5.style.display = ( isHidden5 ) ? "block" : "none";
	oButton5.firstChild.nodeValue = BUTTONTEXT5[ isHidden5 ];

    // Ich habe den Button gedrückt. Je nach Status ist "isHidden" 1 oder 0. Dieser Wert wird gespeichert.	
	setCookie( "HIDEDIV5" , isHidden5 );
}

function box6()
{
	var isHidden6 = ( oDiv6.style.display != "block" ) ? 1 : 0;
	oDiv6.style.display = ( isHidden6 ) ? "block" : "none";
	oButton6.firstChild.nodeValue = BUTTONTEXT6[ isHidden6 ];

    // Ich habe den Button gedrückt. Je nach Status ist "isHidden" 1 oder 0. Dieser Wert wird gespeichert.	
	setCookie( "HIDEDIV6" , isHidden6 );
}

// ********************** cookie Funktionen ************************

function getCookies()
{
    var result = [] , i , values ,
    storedCookies = document.cookie.split(";"); 
    // Der Cookie ist ein ";"-getrennter String. Bsp:   AAA=1;BBB=C
    // Lese den Cookie ein und erzeuge daraus ein Array
    // storedCookie[0]="AAA=1";
    // storedCookie[1]="BBB=C";
    
    for ( i=0;i<storedCookies.length;i++)
    {
            values = storedCookies[ i ].split("=");  
			/// AAA=1 wird zu values[0]="AAA" und values[1]=1;
			
		    result[ values[0].replace(/^ /,'') ] = values[ 1 ]; // Leerzeichen entfernen
		    // result["AAA"]=1
    };
    return result;
}

function setCookieTime( days )
{
    if ( !days ) // Wenn keine Anzahl Tage angeben wurde, nehmen einen sehr weit entfernten Tag, d.h. der Cookie bleibt sehr lange gültig
       return ( new Date( 2037 , 0 , 1 )).toGMTString();
       
    return new Date( ( new Date().getTime() + 1000 * 3600 * 24 * days ) ).toGMTString();
}

function setCookie( name , value )
{
	// Hier wird ein  Cookie gesetzt, der "ewig" bestehen bleibt
    document.cookie = name + "=" + unescape( value ) + ";"+
       "expires=" + setCookieTime()  + ";";
}

function deleteCookie( cookieName )
{
	// Lösche den Cookie: Das Ablaufdatum ist gestern und somit wird der Cookie gelöscht
    document.cookie = coookieName + "=;expires=" + setCookieTime( -1 );
}