﻿//  Regelt die Logik der Menü-Reiter der Singlereisen
//  *************************************************
//  Änderungs-History
//
//  2010.01.06  JS  neu erstellt d.h. aus den Reiseseiten ausgelagert
//  2010.04.27	GCA setmain hinzugefügt


    function OpenRasulHamam()
    {			
	    popup = window.open("/singlereisen/singlereisen-deutschland/sylt/rasul-hamam-cleopatra.html","_blank","location=no,resizable=yes,status=no,toolbar=no,scrollbars=no,width=400,height=470");
    }
    
    var Nummer;
    var tabActive = 1; // Legt beim ersten Aufruf den aktiven Container fest
    
    
    /* Wird per onload() aufgerufen, blendet alle Container bis auf den ersten aus
    und weist den Überschriften die entsprechende Farbe zu (inaktiv = weiß, aktiv = orange) */
    function start()
    {
	     document.getElementById('div1').style.display = 'block';
         document.getElementById('ueberschrift1').style.color = '#dd8700';
         document.getElementById('div2').style.display = 'none';
         document.getElementById('ueberschrift2').style.color = '#6a6a6a';
         document.getElementById('div3').style.display = 'none';
         document.getElementById('ueberschrift3').style.color = '#6a6a6a';
         document.getElementById('div4').style.display = 'none';
         document.getElementById('ueberschrift4').style.color = '#6a6a6a';
         document.getElementById('div5').style.display = 'none';
         document.getElementById('ueberschrift5').style.color = '#6a6a6a';
         document.getElementById('div6').style.display = 'none';
         document.getElementById('ueberschrift6').style.color = '#6a6a6a';        
         document.getElementById('div7').style.display = 'none';
         // document.getElementById('ueberschrift7').style.color = '#FFFFFF';
    }
    
    function textAnzeigen(Nummer)
    {
        /* Je nachdem, welchen Reiter der User anklickt, wird der vorherige angezeigte Container 
        ausgeblendet und der neue, gewünschte eingeblendet.
        Sonderfälle: 
        -   Wird auf "Buchen" geklickt, wird nur der Container mit der jeweiligen Terminliste angezeigt, die 
            eingeschlossenen Leistungen bleiben ausgeblendet. 
        -   Wird auf "Termine und Preise" geklickt, werden zwei Container angezeigt (einmal 
            die eingeschlossenen Leistungen und die per Script generierte Liste mit den jeweiligen aktuellen 
            Reise-Terminen)*/
            
        /* Erster Sonderfall: 'Buchen' wird angeklickt */
        if(Nummer == 7)
            {
                document.getElementById('div' + tabActive).style.display = 'none';
                document.getElementById('div5').style.display = 'none';
                document.getElementById('div7').style.display = 'block';
                document.getElementById('ueberschrift' + tabActive).style.color = '#6a6a6a';
                document.getElementById('ueberschrift' + Nummer).style.color = '#dd8700';
                document.getElementById('div7').style.borderTopWidth = '1px';
                Nummer = 5;                      
            }
        else
            {
                /* Zweiter Sonderfall: 'Termine & Preise' wird angeklickt */
                if(Nummer == 5)
                    {
                    document.getElementById('div7').style.display = 'block';
                    document.getElementById('div7').style.borderTopWidth = '0px';
                    document.getElementById('div5').style.borderBottomWidth = '0px';
                    }
                else
                    {
                    document.getElementById('div7').style.display = 'none';
                    }
                        
                document.getElementById('div' + tabActive).style.display = 'none';
                document.getElementById('ueberschrift' + tabActive).style.color = '#6a6a6a';
                document.getElementById('ueberschrift7').style.color = '#FFFFFF';
                document.getElementById('div' + Nummer).style.display = 'block';
                document.getElementById('ueberschrift' + Nummer).style.color = '#dd8700';                
            }

            tabActive = Nummer;

    }