$(document).ready(function(){

$('#no-script').addClass('jshide');
// content distance to top change on resize of viewport height.
function cdistance() {  
  var wheight = $(window).height();
  var cmaskTop = $('#contentmask'); 
  if ((wheight) < '800'){  
    $(cmaskTop).css('top', '140px');
    } else {  
     $(cmaskTop).css('top', '240px');
      }
  if ((wheight) < '650'){  
    $(cmaskTop).css('top', '50px');
    } else {  
      }   
      }  
   
      cdistance ();//Triggers when document first loads       
      // run function on resize and every click event
      $(window).bind("resize", function(){cdistance();});  
     // $(document).bind("click", function(){cdistance();});
     
// contentmover outside viewport
  var cmover = $('#contentmove');
  var cwrapper = $('#contentwrapper');
  var cmask = $('#contentmask');
  var cwrapperheight = $('#contentwrapper').height();
  var height = 200 + cwrapperheight;
  var cssObj = {'width' : '100%'}
  var cbimg = $('.sidegallery>img');
  // give the needed heigth to the mask = height of contentwrapper
  $(cmask).css('height',height);
  
  $(cmover).each(function(index, element){
      $(this).toggle(function(){
      var cmaskwidth = $('#contentmask').width();
        
        $(cmask).css(cssObj);
        $(cmask).css('width',cmaskwidth);
        $(cmover).addClass('moved');
        $(cmover).addClass('moved2');
        $(cwrapper).animate({right:"-758px"},900, function() {
        //$(cwrapper).stop();

        });
        
    }, function() {
        $(cmover).removeClass('moved');
        $(cmover).removeClass('moved2');
        $(cwrapper).animate({right:"0px"},900, function() {
        //$(cwrapper).stop();
        $(cmask).css(cssObj);

        
        $(cbimg).one("click", function(){
      if( $(cmover).hasClass('moved'))  { 
      $(cbimg).unbind();
      } 
       else {
        $(cmover).click();
        $(cbimg).unbind();        
        }
        });
        });
        
        });

        
      });
//on resize reset widths
$(window).resize(function() { 
    $(cmask).css(cssObj);
});
    // Initial hideing of contetnt only if content is not already hidden.
      $(cbimg).one("click", function(){
      if( $(cmover).hasClass('moved2')) {
      } 
        else{
        $(cmover).click();
        $(cbimg).unbind();
        
        }
         });
      /*
      var $galleryimg =  $('.sidegallery img');
      var $gallerydiv =  $('.sidegallery');
      $galleryimg.each(function(index, elemnet) { 
      $(this).hover(function() {
      $(this).addClass('clicked');
      }, function() {
      $(this).removeClass('clicked');
      });
      });
      */
      var $galleryimg =  $('.sidegallery img');
      var $gallerydiv =  $('.sidegallery');
      $gallerydiv.each(function(index, elemnet) { 
      $(this).click(function() {
      $galleryimg.removeClass('clicked');
      $galleryimg.eq(index).addClass('clicked');
      });
      });
      

    //count sidegallery imgs and set width
 function sg_width() {
    var $sg_items = $('#changeback img');
    var $cb =  $('#changeback'); 
      if ($sg_items.length == 1){ $($cb).css('width', '170px'); } 
      else if ($sg_items.length == 2){ $($cb).css('width', '270px'); }      
      else if ($sg_items.length == 3){ $($cb).css('width', '390px'); }
      else if ($sg_items.length == 4){ $($cb).css('width', '515px'); }
      else if ($sg_items.length == 5){ $($cb).css('width', '640px'); }
      else if ($sg_items.length == 5){ $($cb).css('width', '760px'); }
        }
  sg_width (); // run on load


      });
// lazy load images for mohnblume
$(window).load(function() {
$('#loader').fadeOut(1000);
  $("img.srcnew").each(function() {
            var $this = $(this);
            $this.attr("src", $this.attr("srcnew")).removeClass("srcnew");});
            
            });