// google Analytics
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-577476-5']);
_gaq.push(['_trackPageview']);

(function() {
	var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

(function($){$.fn.jScroll=function(e){var f=$.extend({},$.fn.jScroll.defaults,e);return this.each(function(){var a=$(this);var b=$(window);var c=new location(a);b.scroll(function(){a.stop().animate(c.getMargin(b),f.speed)})});function location(d){this.min=d.offset().top;this.originalMargin=parseInt(d.css("margin-top"),10)||0;this.getMargin=function(a){var b=d.parent().parent().height()-d.outerHeight();var c=this.originalMargin;if(a.scrollTop()>=this.min)c=c+f.top+a.scrollTop()-this.min;if(c>b)c=b;return({"marginTop":c+'px'})}}};$.fn.jScroll.defaults={speed:"slow",top:10}})(jQuery);

// gebruik $j als jquery variabele zodat deze niet conflicteerd met de scripts uit de smartsite formulieren generator
var $j = jQuery.noConflict();  


function openlightbox(link,filmstrip){
   var bodyh = $j('html').height();
   if (!$j('body>#lb_back').length){
      $j('body').append('<div id="lb_back"><img src="/designfiles/images/lightbox.png" alt="" /></div><div id="lb_box"><div id="lb_img"></div></div>');
      $j('body>#lb_back').fadeTo('fast','1').add('body>#lb_box #lb_close').click(function(){
         closelightbox();
      });
   } 
   var tb = $j('#lb_back').offset();
   if($j('#lb_back').height() < bodyh){$j('#lb_back').height(bodyh)}
   var lb = $j('body>#lb_box');
   var leftlink,rightlink,i = '';
   $j('.lb_nav, #lb_imagecount,#lb_close',lb).remove();
   $j('#lb_img',lb).empty();
   var myImage = new Image();
   myImage.onload = getWidthAndHeight;
   myImage.src = $j('img',link).attr('title');
   var url = $j(link).attr('href');
   function getWidthAndHeight() {
      this.onload = null;
      imagew = this.width;
      imageh = this.height;
      var boxh = imageh + 52 + 10 + 40 + 40;
      var boxw = imagew + 42;
      lb.animate({height:boxh,width:boxw, marginLeft:-boxw/2, top:(tb.top+20),marginTop:'20px'}, function(){
         $j('#lb_img',lb).css('opacity','0.1').load(url,function(){
			lb.append('<a href="#" id="lb_close">x</a>');
			$j(this).css({opacity:'1'},function(){
               var hc = $j('.container',lb).height()+40;
               if(hc>boxh){lb.animate({height:hc});}
            });
         })
         if($j('a',filmstrip).length>1){
            var p = link.parent()
            i =$j(p,filmstrip).index();
            lb.append('<div id="lb_imagecount">'+(i+1)+'/'+$j('.thumb',filmstrip).length+'</div>');
            if(i-1>=0){
               leftlink = $j('.thumb:eq('+(i-1)+') a img',filmstrip).attr('title');
               if(leftlink){
                  lb.append('<a href="'+leftlink+'" id="lb_prev" class="lb_nav"></a>');
                  $j('#lb_prev',lb).height(imageh).click(function(){
                     $j('.thumb:eq('+(i-1)+') a',filmstrip).trigger('click');
                     return false;
                  });
               }
            }
            rightlink = $j('.thumb:eq('+(i+1)+') a img',filmstrip).attr('title');
            if(rightlink){
               lb.append('<a href="'+rightlink+'" id="lb_next" class="lb_nav"></a>');
               $j('#lb_next',lb).height(imageh).click(function(){
                  $j('.thumb:eq('+(i+1)+') a',filmstrip).trigger('click');
                  return false;
               });
            }
         }
      });
      
   }
}


function closelightbox(){
   $j('body>#lb_back').fadeTo('fast','0', function(){
      $j(this).remove();
   })
   $j('body>#lb_box').remove();
}


$j(document).ready(function(){
			
	$j('body.home h1').html('Illustraties <span>voor elke gelegenheid</span>')
	
	// google +1
	$j('#footer .sharepage p').append('<g:plusone size="medium" count="false"></g:plusone>');
	// <!-- Place this tag after the last plusone tag -->
	window.___gcfg = {lang: 'nl'};
	
	  (function() {
		var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
		po.src = 'https://apis.google.com/js/plusone.js';
		var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
	  })();

   // lightbox
   $j('.gallery .thumb').not('.isdir').find('a:first').click(function(){
      openlightbox($j(this), $j(this).parents('.gallery'));
      return false;
   })
   
   // close lightbox
   $j('#lb_close').live('click',function(){
      closelightbox();
	  return false;
   })
	
	// facebook
	$j('#site .followme #facebook').append('<iframe id="facebooklink" src="http://www.facebook.com/plugins/like.php?app_id=238323289520640&amp;href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FRyk-Productions%2F134411696624584&amp;send=false&amp;layout=button_count&amp;width=80&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" vspace="0" tabindex="-1"></iframe>')
	
	// followme
	$j('#site .followme').delay('2000').animate({top:'-50px'},'slow').hover(function(){
	   $j(this).animate({top:'0'});
	},function(){
	   $j(this).animate({top:'-50px'});
	}).click(function(){
	   if(parseInt($j(this).css('top'))<0){
	      $j(this).animate({top:'0'});
	   } else {
	      $j(this).animate({top:'-50px'});
	   }
	});
	
	// shareballoon face
	$j('#face').click(function(){
	   if($j('#speech:visible',this).length<1){
	      $j('#speech, .facehover',this).show();
	   } else {
	      $j('#speech, .facehover',this).hide();
	   }
	});

	// dropdown hoofdmenu
	$j("#primary-nav>li.parent,#primary-nav>li.menuparent").hover(function(){
		$j(this).addClass('hover')
		$j('ul:first',this).slideDown('fast');
	},function(){
		$j(this).removeClass('hover')
		$j('ul:first',this).stop().hide().attr('style','');
	})

    
  // reactieform newsacrticle
	$j('#reactform').hide();
	$j('#openreactform').addClass('openlink closed').toggle(function(){
		$j('#reactform').slideDown();
		$j(this).removeClass('closed');
	},function(){
		$j('#reactform').stop().slideUp();
		$j(this).addClass('closed');
	});
	
	
	// FAQ				
	$j('#faq div').hide().prev('h3').addClass('titlelink').toggle(function(){
	   $j(this).addClass('open').next('div').slideDown();
	},function(){
	   $j(this).removeClass('open').next('div').slideUp();
	});
	
   // galleries list
   $j("#galleries").jScroll({speed : "fast", top : 50});
   $j('#galleries ul li a').hover(function(){
      $j(this).next('.galthumb').show()
      $j(this).parent().siblings().find('.galthumb').hide();
   },function(){
      $j(this).next('.galthumb').hide();
   })
   
   
});