// jquery cycle gallery
// Startseite

$(function() {
    // build and start gallery1
    $('#gallery1').cycle({
        prev:   '#galnavi_prev',
        next:   '#galnavi_next',
        timeout: 6000,   // milliseconds between slide transitions (0 to disable auto advance)
        speed:   2000,  // speed of the transition (any valid fx speed value)
        pause:   true,  // true to enable "pause on hover"
        delay:   0     // additional delay (in ms) for first transition (hint: can be negative)
    });

      // build and pause gallery2
    $('#gallery2').cycle({
        fx:     'scrollHorz',
        prev:   '#galnavi_prev',
        next:   '#galnavi_next',
        timeout: 6000,   // milliseconds between slide transitions (0 to disable auto advance)
        speed:   1000,  // speed of the transition (any valid fx speed value)
        pause:   true,  // true to enable "pause on hover"
        delay:   0    // additional delay (in ms) for first transition (hint: can be negative)
    });
    $('#gallery2').cycle('pause');

    // build and pause gallery3
    $('#gallery3').cycle({
        fx:     'scrollHorz',
        prev:   '#galnavi_prev',
        next:   '#galnavi_next',
        timeout: 6000,   // milliseconds between slide transitions (0 to disable auto advance)
        speed:   1000,  // speed of the transition (any valid fx speed value)
        pause:   true,  // true to enable "pause on hover"
        delay:   0    // additional delay (in ms) for first transition (hint: can be negative)
    });
    $('#gallery3').cycle('pause');
});


function GalleryOne() {
    // gallery1 on
    document.getElementById('galbutton1').className = "on";
    document.getElementById('gallery1').style.display = "block";
    $('#gallery1').cycle('resume');

    // gallery2 off
    document.getElementById('galbutton2').className = "off";
    document.getElementById('gallery2').style.display = "none";
    $('#gallery2').cycle('pause');

    // gallery3 off
    document.getElementById('galbutton3').className = "off";
    document.getElementById('gallery3').style.display = "none";
    $('#gallery3').cycle('pause');

}

function GalleryTwo() {
    // gallery1 off
    document.getElementById('galbutton1').className = "off";
    document.getElementById('gallery1').style.display = "none";
    $('#gallery1').cycle('pause');

    // gallery2 on
    document.getElementById('galbutton2').className = "on";
    document.getElementById('gallery2').style.display = "block";
    $('#gallery2').cycle('resume');

    // gallery3 off
    document.getElementById('galbutton3').className = "off";
    document.getElementById('gallery3').style.display = "none";
    $('#gallery3').cycle('pause');
}

function GalleryThree() {
    // gallery1 off
    document.getElementById('galbutton1').className = "off";
    document.getElementById('gallery1').style.display = "none";
    $('#gallery1').cycle('pause');

    // gallery2 off
    document.getElementById('galbutton2').className = "off";
    document.getElementById('gallery2').style.display = "none";
    $('#gallery2').cycle('pause');

    // gallery3 on
    document.getElementById('galbutton3').className = "on";
    document.getElementById('gallery3').style.display = "block";
    $('#gallery3').cycle('resume');
}