function initAccordion(num) {
    num = (typeof num == 'number' ? num : 0);
    var acc = new Accordion(
        $$('.toggler'),
        $$('.element'),
        {
            show: num,
            opacity: false,
            onActive: function(toggler, element) {
                toggler.getElement('span').addClass('act').setStyles({'font-size':'20px', 'line-height':'18px'});
                toggler.setStyles({'cursor':'default', 'padding':'10px'});
            },
            onBackground: function(toggler, element) {
                toggler.getElement('span').removeClass('act').setStyles({'font-size':'12px', 'line-height':'12px'});
                toggler.setStyles({'cursor':'pointer', 'padding':'5px 10px'});
            },
            duration: 320,
            transition: Fx.Transitions.Cubic.easeOut
        }
    );
}

function headerFade(i, folder, ext) {
    t = $('layer');
    b = $('top');
    var images = [];
    i.each(function(j) {
        images.push(folder + j + '.' + ext);
    });
    var fadeHeader = function() { t.fade('toggle'); }
    var num = 1;

    t.set(
        'tween', 
        { 
            duration: 3200,
            transition: Fx.Transitions.Quint.easeInOut,
            onComplete: function() {
                opac = t.getStyle('opacity').toInt();
                num = ( num < (images.length - 1) ? (num + 1) : 0 );
                if (opac > 0)
                {
                    sw = b;
                }
                else
                {
                    sw = t;
                }
                sw.getFirst('img').setProperty('src', images[num]);
                var preloadImg = new Asset.images([images[num]], { 
                    onComplete: function() { 
                        fadeHeader.delay(5800); 
                    } 
                });
            }
        }
    );
    fadeHeader.delay(3000);
    //fadeHeader.periodical(6400);
}

function generateTips(as, cn, opac) {
    if (typeof opac == 'undefined') {
        opac = 0.9;
    }
   
    var tipz = new Tips(
        as, 
        {
            className: cn,
            fixed: false,
            onShow: function(tip) {
                tip.fade(opac); 
            },
            onHide: function(tip) { 
                tip.fade(0); 
            }
        }
    );
}

function showMap() {
    var con = document.getElementById('map');
    if (GBrowserIsCompatible()) {
        var map = new GMap2(con);
        var pnt = new GLatLng(48.6884584987821, 9.16642114520073);
        var pnt2 = new GLatLng(48.6884584987821, 9.16642114520073);
        var mrk = new GMarker(pnt);

        function openInfoBox() {
            mrk.openInfoWindow(
                '<div class="map_inner_w"><h3>QVOVADIS friseure</h3>Hauptstra&szlig;e 73/2<br />70771 Leinfelden-Echterdingen<br /><br /><a href="http://maps.google.de/maps?f=q&source=s_q&hl=de&geocode=&q=Qvovadis+friseure,+Leinfelden-Echterdingen,+Hauptstra%C3%9Fe+73&sll=48.68852,9.166822&sspn=0.000522,0.00134&ie=UTF8&ll=48.685068,9.166889&spn=0.004179,0.010718&t=h&z=17&iwloc=A" target="_blank">mehr Informationen »</a></div>'
            );
        }

        map.setCenter(pnt2, 15, G_HYBRID_MAP);
        map.addOverlay(mrk);
        GEvent.addListener(mrk, 'click', function() {
            openInfoBox();
        });
        openInfoBox();
    }
}

window.addEvent('domready', function() {
    var as = [];

    $$('a').each(function(a){
        if (a.hasClass('tooltip') && a.getAttribute('title')) {
            as.push(a);
        }
        if (a.hasClass('external')) {
            a.setProperty('target', '_blank');
        }
    });
    
    if (as.length > 0) {
        generateTips(as, 'tooltips');
    }
});