// Easy Slider:
    $(document).ready(function(){ 
      $("#slider").easySlider({
        auto: true, 
        continuous: true,
        controlsShow: false,
        pause: 5000,
        speed:    2000
      });
    });
    
// Colorbox inline editing:
    $(document).ready(function(){
      //assign the ColorBox event to elements
      // overlayClose false, onClosed function for Reload, close: "close link text"
      $("a.modalbox_1").colorbox({
        overlayClose:false, 
        opacity:0.5, 
        width:"90%", 
        height:"90%", 
        iframe:true, 
        close:"Schliesen und reloaden", 
        onClosed:function(){location.reload();}
      });
      
    });


// Colorbox login/logout:
    $(document).ready(function(){
      //assign the ColorBox event to elements
      // overlayClose false, onClosed function for Reload, close: "close link text"
      $(".login").colorbox({overlayClose:false, opacity:0.5, width:"300px", height:"300px", close:"Schliesen und reloaden", onClosed:function(){location.reload();}});
      
    });

// Galleriffic:
// We only want the thunbnails to display when javascript is disabled
      document.write('<style>.noscript { display: none; }</style>');
    
      jQuery(document).ready(function($) {
        // We only want these styles applied when javascript is enabled
        $('div.navigation').css({'width' : '220px', 'float' : 'left'});
        $('div.content').css('display', 'block');

        // Initially set opacity on thumbs and add
        // additional styling for hover effect on thumbs
        var onMouseOutOpacity = 0.60;
        $('#thumbs ul.thumbs li').opacityrollover({
          mouseOutOpacity:   onMouseOutOpacity,
          mouseOverOpacity:  1.0,
          fadeSpeed:         'fast',
          exemptionSelector: '.selected'
        });
        
        // Initialize Advanced Galleriffic Gallery
        var gallery = $('#thumbs').galleriffic({
          delay:                     2500,
          numThumbs:                 9,
          preloadAhead:              9,
          enableTopPager:            false,
          enableBottomPager:         false,
          maxPagesToShow:            7,
          imageContainerSel:         '#slideshow',
          controlsContainerSel:      '#controls',
          captionContainerSel:       '#caption',
          loadingContainerSel:       '#loading',
          renderSSControls:          false,
          renderNavControls:         false,
          autoStart:                 false,
          syncTransitions:           true,
          defaultTransitionDuration: 3000,
          onSlideChange:             function(prevIndex, nextIndex) {
            // 'this' refers to the gallery, which is an extension of $('#thumbs')
            this.find('ul.thumbs').children()
              .eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
              .eq(nextIndex).fadeTo('fast', 1.0);
          },
          onPageTransitionOut:       function(callback) {
            this.fadeTo('fast', 0.0, callback);
          },
          onPageTransitionIn:        function() {
            this.fadeTo('fast', 1.0);
          }
        });
      });