window.project = window.project || {};

(function($)
{
    project.Tooltip = function()
    {
        this.container = $('#tooltip_container');
        this.tooltip_title = $('#tooltip_title');
        this.tooltip_text = $('#tooltip_text');
        //this.close_btn = $('#tooltip_close');

        this.tooltips = $('span.tooltip');
        this.last_tooltip = null;
        this.data = null;
        
        this.initTooltip();
        this.loadData();
        this.bindTooltips();
    };

    project.Tooltip.prototype.initTooltip = function()
    {
        var self = this;

        /*
        self.close_btn.bind('click', function(event) {
            self.closeTooltip(event);
        });
        */
    },

    project.Tooltip.prototype.bindTooltips = function()
    {
        var self = this;

        //self.tooltips.bind('click', function(event) {
        self.tooltips.bind('mouseover', function(event) {
            event.preventDefault();
            event.stopPropagation();

            self.setContent(this);
            self.last_tooltip = this;
        });

        self.tooltips.bind('mouseleave', function(event) {
            self.closeTooltip();
        })
    };

    project.Tooltip.prototype.setContent = function(tooltip)
    {
        var self = this;

        var tip_content = self.data[tooltip.id];

        self.tooltip_title[0].innerHTML = tip_content.title;
        self.tooltip_text[0].innerHTML  = tip_content.text;

        if($('#tooltip_image'))
        {
            $('#tooltip_image').remove();
        }

        var img = $('<img />');
        img.attr('id', 'tooltip_image');
        img.attr('src', tip_content.img);

        self.tooltip_text.append(img);

        self.showTooltip(tooltip);
    };

    project.Tooltip.prototype.showTooltip = function(tooltip)
    {
        var self = this;

        if(self.last_tooltip != tooltip) {
            self.container.show();
        }
        else
        {
            self.container.toggle();
        }
    };

    project.Tooltip.prototype.closeTooltip = function()
    {
        this.container.hide();
    };

    project.Tooltip.prototype.loadData = function()
    {
       this.data = {
            'tip-001': {
                'title': 'Wärmeschutz',
                'text': 'Energie ist teuer.<br/>Wählen Sie deshalb für Ihre neuen Fenster eine Verglasungsart mit maximaler Wärmeisolierung.<br/><br/>3 Wärmedämmverglasungen stehen zur Auswahl: <br>U<sub>g</sub> 1,0 W/m²K<br>U<sub>g</sub> 0,6 W/m²K<br>U<sub>g</sub> 0,5 W/m²K',
                'img': 'tooltip_pics/warm.jpg'
            },
            'tip-002': {
                'title': 'Schallschutz',
                'text': 'Lärm- und Schallschutz sind zu einem wichtigen Gesundheitsaspekt geworden. Die von uns eingesetzten Isoliergläser ermöglichen im Verbund mit dem Fensterrahmen ein Schalldämmmaß bis zu 45 dB.',
                'img': 'tooltip_pics/schall.jpg'
            },
            'tip-003': {
                'title': 'Sicherheit',
                'text': 'Wenn es um Sicherheit beim Fenster geht, ist Glas nicht gleich Glas. Wir bieten Ihnen für Ihre persönlichen Ansprüche unterschiedliche Sicherheitsverglasungen bis zur Widerstandsklasse A3 nach DIN 52290 an.',
                'img': 'tooltip_pics/sicher.jpg'
            },
            'tip-004': {
                'title': 'Insektenschutz',
                'text': 'Sie wollen ein für allemal Ruhe vor unliebsamen Plagegeistern haben? Dann statten wir auf Wunsch Ihre neuen Fenster mit integriertem Insektenschutz aus. Umweltfreundlicher und bequemer können Sie sich dauerhaft vor Insekten nicht schützen! Die Produkte passen an alle Fenster und Balkontüren.',
                'img': 'tooltip_pics/insekten.jpg'
            },
            'tip-005': {
                'title': 'GECCO – die intelligente Lüftungsklappe',
                'text': 'Das moderne Fenster soll der Entstehung von Schimmelpilz im Rauminneren durch eine ausreichende Grundlüftung vorbeugen. Die Lüftungsklappe GECCO schafft bei Mittel- und Anschlagdichtungssystemen die wesentliche Basis und sorgt für ausreichend Raumlüftung.',
                'img': 'tooltip_pics/gecco.gif'
            },
            'tip-006': {
                'title': 'autoPilot PA – Lüftung durch Abstand',
                'text': 'Bei der Spaltlüftung ist es möglich, den Fensterflügel durch einen speziellen Drehkipp-Beschlag (siehe obige Zeichnung) senkrecht vor dem Blendrahmen abzustellen. So kann der angestrebte Luftaustausch auf der ganzen Fensterfläche erfolgen. In dieser Lüftungsstellung entspricht das Fenster der Widerstandsklasse WK 1!',
                'img': 'tooltip_pics/autopilot.gif'
            },
            'tip-007': {
                'title': 'Rollladen-Aufsatzkasten',
                'text': '<b>Wahlweise mit oder ohne Putzträger mit integriertem Insektenschutz ausrüstbar.</b><br><br>Speziell für die Anforderungen im Neubau entwickelter Rollladenkasten aus Kunststoff. Der Neubaukasten wird zusammen mit den Fenster- bzw. Türelementen montiert. Er ist sowohl innen als auch außen überputzbar, bietet Ihnen vielfältige Möglichkeiten bei Wärme- und Schallschutz und ist durch Gurt, Kurbel oder Motor zu bedienen.',
                'img': 'tooltip_pics/aufsatz.gif'
            },
            'tip-008': {
                'title': 'Rollladen-Vorbaukasten',
                'text': '<b>Mit integriertem Insektenschutz ausrüstbar.</b><br><br>Der Kasten ist für alle Einbausituationen bestens vorbereitet. Ganz gleich, ob bei einschaligem, mehrschaligem oder außengedämmtem Mauerwerk. Die Montage des Kastens kann entweder direkt am Fenster oder als separates Bauteil auf der Fassade erfolgen.',
                'img': 'tooltip_pics/vorbau.gif'
            },
            'tip-009': {
                'title': 'Jalousie im Glas',
                'text': '<b>Wahlweise mit 24-V-Gleichstrommotor, oder per Schnurzug.</b><br><br>Die Jalousie im Scheibenzwischen raum ermöglicht hohe bauphysikalische und steuerungstechnische Anforderungen ebenso wie individuelles Design. Aluminiumlamellen von mindestens 15 mm Breite, passgenau eingestellt, steuern den Lichteinfall und gewährleisten Sichtverbindung nach außen.',
                'img': 'tooltip_pics/jalousie.gif'
            },
            'tip-010': {
                'title': 'Glasleisten-Rollo',
                'text': 'Das neue WAREMA Glasleisten-Rollo wird mittels Einkomponentenband direkt auf der Glasscheibe befestigt. Eine notwendige Demontage des Rollos ist einfach und jederzeit möglich, denn das Einkomponentenband kann rückstandslos von der Glasfläche entfernt werden. Daher ist das Rollo gerade im Mietwohnungsbereich perfekt einzusetzen. Die Montage mittels Clip kann ebenfalls realisiert werden. Aufgrund seiner Beschaffenheit ist dieses Rollo für eine Vielzahl an unterschiedlichen Glasleisten einsetzbar.',
                'img': 'tooltip_pics/rollo.gif'
            },
            'tip-011': {
                'title': 'Einbruchhemmung 1 (Comfort)',
                'text': 'Die Winkhaus Basissicherheit mit zweifacher Pilzkopfverriegelung und Stahlschließblechen am Rahmen ist für Dachfenster und Giebelfenster vorgesehen.',
                'img': 'tooltip_pics/comfort.gif'
            },
            'tip-012': {
                'title': 'Einbruchhemmung 2 (WK 1)',
                'text': 'Für Erdgeschossfenster und für Balkonfenstertüren im Obergeschoss, die von außen einsehbar sind, werden Fenster gemäß Widerstandsklasse WK 1 empfohlen.',
                'img': 'tooltip_pics/wk1.gif'
            },
            'tip-013': {
                'title': 'Einbruchhemmung 3 (WK 2)',
                'text': 'Für Erdgeschossfenster und Fenster im Keller die von außen nicht einsehbar sind, empfehlen wir den Einsatz von Fensterelementen gemäß Widerstandsklasse WK2. Die gewünschte Widerstandsklasse der Fenster WK2 unterscheidet sich unter anderem in der Ausführung des DIN-geprüften Sicherheitsglases und der Anzahl der Verschlusspunkte.',
                'img': 'tooltip_pics/wk2.gif'
            },

            'tip-014': {
                'title': 'Profilkombination 5K-3D',
                'text': '<div class="textColOne"><ul><li>erhöhter Einbruchschutz durch Mitteldichtungsdom</li><li>gute Wärmedämmeigenschaftendurch <br>5-Kammer-Bauweise</li><li>Mitteldichtung, Flächenversetzt</li><li>Bautiefe 74 mm</li></ul></div>' +
                        '<div class="textColTwo"><ul><li>Ansichtsbreite 113 mm</li><li>Dichtung grau, bei farbigen Fenstern schwarz</li><li>Stahlverstärkung 2 mm Wandstärke</li><li>U<sub>f</sub>=1.4 W/m²K</li></ul><p>&nbsp;</p></div>',
                'img': 'tooltip_pics/5k_3d.jpg'
            },
            'tip-015': {
                'title': 'Profilkombination 5K-3D Design',
                'text': '<div class="textColOne"><ul><li><strong>Designalternative mit halbflächenversetzter Optik</strong></li></ul><ul><li>erhöhter Einbruchschutz durch Mitteldichtungsdom</li><li>gute Wärmedämmeigenschaftendurch <br>5-Kammer-Bauweise</li><li>Mitteldichtung, Flächenversetzt</li><li>Bautiefe 74 mm</li></ul></div>' +
                        '<div class="textColTwo"><ul><li>Ansichtsbreite 113 mm</li><li>Dichtung grau, bei farbigen Fenstern schwarz</li><li>Stahlverstärkung 2 mm Wandstärke</li><li>U<sub>f</sub>=1.4 W/m²K</li></ul><p>&nbsp;</p></div>',
                'img': 'tooltip_pics/5k_3d_design.jpg'
            },
            'tip-016': {
                'title': 'Profilkombination 6K-2D',
                'text': '<div class="textColOne"><ul><li>hervorragende Wärmedämmung durch <br>6-Kammer-Bauweise </li><li>Anschlagdichtung, Flchenversetzt</li><li>Bautiefe 74 mm</li></ul></div>' +
                        '<div class="textColTwo"><ul><li>Ansichtsbreite 116 mm</li><li>Dichtung grau, bei farbigen Fenstern schwarz</li><li>Stahlverstärkung 2 mm Wandstärke</li><li>U<sub>f</sub>=1.3 W/m²K</li></ul><p>&nbsp;</p></div>',
                'img': 'tooltip_pics/6k_2d.jpg'
            },
            'tip-017': {
                'title': 'Profilkombination 6K-2D Design',
                'text': '<div class="textColOne"><ul><li><strong>Designalternative mit halbflächenversetzter Optik</strong></li></ul><ul><li>hervorragende Wärmedämmung durch <br>6-Kammer-Bauweise </li><li>Anschlagdichtung, Flchenversetzt</li><li>Bautiefe 74 mm</li></ul></div>' +
                        '<div class="textColTwo"><ul><li>Ansichtsbreite 116 mm</li><li>Dichtung grau, bei farbigen Fenstern schwarz</li><li>Stahlverstärkung 2 mm Wandstärke</li><li>U<sub>f</sub>=1.3 W/m²K</li></ul><p>&nbsp;</p></div>',
                'img': 'tooltip_pics/6k_2d_design.jpg'
            },
            'tip-018': {
                'title': 'Profilkombination 6K-2D Plus',
                'text': '<div class="textColOne"><ul><li>hervorragende Wärmedämmung durch <br>6-Kammer-Bauweise </li><li>Anschlagdichtung, Flächenversetzt</li><li>Bautiefe 83 mm Blendrahmen, 83 mm Flügel</li></ul></div>' +
                        '<div class="textColTwo"><ul><li>Ansichtsbreite 116 mm</li><li>Dichtung grau, bei farbigen Fenstern schwarz</li><li>Stahlverstärkung 2 mm Wandstärke</li><li>U<sub>f</sub>=1.1 W/m²K</li></ul><p>&nbsp;</p></div>',
                'img': 'tooltip_pics/6k_2d_plus.jpg'
            },
            'tip-019': {
                'title': 'Profilkombination 6K-3D Plus',
                'text': '<div class="textColOne"><ul><li>erhöhter Einbruchschutz durch Mitteldichtungsdom</li><li>hervorragende Wärmedämmung durch <br>6-Kammer-Bauweise </li><li>Mitteldichtung, Flächenversetzt</li><li>Bautiefe 83 mm Blendrahmen, 83 mm Flügel</li></ul></div>' +
                        '<div class="textColTwo"><ul><li>Ansichtsbreite 122 mm</li><li>Dichtung grau, bei farbigen Fenstern schwarz</li><li>Stahlverstärkung 2 mm Wandstärke</li><li>U<sub>f</sub>=1.0 W/m²K</li></ul><p>&nbsp;</p></div>',
                'img': 'tooltip_pics/6k_3d_plus.jpg'
            },

            'tip-020': {
                'title': 'Fenster mit Acrylcolor',
                'text': '<div class="textColOne">acrylcolor – die Verbindung von Kunststoffprofil und farbigem Acrylglas – steht für unübertroffene Farbechtheit. Bei Millionen von Autorückleuchten hat Acrylglas seine Widerstandskraft gegen aggressive Witterungseinflüsse bewiesen. Die Profile für unsere acrylcolor-Fenster werden in einem speziellen Herstellungsverfahren gefertigt. Ihre äußere farbige Acrylglas­schicht ist farbecht, kratzfest und verleiht den Fenstern eine glatte, reinigungsfreundliche und wartungsfreie Oberfläche – für ein ganzes Fensterleben. acrylcolor-Fenster sind außen farbig und innen weiß.</div>' +
                        '<div class="textColTwo"><img style="margin-top: 20px;" border="0" src="tooltip_pics/icons-acrylcolor.gif" /></div>',
                'img': 'tooltip_pics/acrylcolor-1.jpg'
            },
            'tip-021': {
                'title': 'Fenster mit Holzdekor',
                'text': '<div class="textColOne">Legen Sie bei Ihren neuen Fenstern Wert auf natürliches Aussehen und wollen trotzdem nicht auf die Vorteile moderner Fenstertechnik verzichten? Dann emp­fehlen wir Ihnen Kunststoff­fenster in Holzdekor-Optik. Unsere Holzdekor-Fenster überzeugen in optischer und funktionaler Hinsicht. Fenster mit Holzdekoroberfläche sind beidseitig foliiert oder raumseitig weiß erhältlich.</div>',
                'img': 'tooltip_pics/holzdekor.jpg'
            },
            'tip-022': {
                'title': 'Hohe Standards',
                'text': 'Schon die Standardausstattung beim Glas kann sich sehen lassen: optimale Wärmedämmeigenschaften mit einem U<sub>g</sub>-Wert von 1,1 W/m²K und thermisch getrenntem Randverbund ("Warme Kante"). ',
                'img': 'tooltip_pics/standardglas.jpg'
            },
            'tip-023': {
                'title': 'Rollladenaufsatzkasten mit Putzträger',
                'text': 'Der Rollladenkasten ist innen und außen überputzbar. Alternativ kann er direkt bündig hinter einem Sturz eingebaut werden. Das System bietet optimale Wärmedämmwerte und lässt sich an alle Mauerwerkstärken anpassen. Die Revision von innen/unten sowie die Ausstattung für erhöhten Schallschutz oder die Bedienung mit Handkurbel oder Motor sind möglich. Insektenschutzrollos lassen sich problemlos montieren. ',
                'img': 'tooltip_pics/putztraeger.jpg'
            }

       }
    };

})(jQuery);


$(document).ready(function(){
    var tooltip = new project.Tooltip();
});
