/*
 * Javascript functies KFKT website
 *
 * 05-sep-2011			Jan Reynders
 *
 * vezameling accordeon, fancybox en parent call
 */

;(function($) {

		$(document).ready(function() {
			/*
			*   Examples - images
			*/

			$("a#example1").fancybox();

			$("a#example2").fancybox({
				'overlayShow'	: false,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic'
			});

			$("a#example3").fancybox({
				'transitionIn'	: 'none',
				'transitionOut'	: 'none'	
			});

			$("a#example4").fancybox({
				'opacity'		: true,
				'overlayShow'	: false,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'none'
			});

			$("a#example5").fancybox();

			$("a#example6").fancybox({
				'titlePosition'		: 'outside',
				'overlayColor'		: '#000',
				'overlayOpacity'	: 0.9
			});

			$("a#example7").fancybox({
				'titlePosition'	: 'inside'
			});

			$("a#example8").fancybox({
				'titlePosition'	: 'over'
			});

			$("a[rel=example_group]").fancybox({
				'transitionIn'		: 'elastic',
				'transitionOut'		: 'elastic',
				'titlePosition' 	: 'over',
				'onComplete'		: function() {
								$("#fancybox-wrap").hover(function() {
								$("#fancybox-title").show();
								}, function() {
								$("#fancybox-title").hide();
								});
							  },
				'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
					return '<span id="fancybox-title-over">Foto ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp;&nbsp; ' + title : '') + '</span>';
				}
			});

			$("#various1").fancybox({
				'titlePosition'		: 'inside',
				'transitionIn'		: 'none',
				'transitionOut'		: 'none'
			});

			$("#various2").fancybox();

			$("#various3").fancybox({
				'width'				: '75%',
				'height'			: '75%',
				'autoScale'			: false,
				'transitionIn'		: 'elastic',
				'transitionOut'		: 'elastic',
				'type'				: 'iframe'
			});

			$("#various4").fancybox({
				'padding'			: 0,
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none'
			});

		});

		function readyFancy(){
			$("a#sample").trigger("click");
		}
		function callMe(site){ 
			$("#sample").fancybox({
				'margin'             : 10,
				'padding'            : 10,
				'width'				: '90%',
				'height'			: '90%',
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'				: 'iframe',
				'href'				: ''+site+'',
				'autoScale'			 : true,
				'onStart'			: function(){$("body").css({'overflow':'hidden'});},
				'onClosed'			: function(){$("body").css({"overflow":"visible"});}
			});
		readyFancy();
		}

})(jQuery);


