//damit identifizieren wir unsere Seite, damit Sub-/Unterseiten nicht in einem fremden Frame geladen werden
SITE_NAME = "sandstrahlarbeiten.at";
BANNER_FILE = "img/bannerhome.jpg";

function load(file) {
     // Wir setzen einen Punkt in der History für den Zurück-Button
     Ext.History.add("page:"+file);

     var panel = viewport.findById("schwar-center-panel");
     panel.load({
       url:file,
       text: "Låden...",
       scripts: true
     });

};

Ext.BLANK_IMAGE_URL = "img/s.gif";
Ext.onReady(function(){

// Initialisieren der History (Verwaltung des Zurück-Buttons im Browser)
Ext.History.init();

var args = Ext.urlDecode(window.location.search.substr(1));

Ext.History.add("page:" + (args.page || "home.html"));

// automatisches Öffnen und Schließen der Menüs
var menuListeners = {
    mouseover: function(menu) { delete menu._mouseOut; },
    mouseout: function(menu) {
        menu._mouseOut = true;
        (function() {
            menu._mouseOut && menu.hide();
        }).defer(250);
    }
};
var buttonListeners = {
    mouseover: function(btn) { btn.showMenu(); },
    mouseout: function(btn) {
        btn.menu._mouseOut = true;
        (function(){
            btn.menu._mouseOut && btn.hideMenu();
        }).defer(250);
    }
};

viewport = new Ext.Viewport({
    layout: 'border',
    items: [{
        region: 'south',
        cls: "schwar-content",
        border: false,
        style: "padding: 1px",
        autoLoad: {
          url: 'copyright.html',
          text: "Låden..."
        },
        height: 30,
        margins: '5 0 0 0'
    }, 
	/*wenn Inserat nicht mehr online soll gesamte East-Region löschen (dann wird auch inserat.html und die Fotos inserat 1 bis -4 nicht mehr benötigt)*/
	/*
    {
        region: 'east',
	width: 220,
	autoScroll: true,
	buttonAlign: 'center',
	buttons: [{
	  text: 'Weitere Tipps',
	  handler: function(){
	    naechstesBild();
	  }
	}],
	autoLoad: {
          scripts: true,
          url: 'inserat.html',
          text: "Låden..."
        }
    },
	*/
        /*hier endet die east-Region*/


/*
    {
        region: 'east',
        width: 180,
        layout: 'fit',
        split: true,
        //Google
        bodyCfg: {
          tag: "iframe",
          src: "google.html",
          style: "border: 0"
        },
        collapsible: true,
        collapseMode: 'mini',
        header: false,
        autoScroll: false,
        border: false
    },
*/

    
 {
        region: 'center',
        id: 'schwar-center-panel',
        autoScroll: true,
        cls: 'schwar-content',
        border: false,
        autoLoad: args.page ?
            {url: args.page, scripts: true, text: "Låden..."} :
            {url: 'home.html', scripts: true, text: "Låden..."}
    }, {
        xtype: 'panel',
        region: 'north',
        layout: 'border',
        bbar: new Ext.Toolbar({
            items: [{
                text: "Home",
                listeners: {click: function(){ load('home.html'); }}

            }, "-", {
                text: "Leistungen & Produkte",
                menu: {
                    items: [new Ext.menu.Item({
                        text: "Sandstrahlen",
                        listeners: {click: function(){ load('sandstrahlen.html'); }}
                    }), new Ext.menu.Item({
                        text: "Grab- und Denkmalsanierung",
                        listeners: {click: function(){ load('grabsanierung.html'); }}
                    }), new Ext.menu.Item({
                        text: "Das besondere, persönliche Geschenk",
                        listeners: {click: function(){ load('geschenke.html'); }}

                    })],
                    listeners: menuListeners
                },

handler: function() { load("sandstrahlen.html"); },


                listeners: buttonListeners
            }, "-", {
                text: "Referenzen",
                menu: {
                    items: [new Ext.menu.Item({
                        text: "Beton, Stein, Ziegel",
                        listeners: {click: function(){ load('stein.html'); }}
                    }), new Ext.menu.Item({
                        text: "Kellersanierung",
                        listeners: {click: function(){ load('kellerbilder.html'); }}
                    }), new Ext.menu.Item({
                        text: "Holz",
                        listeners: {click: function(){ load('holz.html'); }}
                    }), new Ext.menu.Item({
                        text: "Metall",
                        listeners: {click: function(){ load('metall.html'); }}
                    }), new Ext.menu.Item({
                        text: "Gräber und Denkmäler",
                        listeners: {click: function(){ load('grabbilder.html'); }}
                    }), new Ext.menu.Item({
                        text: "Das besondere, persönliche Geschenk",
                        listeners: {click: function(){ load('geschenkebilder.html'); }}
                    }), new Ext.menu.Item({
                        text: "Feuchtstrahltechnik",
                        listeners: {click: function(){ load('feuchtstrahltechnikbilder.html'); }}
                    })],
                    listeners: menuListeners
                },

handler: function() { load("stein.html"); },

                listeners: buttonListeners
            }, "-", {
                text: "Über uns",
                menu: new Ext.menu.Menu({
                    items: [new Ext.menu.Item({
                        text: "Anfahrt",
                        listeners: {click: function(){ load('anfahrt.html'); }}
                    }), new Ext.menu.Item({
                        text: "Unser Leitbild",
                        listeners: {click: function(){ load('leitbild.html'); }}
                    }), new Ext.menu.Item({
                        text: "Unsere Mitarbeiter",
                        listeners: {click: function(){ load('mitarbeiter.html'); }}
                    }), new Ext.menu.Item({
                        text: "Unsere Geschichte",
                        listeners: {click: function(){ load('geschichte.html'); }}
                    }), new Ext.menu.Item({
                        text: "Unsere Preise",
                        listeners: {click: function(){ load('preise.html'); }}
                    }), new Ext.menu.Item({
                        text: "Unsere Partner",
                        listeners: {click: function(){ load('links.html'); }}
                    }), new Ext.menu.Item({
                        text: "Presse",
                        listeners: {click: function(){ load('presse.html'); }}
                    })],
                    listeners: menuListeners
                }),
handler: function() { load("anfahrt.html"); },

                listeners: buttonListeners
            }, 
                "-", {
                text: "Häufig gestellte Fragen",
                listeners: {click: function(){ load('faq.html'); }}
            }, 

                "-", {
                text: "Kontakt",
                listeners: {click: function(){ load('kontakt.html'); }}
            }, 

                "-", {
                text: "Impressum",
                listeners: {click: function(){ load('impressum.html'); }}
            }, 
                "-"]

        }),
        items: [{
          xtype: 'panel',
          region: 'west',
          cls: 'schwar-content',
          width: 134,
          border: false,
          autoLoad: {
            url: 'logofreigestellt.html',
            text: "Låden..."
          }
        }, {
          xtype: 'panel',
          id: 'schwar-banner-panel',
          region: 'center',
          cls: 'schwar-content',
          border: false,
          autoLoad: {
            url: 'banner.html',
            scripts: true,
            text: "Låden..."
          }
        }, {
          xtype: 'panel',
          region: 'east',
          width: 205,
          cls: 'schwar-content',
          border: false,
          autoLoad: {
            url: 'kontaktbanner.html',
            text: "Låden..."
          }
        }],
        split: false,
        height: 101
    }]
});

Ext.History.on("change", function(token) {
  // Wenn wir auf eine andere Seite wechseln, fügen wir einen Eintrag mit
  // page:irgendwas.html in die History. Hier überprüfen wir, ob wir es mit
  // einem solchen History-Eintrag zu tun haben, oder mit einem, der von einem
  // Anker kommt (fängt nicht mit page: an). Ein Anker darf nie "page" heißen,
  // sonst haben wir hier ein Problem.
  //Beim Drücken des Zurück-Buttons, springt man zur vorherigen Page; wenn es aber 
  //Anker gibt (z.B. faq.html), springt es zum vorherigen Anker.
  if(token) {
    var parts = token.split(":");
    if(parts[0] == "page") {
      load(parts[1]);
    } else {
      window.location = "#" + token;
    }
  }
});

});

//Wechsel zwischen sichtbar und unsichtbar bei den FAQs (in diesem Fall)
function toggle(id) {
  var el = Ext.get(id);
  var disp = el.getStyle("display");
  el.setStyle("display", (disp=="none") ? "block" : "none");
}

function init(page) {
  if(window.SITE_NAME != "sandstrahlarbeiten.at") {
      window.location.replace("index.php?page="+page);
  }
  else window.loadBanner("img/bannerhome.jpg");
}

function loadBanner(file) {
    // Es kann sein, dass das HTML mit dem Banner noch nicht geladen ist. Daher
    // prüfen wir, ob es schon ein Element mit id "banner gibt". Wenn ja, setzen
    // wir die Hintergrundgrafik neu. Wenn nein, kümmert sich banner.html
    // selbst darum, indem es das File in der Variable (window.)BANNER_FILE lädt
    var bannerEl = Ext.get("banner");
    if(bannerEl) {
      bannerEl.setOpacity(0);
      bannerEl.setStyle("backgroundImage", "url('"+file+"')");
      bannerEl.fadeIn({concurrent: true, duration: 3});
    }
    BANNER_FILE = file;
};