/* jQuery is now namespaced to avoid conflicts with other Javascript libraries such as Prototype http://drupal.org/node/756722 */
(function ($) {
  function rand(l,u){
    return Math.floor((Math.random() * (u-l+1))+l);
  }
 //domready
$(function () {
      boxWidth = 175;
      function menuOut() {
          var cwidth = $("#container").width(); 
          var boxAmount = (cwidth / boxWidth).toString();
          boxAmount = parseInt(boxAmount);
          var topMenuWidth = (boxAmount - 1) * boxWidth -10;
          $("#menu").stop().animate({width:topMenuWidth}, function () {
              $('#filters').stop().animate({});
          });
          $("#menu").contents().fadeIn();
      }
      function menuIn(debug) {
          $("#filters").stop().animate({display:'none',opacity:0}, function(){
              $("#menu").stop().animate({width:'165px'});
          });
      }
      menuOut();
      $window = $(window);

      $window.resize($.debounce( 100, true, function(e){
        mWidth = $("#menu").width();
        if (mWidth !== '165px'){
          var cwidth = $("#container").width(); 
          var boxAmount = (cwidth / boxWidth).toString();
          boxAmount = parseInt(boxAmount);
          var topMenuWidth = (boxAmount - 1) * boxWidth -10;
          $("#menu").stop().animate({width:topMenuWidth});
      }

      }));

    /* fadeIn items */
    var $myarr = $('.item'); 
    $myarr.hide();
    $.each($myarr, function(key, value){ 
    var i = rand(5,30);
       /* setTimeout($(value).show(), 10000);*/
       setTimeout(function() {
               $(value).fadeIn('slow');
       }, 200*i);
    });


    $myarr.mouseover(function(e){
     $(this).find('h2').css({
      'color':'#fff'})
    }); 
    $myarr.mouseout(function(e){
     $(this).find('h2').css({
      'color':'#ffed12'})
    }); 




}); 
            //http://ejohn.org/blog/learning-from-twitter/#postcomment
            /*
            $window.scroll($.debounce( 250, true, function(e){ 
                var scrollValue = $window.scrollTop();
                if ($window.scrollTop() === 0){
                    menuOut();
                }else{
                    //console.log(scrollValue);
                    var mWidth = $("#menu").width();
                    if (mWidth != '165px'){
                        menuIn('scroll' + scrollValue);
                    }
                }
            }));
            */
		
	/*
            $("#menu").mouseleave(function(e){  
                e.stopPropagation();
                if ($window.scrollTop() != 0){
                    menuIn('mouseleave');
                }
            });*/
 
function incCounter(max,selector, mycounter) {
  var currCount = parseInt(selector.html());
  selector.text(currCount+1);
  if (currCount+1 != max) {
    var mycounter = mycounter -10;
    setTimeout(function(){incCounter(max,selector,mycounter)},mycounter);
  }
}
$(window).load(function() {
	var max = $('.zeefdruk').length;
	var maxa = $('.webdesign').length;
	var maxb = $('.projecten').length;
	var maxc = max + maxa + maxb
	var counter_w = $('#counter-webdesign');
	var counter_z = $('#counter-zeefdruk');
    	var counter_p = $('#counter-projecten');
	var counter_a = $('#counter-alles');
	var mycountup = 190;
	incCounter(maxa,counter_w,mycountup);
    	incCounter(max,counter_z,mycountup);
	incCounter(maxb,counter_p,mycountup);
	incCounter(maxc,counter_a,mycountup);
 
 
//setTimeout(function(){incCounter(maxa,counter_z)},5000);
	//setTimeout(function(){incCounter(max,counter_w)},5000);
 
    $('#filters li a').mouseup(function(){
      $(this).css('text-shadow', 'none');
    }).mousedown(function(){
      $(this).css('text-shadow', '0px 0px 6px #fff');
    });
 
});

        $(function(){
 
            var $container = $('#content');
            
            // switches selected class on buttons
            $('#options').find('.option-set a').click(function(){
                var $this = $(this);
                // don't proceed if already selected
                if ( !$this.hasClass('selected') ) {
                    $this.parents('.option-set').find('.selected').removeClass('selected');
                    $this.addClass('selected');
                }
            });
            // change size of clicked element
            $container.find('.item').live('click', function(){
                var $this = $(this);
                if ($this.hasClass('large')){
                    $this.find('.overzicht,.item-title').show();
                    $this.find('.slideshow,.imagecontainer,.infobox').hide();
                    
                    
                }else{
                    var src = $this.find('.slideshow img:first').attr("src");
                    var imagecontainer = $this.find('.imagecontainer');
                    $(imagecontainer).css('background-image','url(' + src + ')');
                    $this.find('.overzicht,.item-title').hide();
                    $this.find('.slideshow,.imagecontainer,.infobox').show();
                }
                $this.toggleClass('large');
                $container.isotope('reLayout');
            });
 
            // filter
            $('#filters a, .blackblock a').click(function(){
                var selector = $(this).attr('data-filter');
                $container.isotope({ filter: selector });
                return false;
            });
            $container.isotope({
                itemSelector: '.item',
                layoutmode : 'masonry',
                getSortData : {
                    symbol : function( $elem ) {
                        return $elem.attr('rhizom-cats');
                    }
                }

            });
            $('.slideshow li img').hover(function(e){
              var container = $(this).parents('.item');
              var imagecontainer = $(container).find('.imagecontainer');
              var copy = this;
              var src = $(this).attr("src");
             
              $(imagecontainer).css('background-image','url(' + src + ')');
               
            });
                        

           /* 
            $('.slideshow li img').load(function(e){
             var container = $(this).parents('.item');
             var imagecontainer = $(container).find('.imagecontainer');
             var copy = this;
             var src = $(this).attr("src");

             $(imagecontainer).css('background-image','url(' + src + ')');

         });
*/

$(".infobox").mouseover(function(){  
            	$(this).stop().animate({height:'90px'},{queue:false, duration:400}); 
        	});   

$(".infobox").mouseleave(function(){  
            	$(this).animate({height:'16px'},{queue:false, duration:400, easing: 'easeOutBounce'}); 
        	}); 

          });
}(jQuery));
;
(function ($) {

$(document).ready(function() {

  // Accepts a string; returns the string with regex metacharacters escaped. The returned string
  // can safely be used at any point within a regex to match the provided literal string. Escaped
  // characters are [ ] { } ( ) * + ? - . , \ ^ $ # and whitespace. The character | is excluded
  // in this function as it's used to separate the domains names.
  RegExp.escapeDomains = function(text) {
    return (text) ? text.replace(/[-[\]{}()*+?.,\\^$#\s]/g, "\\$&") : '';
  }

  // Attach onclick event to document only and catch clicks on all elements.
  $(document.body).click(function(event) {
    // Catch the closest surrounding link of a clicked element.
    $(event.target).closest("a,area").each(function() {

      var ga = Drupal.settings.googleanalytics;
      // Expression to check for absolute internal links.
      var isInternal = new RegExp("^(https?):\/\/" + window.location.host, "i");
      // Expression to check for special links like gotwo.module /go/* links.
      var isInternalSpecial = new RegExp("(\/go\/.*)$", "i");
      // Expression to check for download links.
      var isDownload = new RegExp("\\.(" + ga.trackDownloadExtensions + ")$", "i");
      // Expression to check for the sites cross domains.
      var isCrossDomain = new RegExp("^(https?|ftp|news|nntp|telnet|irc|ssh|sftp|webcal):\/\/.*(" + RegExp.escapeDomains(ga.trackCrossDomains) + ")", "i");

      // Is the clicked URL internal?
      if (isInternal.test(this.href)) {
        // Is download tracking activated and the file extension configured for download tracking?
        if (ga.trackDownload && isDownload.test(this.href)) {
          // Download link clicked.
          var extension = isDownload.exec(this.href);
          _gaq.push(["_trackEvent", "Downloads", extension[1].toUpperCase(), this.href.replace(isInternal, '')]);
        }
        else if (isInternalSpecial.test(this.href)) {
          // Keep the internal URL for Google Analytics website overlay intact.
          _gaq.push(["_trackPageview", this.href.replace(isInternal, '')]);
        }
      }
      else {
        if (ga.trackMailto && $(this).is("a[href^=mailto:],area[href^=mailto:]")) {
          // Mailto link clicked.
          _gaq.push(["_trackEvent", "Mails", "Click", this.href.substring(7)]);
        }
        else if (ga.trackOutbound && this.href) {
          if (ga.trackDomainMode == 2 && isCrossDomain.test(this.href)) {
            // Top-level cross domain clicked. document.location is handled by _link internally.
            _gaq.push(["_link", this.href]);
          }
          else if (ga.trackOutboundAsPageview) {
            // Track all external links as page views after URL cleanup.
            // Currently required, if click should be tracked as goal.
            _gaq.push(["_trackPageview", '/outbound/' + this.href.replace(/^(https?|ftp|news|nntp|telnet|irc|ssh|sftp|webcal):\/\//i, '').split('/').join('--')]);
          }
          else {
            // External link clicked.
            _gaq.push(["_trackEvent", "Outbound links", "Click", this.href]);
          }
        }
      }
    });
  });
});

})(jQuery);
;