var BoxUtil = {

    bildbereich : " ",
    bild : new Array(),
    zeige : 0,
    breite : 300,
    queueGroesse : 0,
    scrolling : 0,
    isbnsTitle : " ",
    length : 0,

    run : function (isbnsTitle, queueGroesse, width, height, cover, box) {
    if(isbnsTitle != ""){
         this.isbnsTitle = isbnsTitle;
            this.queueGroesse = queueGroesse;
            BoxUtil.queueGroesse = this.queueGroesse;
            new Ajax.Request('/sixcms/list.php?page=box_isbns&sv[id]=' + this.isbnsTitle, {
                method: 'get',
                onSuccess: function(transport){
                    var jsonString = transport.responseText;
                    var json = jsonString.evalJSON();

                    this.bild = new Array();

                    for (var i = 0; i < json.values.length; ++i) {
                        if (json.values[i].cover60x != null) {
                            this.bild[i] = new Image();
                            if(cover == "cover"){
                                if(queueGroesse == 0 || queueGroesse > 4) {
                                    this.bild[i].src = json.values[i].cover78x;
                                } else if (queueGroesse == 4) {
                                    this.bild[i].src = json.values[i].cover70x;
                                } else {
                                    this.bild[i].src = json.values[i].cover60x;
                                }
                            } else {
                                this.bild[i].src = json.values[i].lesetipp_cover;
                            }
                            this.bild[i].name= json.values[i].link;
                        }
                    }
                    BoxUtil.bild = this.bild;
                    box.bild = this.bild;
                                        
                    /* Init the scrollable image box  */

                    /* Hide left arrow */

                    if(cover == "cover"){
                        // document.getElementById("arrow-links" + isbnsTitle).style.backgroundImage = "url(../img/pfeil_links_l.gif)";
                        // document.getElementById("arrow-rechts" + isbnsTitle).style.backgroundImage = "url(../img/pfeil_rechts_l.gif)";
                    } else {
                        // document.getElementById("arrow-links" + isbnsTitle).style.backgroundImage = "url(../img/links.gif)";
                        // document.getElementById("arrow-rechts" + isbnsTitle).style.backgroundImage = "url(../img/rechts.gif)";
                    }
                        // document.getElementById("arrow-links" + isbnsTitle).style.backgroundRepeat = "no-repeat";
                        // document.getElementById("arrow-links" + isbnsTitle).style.backgroundPosition = "center";

                        // document.getElementById("arrow-rechts" + isbnsTitle).style.backgroundRepeat = "no-repeat";
                        // document.getElementById("arrow-rechts" + isbnsTitle).style.backgroundPosition = "center";
                        document.getElementById("arrow-links" + isbnsTitle).style.display = "none";

                    /* Hide right arrow */
                    if (queueGroesse >= this.bild.length) {
                        document.getElementById("arrow-rechts" + isbnsTitle).style.display = "none";
                    }
                    else {
                        document.getElementById("arrow-rechts" + isbnsTitle).style.display = "block";
                    }

                    bildbereich = document.getElementById("Box_" + isbnsTitle + "_cf-content");
                    for (var i = 0; i < this.bild.length; i++) {
                        if (DOM && document.createElement) {
                            var p = document.createElement("p");
                            var a = document.createElement("a");
                            a.setAttribute("href", this.bild[i].name);
                            a.setAttribute("id", "link" + i + isbnsTitle);
                            var img = document.createElement("img");
                            img.setAttribute("src", this.bild[i].src);
                            img.setAttribute("id", "image" + i + isbnsTitle);

                            if (bildbereich.appendChild) {
                                p.appendChild(a);
                                a.appendChild(img);
                                bildbereich.appendChild(p);
                            } else {
                                var html = '<p><a href="' + this.bild[i].name + '"><img src="' + this.bild[i].src + '" id="image' + i + '" width="' + image_width + '" height="' + image_height + '"/></a></p>';
                                document.getElementById(isbnsTitle + "_cf-content").innerHTML = document.getElementById("Box_" + isbnsTitle + "_cf-content").innerHTML + html;              
                            }
                        }
                    }
                }
            });

            bildbereich = document.getElementById("Box_" + isbnsTitle + "_cf-content").style.left = "-10px";
            return 0;
    }},


    runebook : function (isbnsTitle, queueGroesse, width, height, cover, box) {
    if(isbnsTitle != ""){
         this.isbnsTitle = isbnsTitle;
            this.queueGroesse = queueGroesse;
            BoxUtil.queueGroesse = this.queueGroesse;
            new Ajax.Request('/sixcms/list.php?page=ebooks_json&sv[ausgabeart]=e-Book', {
                method: 'get',
                onSuccess: function(transport){
                    var jsonString = transport.responseText;
                    var json = jsonString.evalJSON();
                    this.bild = new Array();

                    for (var i = 0; i < json.values.length; ++i) {
                        if (json.values[i].cover60x != null) {
                            this.bild[i] = new Image();
                            if(cover == "cover") {
                                if(queueGroesse == 0 || queueGroesse > 4) {
                                    this.bild[i].src = json.values[i].cover78x;
                                } else if (queueGroesse == 4) {
                                    this.bild[i].src = json.values[i].cover70x;
                                } else {
                                    this.bild[i].src = json.values[i].cover60x;
                                }
                            } else {
                                this.bild[i].src = json.values[i].lesetipp_cover;
                            }
                           this.bild[i].name= json.values[i].link;
                        }
                    }

                    BoxUtil.bild = this.bild;
                    box.bild = this.bild;
                                        
                    /* Init the scrollable image box  */

                    /* Hide left arrow */

                    if (cover == "cover") {
                        // document.getElementById("arrow-links" + isbnsTitle).style.backgroundImage = "url(../img/pfeil_links_l.gif)";
                        // document.getElementById("arrow-rechts" + isbnsTitle).style.backgroundImage = "url(../img/pfeil_rechts_l.gif)";
                    } else {
                        // document.getElementById("arrow-links" + isbnsTitle).style.backgroundImage = "url(../img/links.gif)";
                        // document.getElementById("arrow-rechts" + isbnsTitle).style.backgroundImage = "url(../img/rechts.gif)";
                    }
                    // document.getElementById("arrow-links" + isbnsTitle).style.backgroundRepeat = "no-repeat";
                    // document.getElementById("arrow-links" + isbnsTitle).style.backgroundPosition = "center";

                    // document.getElementById("arrow-rechts" + isbnsTitle).style.backgroundRepeat = "no-repeat";
                    // document.getElementById("arrow-rechts" + isbnsTitle).style.backgroundPosition = "center";
                    document.getElementById("arrow-links" + isbnsTitle).style.display = "none";

                    /* Hide right arrow */
                    if (queueGroesse >= this.bild.length) {
                        document.getElementById("arrow-rechts" + isbnsTitle).style.display = "none";
                    }
                    else {
                        document.getElementById("arrow-rechts" + isbnsTitle).style.display = "block";
                    }

                    bildbereich = document.getElementById("Box_" + isbnsTitle + "_cf-content");
                    for (var i = 0; i < this.bild.length; i++) {
                        if (DOM && document.createElement) {
                            var p = document.createElement("p");
                            var a = document.createElement("a");
                            a.setAttribute("href", this.bild[i].name);
                            a.setAttribute("id", "link" + i + isbnsTitle);
                            var img = document.createElement("img");
                            img.setAttribute("src", this.bild[i].src);
                            img.setAttribute("id", "image" + i + isbnsTitle);

                            if (bildbereich.appendChild) {
                                p.appendChild(a);
                                a.appendChild(img);
                                bildbereich.appendChild(p);
                            } else {
                                var html = '<p><a href="' + this.bild[i].name + '"><img src="' + this.bild[i].src + '" id="image' + i + '" width="' + image_width + '" height="' + image_height + '"/></a></p>';
                                document.getElementById(isbnsTitle + "_cf-content").innerHTML = document.getElementById("Box_" + isbnsTitle + "_cf-content").innerHTML + html;              
                            }
                        }
                    }
                }
            });
            bildbereich = document.getElementById("Box_" + isbnsTitle + "_cf-content").style.left = "-10px";
            return 0 ;
    }},

    blaettern : function (richtung, isbnsTitle, cover, scrollImageNumber, box) {
        if(isbnsTitle === undefined){
        return;
    }
    bildbereich = document.getElementById("Box_" + isbnsTitle + "_cf-content");
        if(cover == "cover"){
        /* Size to scroll the images */
              if (box.queueGroesse > 2) {
                box.scrolling = 100 * scrollImageNumber;
            } else {
                box.scrolling = 79 * scrollImageNumber;
            }
        } else {
              box.scrolling = 150 * scrollImageNumber;
        }
        
        box.zeige = box.zeige + (richtung * scrollImageNumber);
        if (richtung > 0){
        new Effect.Move (bildbereich,{ x: ((box.scrolling)*-1), y: 0, mode: 'relative'});
        } else {
            new Effect.Move (bildbereich,{ x: box.scrolling, y: 0, mode: 'relative'});
        }
        if (parseInt(box.zeige) + parseInt(box.queueGroesse) >= parseInt(box.bild.length)) {
         document.getElementById("arrow-rechts" + isbnsTitle).style.display = "none";
        } else {
         document.getElementById("arrow-rechts" + isbnsTitle).style.display = "block";
        }
        if (parseInt(box.zeige) <= 0) {
         document.getElementById("arrow-links" + isbnsTitle).style.display = "none";
        } else {
         document.getElementById("arrow-links" + isbnsTitle).style.display = "block";
        }
    
    }
}

function BoxUtilFactory(){
    var newBoxUtil = Object.clone(BoxUtil);
    newBoxUtil.bild = new Array();
    return newBoxUtil;
}