//Collapsible Menu Script.
//Created by Kyle Edwards.
//Please keep this notice intact.

//This defines the arrays that contain info about the menus. Do NOT edit.
var on_off=new Array();
var menu_code=new Array();

//Below, define number_of_menus. It should be equal to the number of menus you have.
number_of_menus=1;

//Here we define the code for the menus. Inside the quotation marks, type in the value of each option.
//Note: After each option, you need to put a <br> tag.
//Note: If you want to indent the options, type &nbsp; for each space of indentation.
//and a </blockquote> tag at the end.
//Example: "&nbsp;&nbsp;Option 1<br>&nbsp;&nbsp;Option 2<br>"
//This puts two spaces at the beginning of each option.

//Abendschau vs. Bergkristall
menu_code[0]="<br>Eine typografische Arbeit zum literarischen Text von Charles<br>Bukowski, die mit der Wahrnehmung des Betrachters und<br>den vorgegebenen, gewohnten Gestaltungsmustern der Groschen-<br>romane spielt.<br><br>Dabei funktionieren die beiden Textebenen unabh&auml;ngig und<br>nehmen durch inhaltliche Verkn&uuml;pfungen Beziehung zueinander<br>auf, so dass der Inhalt einen ironischen Unterton bekommt.<br>So steht der einfliessende Text &laquo;Abendschau&raquo;, der durch die derbe<br>Sprache Bukowskis gepr&auml;gt wird, im Kontrast zur trivialen<br>Literatur des &laquo;Bergkristalls&raquo;.";
//carreau
menu_code[1]="<br>Der Entwurf ist inspiriert von den sp&auml;tklassizistischen Schriften,<br>welche den technischen Anspr&uuml;chen des Maschinenzeitalters<br>angepasst wurden. &laquo;carreau&raquo; wurde mit dem Interesse gestaltet,<br>eine Reihe unverkennbarer Formdetails in das Schriftbild zu<br>integrieren. Demzufolge entstand die verspielte Tropfenform, welche<br>charakteristische Akzente setzt und zum Beispiel den Titelsatz<br>durch ihren hohen Wiedererkennungswert st&auml;rkt.<br><br>Ebenso wurden Anpassungen f&uuml;r die Verarbeitung von gr&ouml;sseren<br>Textmengen vorgenommen: Eine leichte Dynamisierung der<br>Grundform wirkt der Betonung der senkrechten Achse entgegen.<br>Die Reduktion des Strichst&auml;rkenkontrasts steigert die Lesbar-<br>keit der Schrift besonders in kleineren Graden. &laquo;carreau&raquo; ist ein gut<br>ausgebauter Font und enth&auml;lt die Zeichen der Unicodegruppen<br>Basic Latin, Latin A, Latin Extended A, Ligaturen und eine Vielzahl<br>von Open Type Features.";
//Die glückliche Landung 
menu_code[2]="<br>Meine Diplomarbeit basiert auf dem Theaterst&uuml;ck &laquo;Oder die<br>gl&uuml;cklose Landung&raquo;, das Heiner Goebbels in Paris und Frankfurt<br>inszenierte. Goebbels verarbeitet darin Teile von F. Ponges<br>Erz&auml;hlung &laquo;Das Notizbuch vom Kiefernwald&raquo;, das vom Vergn&uuml;gen<br>in den Kiefernw&auml;ldern berichtet. Diese werden mit den Texten<br>&laquo;Herakles 2 oder die Hydra&raquo; von H. M&uuml;ller und dem Reisebericht<br>&laquo;Congo Diary&raquo; von J. Conrad verkn&uuml;pft.<br><br>&laquo;Herakles 2 oder die Hydra&raquo; beschreibt den immer dichter<br>werdenden Wald, der sich dem eindringenden Wanderer als das<br>ungez&auml;hmte Tier darstellt. &laquo;Das Congo Diary&raquo; enth&auml;lt schein-<br>bar sachliche Anmerkungen zu einer nicht ganz ungef&auml;hrlichen<br>Expedition in den Urwald.<br><br>In jedem der drei Texte spielt der Wald eine andere Rolle. Die<br>Aussage der Werke ist jedoch grunds&auml;tzlich identisch. Die Wald-<br>metapher veranschaulicht hierbei das Verh&auml;ltnis zwischen<br>Mensch und Natur.";
//Fast Forward 
menu_code[3]="<br>Anl&auml;sslich der Diplomausstellung &laquo;fast forward&raquo; 2003/04 des<br>Fachbereichs Gestaltung wurde ein Erscheinungsbild mit<br>Diplomeinladung, Katalog mit Informationen und Abbildungen<br>der Diplomanden, Flyer und Plakat entwickelt.<br><br>Das Gestaltungsmerkmal bei Diplomeinladung und Katalog war<br>die Optik einer Doppelkassettenh&uuml;lle, kombiniert mit gr&uuml;ner<br>Leuchtfarbe. F&uuml;r die Flyer, sowie f&uuml;r die Plakate wurde der fast<br>forward Button als Gestaltungsmerkmal gew&auml;hlt.";
//Furcht vor Freiheit 
menu_code[4]="<br>Die Aufgabenstellung des Kurses hatte zum Inhalt einen<br>Ausschnitt aus dem Text &laquo;Das Auftauchen des Individuums und<br>die Furcht vor der Freiheit&raquo; von Erich Fromm zu illustrieren.<br>Es sollte im Kurs eine durch einheitliches Format und gleichen<br>Buchumschlag gestaltete, philosophische Reihe entstehen.<br><br>Die von mir gew&auml;hlte Darstellungsweise zum Thema ist eine<br>Collage aus Klebeband und mit Tusche bearbeitetem Diamaterial.";
//Jubiläum Helvetica
menu_code[5]="<br>Ob wir es bedauern oder feiern &#8211; die Tatsache, dass diese Schrift<br>seit 50 Jahren die Gem&uuml;ter in die eine oder andere Richtung<br>bewegt, macht sie zu einer besonderen Erscheinung. Bestgehasst<br>und meistgeliebt, ist die &laquo;Helvetica&raquo; unbestritten die mit<br>Abstand h&auml;ufigst verwendete Schrift aller Zeiten.<br><br>Anl&auml;sslich der europ&auml;ischen Erstauff&uuml;hrung des Dokumentarfilms<br>von Gary Hustwit waren Verehrerinnen und Verachter der<br>&laquo;Helvetica&raquo; gleichermassen aufgefordert, sich vor der &laquo;Helvetica&raquo;<br>und ihrer 50-j&auml;hrigen Geschichte zu verbeugen und ihre, je<br>nach dem Verbundenheit durch Teilnahme an diesem Plakatwett-<br>bewerb auszudr&uuml;cken.";
//Kinderstadtplan 
menu_code[6]="<br>Gross-Gerauer Echo, 28.01.2005<br>So sehen junge Gro&szlig;-Gerauer ihre Stadt. Kinderstadtplan:<br>Projekt wird der Jugendpflege vorgestellt. Junge Leute w&auml;hrend<br>der Ferienspiele auf Entdeckungstour<br><br>Kinder sehen ihren Wohnort mit eigenen Augen. Sie setzen<br>individuelle Priorit&auml;ten und haben oft g&auml;nzlich andere Sichtweisen<br>als Erwachsene: Wo l&auml;sst es sich am besten Toben, Spielen<br>oder Kicken? Wo befindet sich ein lohnendes Ausflugsziel? In<br>welchem Lokal schmeckt das Essen prima? Welche Sehensw&uuml;rdig-<br>keiten gibt es in unserer Stadt? Wo finde ich Stadtverwaltung,<br>Post, Bank, B&auml;cker, Fris&ouml;r oder Einkaufsladen? Um all diese<br>wichtigen Dinge herauszufinden gingen w&auml;hrend der kommunalen<br>Ferienspiele im Sommer 2004 &uuml;ber 280 M&auml;dchen und Jungen<br>in allen Stadtteilen auf Entdeckungstour. Von besonderer Bedeu-<br>tung f&uuml;r die Forscher waren die Themen Kinderfreundlichkeit,<br>Natur, Spiele und Geschichte &#8230;";
//madhill
menu_code[7]="<br>Bei dem Erscheinungsbild f&uuml;r das Projekt Litfasss&auml;ule stand<br>im Vordergrund ein Maskottchen zu entwickeln, das in direktem<br>Zusammenhang mit dem Fachbereich Gestaltung und dem<br>Standort &laquo;Mathildenh&ouml;he&raquo; gesehen werden kann.<br><br>Wichtig dabei war es, dem Maskottchen eine eigene Pers&ouml;nlich-<br>keit zu verleihen, die einen hohen Wiedererkennungswert<br>hat. &laquo;madhill&raquo; vereint die Eigenschaften der Studenten in sich.<br>Er ist variabel und beweglich &#8211; ein bisschen verr&uuml;ckt und<br>genial. &laquo;madhill&raquo; hat sich im Laufe des letzten Semesters weiter-<br>entwickelt. Das neugestaltete Schleifchen kennzeichnet den<br>Standort des Fachbereichs auf der &laquo;Mathildenh&ouml;he&raquo; und macht<br>ihn als Ideengeber sichtbar.";
//Mechatronik für Mädchen
menu_code[8]="<br>Eine spannende Reise in die Welt der Mechatronik war das<br>Thema einer dreit&auml;gigen Informationsveranstaltung des Fachbereich<br>Mechatronik der FH Darmstadt.<br><br>Das Faltplakat &laquo;Mechatronik f&uuml;r M&auml;dchen&raquo; nimmt Bezug auf<br>die zu vermittelnden Studieninhalte der Veranstaltung, bei<br>der die M&auml;dchen der gymnasialen Oberstufe einen eigenen Mikro-<br>controller programmieren sollten.";
//50er Jahre Museum
menu_code[9]="<br>Das &laquo;50er Jahre Museum&raquo; in B&uuml;dingen nimmt seine Besucher<br>mit auf eine Zeitreise in die Lebenswelt der noch jungen<br>Bundesrepublik. Neben den Vitrinen mit allerlei Gebrauchsgegen-<br>st&auml;nden laden verschiedene Wohnbereiche zum St&ouml;bern und<br>Entdecken ein.<br><br>Das Buchprojekt stellt sich die Aufgabe, das Lebensgef&uuml;hl und<br>die Wohnkultur der 50er Jahre zu dokumentieren und f&uuml;r die<br>Besucher in &uuml;bersichtlicher und spannender Form zu pr&auml;sentieren.";


//Everything below this notice is the code that expands and collapses the menus. Do NOT edit.
for (loop=0; loop<number_of_menus; loop++){
 on_off[loop]=0;
}

function collapse_menu(menu_id, menu_number){
  if (on_off[menu_number]==0){
    menu_id.innerHTML=menu_code[menu_number];
    on_off[menu_number]=1;
  }else{
    menu_id.innerHTML="";
    on_off[menu_number]=0;
  }
}
