//************************************************** //* Subnavigation innerhalb der ARD-Domain //* (C) SWR Baden-Baden //* //************************************************** // Variable gibt zuletzt angeklickte Kategorie an var klickedcat = ""; var klickedcatnr = 0; var oldklickedcat = ""; var oldklickedcatnr = 0; //Unterkategorie- Indices fuer Arrays var sub_navig= 0; // Index des Subnavigations-Arrays var normal_bild = 1; // Index des Standard-Bildes var mausover_bild = 2; // Index des Mouseover-Bildes var klicked_bild = 3; // Index des Bildes nach Klick auf die Kategorie // Rubriken-Indices var radio = 1; var fernsehen = 2; var digital = 3; var intern = 4; var max_rubrik_oben = 4; // nicht so toll, da hier bei Hinzufügungen keine Kontinuierliche Nummerierung mehr möglich AB //---- var homepage = 5; var information = 6; var kultur = 7; var kinder = 8; var sport = 9; var service= 10; var hilfe = 11; var impressum = 12; var mail = 13; var unterhaltung= 14; var error = 100 // z.Zt. nicht abgefangen function rubrikindex (rubrik) // liefert die Indexnummer der (Text-)Kategorie 'rubrik' zurück {var rubr = error; if (rubrik == 'radio') {rubr = radio}; if (rubrik == 'fernsehen') {rubr = fernsehen}; if (rubrik == 'digital') {rubr = digital}; if (rubrik == 'intern') {rubr = intern}; if (rubrik == 'homepage') {rubr = homepage}; if (rubrik == 'information') {rubr = information}; if (rubrik == 'kultur') {rubr = kultur}; if (rubrik == 'kinder') {rubr = kinder}; if (rubrik == 'sport') {rubr = sport}; if (rubrik == 'service') {rubr = service}; if (rubrik == 'hilfe') {rubr = hilfe}; if (rubrik == 'impressum') {rubr = impressum}; if (rubrik == 'mail') {rubr = mail}; if (rubrik == 'unterhaltung') {rubr = unterhaltung}; return rubr;} statusinfo = new Array(); //********************************************************************************************************** //Navigation oben // Radio-Kategorie var bild = new Array(); bild[radio] = new Array(); bild[radio][normal_bild] = new Image(); bild[radio][normal_bild].src = "/pics/navig_oben/radio.gif"; bild[radio][mausover_bild] = new Image(); bild[radio][mausover_bild].src = "/pics/navig_oben/radio_a.gif"; bild[radio][klicked_bild] = new Image(); bild[radio][klicked_bild].src = "/pics/navig_oben/radio_a2.gif"; // Radio-Subnavigation bild[radio][sub_navig] = new Array(); bild[radio][sub_navig][0] = new Image(); bild [radio][sub_navig][0].src="/pics/navig_oben/programme.gif"; bild[radio][sub_navig][1] = new Image(); bild [radio][sub_navig][1].src="/pics/navig_oben/hoerspiel.gif"; bild[radio][sub_navig][2] = new Image(); bild [radio][sub_navig][2].src="/pics/navig_oben/eintrag.gif"; bild[radio][sub_navig][3] = new Image(); bild [radio][sub_navig][3].src="/pics/navig_oben/eintrag.gif"; bild[radio][sub_navig][4] = new Image(); bild [radio][sub_navig][4].src="/pics/navig_oben/eintrag.gif"; // Array fuer die Verweisziele im Untermenu ...... // hier die Verweise angeben - jeweils von links nach rechts ziel[radio] = new Array( "/radio/programme/index.html", "/radio/hoerspiel/index.html", "", "", ""); statusinfo[radio] = new Array ( "Die Radio-Programme der ARD", "Hörspiel in der ARD", "", "", ""); // Fernsehen- Kategorie bild[fernsehen] = new Array(); bild[fernsehen][normal_bild] = new Image(); bild[fernsehen][normal_bild].src = "/pics/navig_oben/fernsehen.gif"; bild[fernsehen][mausover_bild] = new Image(); bild[fernsehen][mausover_bild].src = "/pics/navig_oben/fernsehen_a.gif"; bild[fernsehen][klicked_bild] = new Image(); bild[fernsehen][klicked_bild].src = "/pics/navig_oben/fernsehen_a2.gif"; // Fernsehen-Subnavigation bild[fernsehen][sub_navig] = new Array(); bild[fernsehen][sub_navig][0] = new Image(); bild [fernsehen][sub_navig][0].src="/pics/navig_oben/videotext.gif"; bild[fernsehen][sub_navig][1] = new Image(); bild [fernsehen][sub_navig][1].src="/pics/navig_oben/tv_lotse.gif"; // bild[fernsehen][sub_navig][1] = new Image(); bild [fernsehen][sub_navig][1].src="/pics/navig_oben/sendungen.gif"; bild[fernsehen][sub_navig][2] = new Image(); bild [fernsehen][sub_navig][2].src="/pics/navig_oben/das_erste_2.gif"; bild[fernsehen][sub_navig][3] = new Image(); bild [fernsehen][sub_navig][3].src="/pics/navig_oben/die_dritten.gif"; bild[fernsehen][sub_navig][4] = new Image(); bild [fernsehen][sub_navig][4].src="/pics/navig_oben/kooperationen.gif"; ziel[fernsehen] = new Array( "JavaScript:popall('http://www.ard.de/cgi-bin/goto.cgi?http://www.ard-digital.de/videotext/index.html',800,500);", "javascript:startipg()", "JavaScript:popall('http://www.ard.de/cgi-bin/goto.cgi?http://www.das-erste.de',800,500);", "/fernsehen/die_dritten/index.html", "/fernsehen/kooperationen/index.html"); statusinfo[fernsehen] = new Array ( "ARD Videotext", "Internet Program Guide (IPG)", "Erstes Deutsches Fernsehen", "Die dritten Programme der ARD", "Die Fernseh-Kooperationen der ARD"); // Digital-Kategorie bild[digital] = new Array(); bild[digital][normal_bild] = new Image(); bild[digital][normal_bild].src = "/pics/navig_oben/ard_digital.gif"; bild[digital][mausover_bild] = new Image(); bild[digital][mausover_bild].src = "/pics/navig_oben/ard_digital_a.gif"; bild[digital][klicked_bild] = new Image(); bild[digital][klicked_bild].src = "/pics/navig_oben/ard_digital_a2.gif"; //Digital-Subnavigation bild[digital][sub_navig] = new Array(); bild[digital][sub_navig][0] = new Image(); bild [digital][sub_navig][0].src="/pics/navig_oben/eintrag.gif"; bild[digital][sub_navig][1] = new Image(); bild [digital][sub_navig][1].src="/pics/navig_oben/homepage.gif"; bild[digital][sub_navig][2] = new Image(); bild [digital][sub_navig][2].src="/pics/navig_oben/online_kanal.gif"; bild[digital][sub_navig][3] = new Image(); bild [digital][sub_navig][3].src="/pics/navig_oben/frage_antwort.gif"; bild[digital][sub_navig][4] = new Image(); bild [digital][sub_navig][4].src="/pics/navig_oben/ard_bouquet.gif"; ziel[digital] = new Array( "", "JavaScript:popall('http://www.ard.de/cgi-bin/goto.cgi?http://www.ard-digital.de/',800,500);", "JavaScript:popall('http://www.ard.de/cgi-bin/goto.cgi?http://www.ard-digital.de/ok/',800,500);", "JavaScript:popall('http://www.ard.de/cgi-bin/goto.cgi?http://www.ard-digital.de/FAQ/',800,500);", "JavaScript:popall('http://www.ard.de/cgi-bin/goto.cgi?http://www.ard-digital.de/epg/',800,500);"); statusinfo[digital] = new Array ( "", "Homepage ARD Digital", "ARD Online-Kanal", "Fragen und Antworten zu ARD Digital", "Electronic Program Guide (EPG)"); //Intern-Kategorie bild[intern] = new Array(); bild[intern][normal_bild] = new Image(); bild[intern][normal_bild].src = "/pics/navig_oben/ard_intern.gif"; bild[intern][mausover_bild] = new Image(); bild[intern][mausover_bild].src = "/pics/navig_oben/ard_intern_a.gif"; bild[intern][klicked_bild]= new Image(); bild[intern][klicked_bild].src = "/pics/navig_oben/ard_intern_a2.gif"; // Intern-Subnavigation bild[intern][sub_navig] = new Array(); bild[intern][sub_navig][0] = new Image(); bild [intern][sub_navig][0].src="/pics/navig_oben/institutionen.gif"; bild[intern][sub_navig][1] = new Image(); bild [intern][sub_navig][1].src="/pics/navig_oben/chronik.gif"; bild[intern][sub_navig][2] = new Image(); bild [intern][sub_navig][2].src="/pics/navig_oben/sender.gif"; bild[intern][sub_navig][3] = new Image(); bild [intern][sub_navig][3].src="/pics/navig_oben/presse_service.gif"; bild[intern][sub_navig][4] = new Image(); bild [intern][sub_navig][4].src="/pics/navig_oben/werbung.gif"; ziel[intern] = new Array( "/ard_intern/institutionen/index.html", "JavaScript:popstatus('http://ardneu.swr.de/50jahre/index_anfang.html',760,500);", "/ard_intern/sender/index.html", "JavaScript:popscroll('http://www.ard.de/cgi-bin/goto.cgi?http://www.ard.de/presse/index.html',800,500);", "JavaScript:pop('http://www.ard.de/cgi-bin/goto.cgi?http://www.ard-werbung.de',800,500);"); statusinfo[intern] = new Array ( "Institutionen der ARD", "Flash-Chronik der ARD", "Die Sender der ARD", "ARD Presseservice (Zugangskennung erforderlich)", "Werbung in der ARD"); // Homepage-Pseudo-Subnavigation bild[homepage] = new Array(); bild[homepage][sub_navig] = new Array(); bild[homepage][sub_navig][0] = new Image(); bild [homepage][sub_navig][0].src="/pics/navig_oben/eintrag.gif"; bild[homepage][sub_navig][1] = new Image(); bild [homepage][sub_navig][1].src="/pics/navig_oben/eintrag.gif"; bild[homepage][sub_navig][2] = new Image(); bild [homepage][sub_navig][2].src="/pics/navig_oben/eintrag.gif"; bild[homepage][sub_navig][3] = new Image(); bild [homepage][sub_navig][3].src="/pics/navig_oben/eintrag.gif"; bild[homepage][sub_navig][4] = new Image(); bild [homepage][sub_navig][4].src="/pics/navig_oben/eintrag.gif"; //************************************************************************************************* //Hauptnavigation links //************************************************************************************************* //Homepage //bild[homepage] = new Array(); bild[homepage][normal_bild] = new Image();bild[homepage][normal_bild].src="/pics/navig_links/homepage.gif"; bild[homepage][mausover_bild] = new Image();bild[homepage][mausover_bild].src="/pics/navig_links/homepage_a.gif"; bild[homepage][klicked_bild] = new Image();bild[homepage][klicked_bild].src="/pics/navig_links/homepage_a.gif"; //Information bild[information] = new Array(); bild[information][normal_bild] = new Image();bild[information][normal_bild].src="/pics/navig_links/information.gif"; bild[information][mausover_bild] = new Image();bild[information][mausover_bild].src="/pics/navig_links/information_a.gif"; bild[information][klicked_bild] = new Image();bild[information][klicked_bild].src="/pics/navig_links/information_a.gif"; //Kultur bild[kultur] = new Array(); bild[kultur][normal_bild] = new Image();bild[kultur][normal_bild].src="/pics/navig_links/kultur.gif"; bild[kultur][mausover_bild] = new Image();bild[kultur][mausover_bild].src="/pics/navig_links/kultur_a.gif"; bild[kultur][klicked_bild] = new Image();bild[kultur][klicked_bild].src="/pics/navig_links/kultur_a.gif"; //Unterhaltung bild[unterhaltung] = new Array(); bild[unterhaltung][normal_bild] = new Image();bild[unterhaltung][normal_bild].src="/pics/navig_links/unterhaltung.gif"; bild[unterhaltung][mausover_bild] = new Image();bild[unterhaltung][mausover_bild].src="/pics/navig_links/unterhaltung_a.gif"; bild[unterhaltung][klicked_bild] = new Image();bild[unterhaltung][klicked_bild].src="/pics/navig_links/unterhaltung_a.gif"; //kinder bild[kinder] = new Array(); bild[kinder][normal_bild] = new Image();bild[kinder][normal_bild].src="/pics/navig_links/kinder.gif"; bild[kinder][mausover_bild] = new Image();bild[kinder][mausover_bild].src="/pics/navig_links/kinder_a.gif"; bild[kinder][klicked_bild] = new Image();bild[kinder][klicked_bild].src="/pics/navig_links/kinder_a.gif"; //sport bild[sport] = new Array(); bild[sport][normal_bild] = new Image();bild[sport][normal_bild].src="/pics/navig_links/sport.gif"; bild[sport][mausover_bild] = new Image();bild[sport][mausover_bild].src="/pics/navig_links/sport_a.gif"; bild[sport][klicked_bild] = new Image();bild[sport][klicked_bild].src="/pics/navig_links/sport_a.gif"; //Service bild[service] = new Array(); bild[service][normal_bild] = new Image();bild[service][normal_bild].src="/pics/navig_links/service.gif"; bild[service][mausover_bild] = new Image();bild[service][mausover_bild].src="/pics/navig_links/service_a.gif"; bild[service][klicked_bild] = new Image();bild[service][klicked_bild].src="/pics/navig_links/service_a.gif"; //Hilfe bild[hilfe] = new Array(); bild[hilfe][normal_bild] = new Image();bild[hilfe][normal_bild].src="/pics/suche/hilfe.gif"; bild[hilfe][mausover_bild] = new Image();bild[hilfe][mausover_bild].src="/pics/suche/hilfe_a.gif"; bild[hilfe][klicked_bild] = new Image();bild[hilfe][klicked_bild].src="/pics/suche/hilfe_a.gif"; //Impressum bild[impressum] = new Array(); bild[impressum][normal_bild] = new Image();bild[impressum][normal_bild].src="/pics/suche/impressum.gif"; bild[impressum][mausover_bild] = new Image();bild[impressum][mausover_bild].src="/pics/suche/impressum_a.gif"; bild[impressum][klicked_bild] = new Image();bild[impressum][klicked_bild].src="/pics/suche/impressum_a.gif"; //Mail bild[mail] = new Array(); bild[mail][normal_bild] = new Image();bild[mail][normal_bild].src="/pics/suche/mail.gif"; bild[mail][mausover_bild] = new Image();bild[mail][mausover_bild].src="/pics/suche/mail_a.gif"; bild[mail][klicked_bild] = new Image();bild[mail][klicked_bild].src="/pics/suche/mail_a.gif"; //************************************************************************************ // Funktionen //************************************************************************************ // Initialisierung Timervariablen var t1=0, t2=0, t3=0, t4=0, t5=0, t6=0; function mausover(name) { var neu = rubrikindex(name); if (klickedcat != name) document[name].src = bild[neu][mausover_bild].src; } function mausout(name) { var neu = rubrikindex (name); if (klickedcat != name) document[name].src = bild[neu][normal_bild].src; } function klick(name) { if (name=='homepage') {t1=window.setTimeout("shownavi()",60000);} else { //alert (t1 + "#" + t2 + "#" + t3 +"#" + t4 + "#" + t5 +"#" + t6 ); window.clearTimeout(t1); window.clearTimeout(t2); window.clearTimeout(t3); window.clearTimeout(t4); window.clearTimeout(t5); window.clearTimeout(t6); } realklick (name) } function realklick (name) // blendet für die angeklickte Rubrik das geklickte Rubrikenbild (mit Pfeil) ein // blendet für die zuvor angeklickte Rubrik (sofern vorhanden) das normale Rubrikenbild ein // stösst Ausklappen der Subnavigation für angeklickte Rubrik an { oldklickedcat = klickedcat; oldklickedcatnr = rubrikindex (oldklickedcat); klickedcatnr = rubrikindex (name); klickedcat=name; //alert (oldklickedcat + " " + oldklickedcatnr + " " + klickedcat + " " + klickedcatnr); //alert (t1 + "#" + t2 + "#" + t3 +"#" + t4 + "#" + t5 +"#" + t6 ); if (oldklickedcat != "") document[oldklickedcat].src = bild[oldklickedcatnr][normal_bild].src; document[klickedcat].src = bild[klickedcatnr][klicked_bild].src; if (klickedcatnr == radio || klickedcatnr == fernsehen || klickedcatnr == digital || klickedcatnr == intern || klickedcatnr == homepage) showsubnavi(klickedcat); } //navigations demo function shownavi () { t2=window.setTimeout("realklick('radio')",1000); t3=window.setTimeout("realklick('fernsehen')",2000); t4=window.setTimeout("realklick('digital')",3000); t5=window.setTimeout("realklick('intern')",4000); t6=window.setTimeout("realklick('homepage')",5000); } function showsubnavi(rubrik) { // ersetzt Subnavigationsbilder mit den Subnavigationsbildern für die Rubrik rubrik var rubriknr = rubrikindex(rubrik); for (i = 0; i < bild[rubriknr][sub_navig].length; i++) document["pixel" + i].src = bild[rubriknr][sub_navig][i].src } function ziel(nr) { var rnr = rubrikindex (klickedcat); parent.window.location.href = ziel [rnr][nr] } //Popup-Fenster mit flexibler Breite und Hoehe function pop(ziel,w,h) { fenster = window.open(ziel,'Popup','width=' + w + ',height=' + h + ',resizable=yes,scrollbars=no'); fenster.focus(); } function popnoresize(ziel,w,h) { fenster = window.open(ziel,'Popup','width=' + w + ',height=' + h + ',resizable=no,scrollbars=no'); fenster.focus(); } //Popup-Fenster mit flexibler Breite und Hoehe und Scroolbars function popscroll(ziel,w,h) { fenster = window.open(ziel,'Popup','width=' + w + ',height=' + h + ',resizable=yes,scrollbars=yes'); fenster.focus(); } //Popup-Fenster mit Statuszeile function popstatus(ziel,w,h) { fenster = window.open(ziel,'Popup','width=' + w + ',height=' + h + ',resizable=no,scrollbars=no,toolbar=no,location=no,directorie=no,status=yes,menubar=no'); fenster.focus(); } //Popup-Fenster mit allem function popall(ziel,w,h) { fenster = window.open(ziel,'Popup','width=' + w + ',height=' + h + ',resizable=yes,scrollbars=yes,toolbar=yes,location=yes,directorie=yes,status=yes,menubar=yes'); fenster.focus(); } //Funktion für den IPG function startipg() { menuWin = window.open("http://www.ard.de/cgi-bin/goto.cgi?http://www.ard-digital.de/linux/epg/index.html","EPGWindow","toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=no,width=640,height=470"); } function get_status (subnav) { var klickedcatnr = rubrikindex (klickedcat); // alert (klickedcat + klickedcatnr + " " + subnav); if (klickedcatnr < max_rubrik_oben) { window.status = statusinfo[rubrikindex(klickedcat)][subnav]; } else { window.status = ""; } } //Zeige URL in der Statuszeile function status_url(adresse) { window.status = adresse; return true; }