/* ---------------------------------------------------- */
/* Für die Anzeige und Positionierung der Popup-Fenster */
/* im rechten Bereich des ShirtCreators                 */
/* ---------------------------------------------------- */

var gBildmasse = 150

var bildUrl = ""
var artikelBeschreibung = ""
var objektId = ""


/* Popup-Positionierung für IE für "ONMOUSEOVER", sowie globale Festlegung der BildURL und Artikelbeschreibung */
function ArtikelAuflistungMouseOver(pId, pBildURL, pArtikelBeschreibung) {
    /* ArtikelPopupInfo - sichtbar machen */
    document.getElementById("ArtikelPopupInfo").style.visibility = "visible"

    bildUrl = pBildURL
    artikelBeschreibung = pArtikelBeschreibung
    objektId = pId

    // Für myText wird nur eine Artikelbeschreibung eingegeben, in der die Druckarten FLEX und FLOCK näher erläutert werden
    if (objektId.toLowerCase().search(/mytext/) != -1) {
        document.getElementById("ArtikelBildPopupDiv").style.display = "none";
        document.getElementById("PreloadArtikel").style.display = "none";

        document.getElementById("ArtikelBeschreibungPopup").style.paddingTop = "0px";
        document.getElementById("ArtikelBeschreibungPopup").style.position = "absolute";
        document.getElementById("ArtikelBeschreibungPopup").style.top = "20px";
        document.getElementById("ArtikelBeschreibungPopup").style.width = "205px";

        artikelBeschreibung = "<b>FLOCKDRUCK</b>: Der Flockdruck erfolgt mit Hilfe einer dünnen Trägerfolie, aus der der jeweilige "
        artikelBeschreibung += "Schriftzug herausgeschnitten wird. Diese Folie wird unter starkem Druck und hoher Temperatur mit dem jeweiligen Textil "
        artikelBeschreibung += "verschmolzen. Der Aufdruck ist samtig und leicht erhaben.<br />"
        artikelBeschreibung += "<b>FLEXDRUCK</b>: Der Flexdruck erfolgt mit Hilfe einer dünnen Trägerfolie, aus der der jeweilige Schriftzug herausgeschnitten "
        artikelBeschreibung += "wird. Diese Folie wird unter starkem Druck und hoher Temperatur mit dem jeweiligen Textil verschmolzen. Der Aufdruck ist glatt "
        artikelBeschreibung += "und leicht glänzend.";
    }
    else {
        document.getElementById("ArtikelBildPopupDiv").style.display = "";
        document.getElementById("PreloadArtikel").style.display = "";

        document.getElementById("ArtikelBeschreibungPopup").style.paddingTop = "20px";
        document.getElementById("ArtikelBeschreibungPopup").style.position = "absolute";
        document.getElementById("ArtikelBeschreibungPopup").style.top = "155px";

        setzeBild()
    }
    setzeArtikelBeschreibung()
}

/* ArtikelPopupInfo - unsichtbar machen */
function ArtikelAuflistungMouseOut() {
    document.getElementById("ArtikelPopupInfo").style.visibility = "hidden"
}

function setzeBild() {
    document.getElementById("ArtikelBildPopup").src = bildUrl;
    //document.getElementById("ArtikelBildPopup").style.display = "none";
    document.getElementById("PreloadArtikelBild").src = bildUrl;

    // Bild in die Mitte des Popup-Fensters setzen
    document.getElementById("ArtikelBildPopupDiv").position = "absolute"

    var neueBildTopPosition = "0"

    try {
        if ((getString(objektId, 4)).toLowerCase() == "text")
            neueBildTopPosition = "60"
        else
            neueBildTopPosition = "0"
    }
    catch (ex) { }

    
    if (navigator.appName != "Opera")
        neueBildTopPosition = neueBildTopPosition + "px"

    document.getElementById("ArtikelBildPopupDiv").style.top = neueBildTopPosition
}

function setzeArtikelBeschreibung() {
    document.getElementById("ArtikelBeschreibungPopup").innerHTML = artikelBeschreibung
}

// Bildgroesse für Popup-Fenster wird berechnet
function berechneBildgroesse() {
    
    // Bildgrösse vom versteckt geladenen Bild übernehmen
    var bildbreite = document.getElementById("PreloadArtikelBild").offsetWidth
    var bildhoehe = document.getElementById("PreloadArtikelBild").offsetHeight
    
    var tObjektbreite = 0
    var tObjekthoehe = 0

    // Bild in Breite oder Höhe größer als Standardwert (hier: 150px)
    if ((bildbreite > gBildmasse) || (bildhoehe > gBildmasse)) {
        // Neue Breite und Höhe berechnen
        if (bildbreite >= bildhoehe) {
            tObjektbreite = gBildmasse
            tObjekthoehe = parseInt((gBildmasse / bildbreite) * bildhoehe)
        }
        else {
            tObjektbreite = parseInt((gBildmasse / bildhoehe) * bildbreite)
            tObjekthoehe = gBildmasse
        }
        
        // Bildgrösse festlegen
        document.getElementById("ArtikelBildPopup").width = tObjektbreite
        document.getElementById("ArtikelBildPopup").height = tObjekthoehe
    }

    document.getElementById("ArtikelBildPopup").style.display = ""
}