/************
        fotomarburg flash mx image zoom
        lars bruhn, lars.b@coocoomacka.de, 18-05-2004

        BENÖTIGTE DATEIEN:

                fotomarburg_imagezoom.js
                fotomarburg_imagezoom.swf
                und nen Haufen Bilder


        HOW TO

        STEP 1:
                fotomarburg_imagezoom.swf ins flash-Verzeichnis kopieren
                und entsprechend die variable swfDIR (s.u.) anpassen.

        STEP 2:
                fotomarburg_imagezoom.js in einen Ordner kopieren und am besten
                umbenennen in meineBilder_imagezoom.js.

                (denn, WICHTIG, jeder Bilder-Ordner benötigt eine eigene js-Datei)

                Dann mit dem html-script-tag die js-DAtei in die html-Datei einbinden.

        STEP 3:
                Array var imgList = new Array(); erstellen (s.u.).




        TO DO
        flash abfrage

        63kb grenze beachten für FlashVars


        WAS DER SURFER BRAUCHT:
        flash 6 plugin


        UND NIE VERGESSEN:
        Variablen, deren Wert verändert werden darf,
        sind eindeutig gekennzeichnet.
        Sonst Finger weg!       **************************/


/************   START edititierbarer Bereich
        Variablen können verändert werden.      *********/


        /*      Die folgenden Variablen werden
                zur Erstellung des dynamischen popups mit js verwendet! */

        var popup_w = 700;
        var popup_h = 600;
        /*      FUCHS sein!
                popup_w und popup_h bestimmen weite und höhe des popups
                Die maximale Breite muss mindestens die Breite aller Buttons im Flash Zoom haben!
                Das sind: 400 px für Lupe und Schieberegler
                Und optional: 190px Pulldown-Menü, 120px Bild-Drucken-Btn, 120px Bild-Speichern-Btn,
                32px Bild-vor und Bild-Zurück-Btn ...   */

        var popupTitle = "FOTOMARBURG FLASH MX IMAGE ZOOM";     // Titel des popups
        var swfDIR = "../flash/";                  // wo befindet sich die fotomarburg_imagezoom.swf?
        var backColor = "#cccccc";              // Hintergrundfarbe des popups

        /*      Die folgenden Variablen werden mit
                FlashVars an die swf übergeben. */

        var imgDIR = "bilder_sbm/";                        // wo befinden sich die Bilder?
        var fileType = "jpg";                           // erlaubt: jpg oder swf
        var toolbarColor = "666666";            // rgb ohne #!
        var txtFieldBGColor = "666666";         // rgb ohne #!
        var txtColor = "ffffff";                        // rgb ohne #!
        var buttonColor = "e5e5e5";             // rgb ohne #!
        var buttonHoverColor = "c0c0c0";        // rgb ohne #!
        var buttonTxtColor = "333333";          // rgb ohne #!
        var toolbarHeight = "75";                       // Höhe der Toolbar mit Schiebergeler etc. im swf

        var printBtn = 0;               // Bild Drucken Button: AUS / AN ( 0 vs 1 ).
        var saveBtn = 0;                        // Bild Speichern Button: AUS / AN ( 0 vs 1 ).
        var pullDown = 1;               // Pulldown-Menü mit Liste aller Bilder: AUS / AN ( 0 vs 1 ).
        var bckBtn = 1;                 // Bild vor, Bild zurück Button: AUS / AN ( 0 vs 1 ).
        var imgCounter = 0;             // BildCounter (z Bsp 1/16): AUS / AN ( 0 vs 1 ).

        /*      Array:
                Enthält Bild-Untertitel sowie
                Bild-IDs (bestehend aus dem Namen ohne Endung)
                Wird mit FlashVars an die swf übergeben.

                Fuchs sein und keine Kommas für die Bild-Beschreibung nutzen!
                Stattdessen: ¸ ??? */

        var imgList = new Array();
        imgList[0] =  ("sbm01|Reinhart Koselleck (1923-2006). Reiterstandbild Kaiser Friedrich III./ Louis Touaillon (1911). Hohenzollernbruecke Koeln 1976");
        imgList[1] =  ("sbm02|Reinhart Koselleck (1923-2006). Reiterstandbild Kaiser Friedrich III./ Louis Touaillon (1911). Hohenzollernbruecke Koeln 1997");
        imgList[2] =  ("sbm03|Reinhart Koselleck (1923-2006). Reiterstandbild Kaiser Friedrich III./ Louis Touaillon (1911). Hohenzollernbruecke Koeln 1997");
        imgList[3] =  ("sbm04|Reinhart Koselleck (1923-2006). Reiterstandbild Kaiser Friedrich III./ Louis Touaillon (1911). Hohenzollernbruecke Koeln 1976");
        imgList[4] =  ("sbm05|Reiterstandbild Kaiser Friedrich III./ Louis Touaillon (1911). Hohenzollernbruecke Koeln. Rheinisches Bildarchiv 1967");
        imgList[5] =  ("sbm06|Reinhart Koselleck (1923-2006). Lageskizze Hohenzollernbruecke Koeln 1997");
        imgList[6] =  ("sbm07|Reinhart Koselleck (1923-2006). Reiterstandbild Kaiser Wilhelm I./ Friedrich Drake (1867). Hohenzollernbr.uecke Koeln 1997");
        imgList[7] =  ("sbm08|Reinhart Koselleck (1923-2006). Reiterstandbild Kaiser Wilhelm I./ Friedrich Drake (1867). Hohenzollernbruecke Koeln 1999");
        imgList[8] =  ("sbm09|Reinhart Koselleck (1923-2006). Friseurschaufenster/ Pferdeskulptur und Modellfotografien. Konstanz 2001");
        imgList[9] =  ("sbm10|Reinhart Koselleck (1923-2006). Reiterstandbild Kaiser Friedrich III./ Louis Touaillon (1911). Hohenzollernbrücke Koeln 1999");
		imgList[10] =  ("sbm11|Reinhart Koselleck (1923-2006). Champagner-Werbung/ Kreuzritter. Reims 2001");
		imgList[11] =  ("sbm12|Reinhart Koselleck (1923-2006). Ferrari-Emblem/ Pferd ohne Reiter. Duesseldorf 2001");

/************   ENDE editierbarer Bereich       *****/

/************
        Umwandlung von Sonderzeichen in
        ASCII-Zeichensequenzen für FlashVars    *****/
        imgDIR = encodeURIComponent(imgDIR);

        for (i=0; i<imgList.length; i++) {
                imgList[i] = encodeURIComponent(imgList[i]);
                };


/************   browsercheck    *****************/
function lib_bwcheck() {
        this.ver=navigator.appVersion
        this.agent=navigator.userAgent
        this.dom=document.getElementById?1:0
        this.opera5=this.agent.indexOf("Opera 5")>-1
        this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0;
        this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
        this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
        this.ie=this.ie4||this.ie5||this.ie6
        this.mac=this.agent.indexOf("Mac")>-1
        this.ns6=(this.dom && parseInt(this.ver) >= 5)?1:0;
        this.ns4=(document.layers && !this.dom)?1:0;
        this.bw=(this.ie6||this.ie5||this.ie4||this.ns4||this.ns6||this.opera5)
        return this
}
bw=new lib_bwcheck()


/************
        erstelle popup
        lade flash mx image zoom
*************************************************/
function zoom(imgID) {

        /* liest die maximale breite des zoomfensters aus */
        screenW = window.screen.availWidth;

        /* legt die position des zoom-popus fest */
        pos_left = screen.availWidth/2 - popup_w/2;
        pos_top = screen.availHeight/2 - popup_h/2;

        var xtnVars = "imgID="+imgID+"&ftype="+fileType+"&imgDIR="+imgDIR+"&imgList="+imgList+"&tbH="+toolbarHeight+"&prBtn="+printBtn+"&svBtn="+saveBtn+"&pdM="+pullDown+"&bkBtn="+bckBtn+"&imgCnt="+imgCounter+"&tbColor="+toolbarColor+"&textCol="+txtColor+"&txtFieldBGCol="+txtFieldBGColor+"&btnColor="+buttonColor+"&btnTxtColor="+buttonTxtColor+"&btnHovColor="+buttonHoverColor+"&scW="+screenW+"";

        var zoe = window.open('','fotomrzoom','width='+popup_w+',height='+popup_h+',left='+pos_left+',top='+pos_top+',menubar=0,toolbar=0,location=0,status=0,resizable=1,scrollbars=0');
        with (zoe.document) {
        open();
        write("<html>");
                write("<head>");
                        write("<style type=\"text/css\">");
                        write("body { background-color:\""+backColor+"\"; margin:0px; }");
                        write("</style>");
                        write("<title>"+popupTitle+"</title>");
                        /*
                                write("<script src=\"../../../../js/zoom_v3.js\" type=\"text\/javascript\"><\/script>");
                                script-einbindung innerhalb eines scripts lässt einige ie-versionen abstürzen
                        */
                write("<\/head>");
                write("<body>");

                if (bw.ie) {

                write("<object classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0\"");
                write(" width=\"100%\" height=\"100%\"");
                write(" id=\"fotomarburg_imagezoom\" align=\"\">");
                write("<param name=\"movie\" value=\""+swfDIR+"fotomarburg_imagezoom.swf\">");
                write("<param name=\"FlashVars\" value=\""+xtnVars+"\">");
                write("<param name=\"scale\" value=\"noscale\">");
                write("<param name=\"loop\" value=\"false\">");
                write("<param name=\"menu\" value=\"false\">");
                write("<param name=\"quality\" value=\"high\">");
                write("<param name=\"bgcolor\" value=\""+backColor+"\">");
                write("</object>");
                }
                // netscape .. moz
                else {
                //alert(zoe.document.width);
                write("<object classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0\"");
                write(" width=\"100%\" height=\"100%\"");
                write(" id=\"fotomarburg_imagezoom\" align=\"\">");
                write("<embed src=\""+swfDIR+"fotomarburg_imagezoom.swf\"");
                write(" FlashVars=\""+xtnVars+"\"");
                write(" scale=\"noscale\"");
                write(" quality=\"high\"");
                write(" bgcolor=\""+backColor+"\"");
                write(" width=\"100%\"");
                write(" height=\"100%\"");
                write(" name=\"fotomarburg_imagezoom\"");
                write(" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\">");
                write("</embed>");
                write("</object>");
                }

                write("<\/body>");
                write("<\/html>");

        close();
        }
}





function save_img(downloadsrc) {

var s_img = window.open('','_blank','menubar=1,toolbar=1,location=0,status=1,resizable=1,scrollbars=1');
        with (s_img.document) {
        open();
        write("<html>");
                write("<head>");
                        write("<style type=\"text/css\">");
                        write("body { background-color:#000000; margin:0px; }");
                        write("</style>");
                        write("<title>SDS-Zoom: "+downloadsrc+"</title>");
                write("<\/head>");
                write("<body>");

                write("<img src=\""+downloadsrc+"\">");

                write("<\/body>");
                write("<\/html>");

        close();
        }

}