/*
Supersized - Fullscreen Slideshow jQuery Plugin
Version 3.0 - Core
By Sam Dunn (www.buildinternet.com // www.onemightyroar.com)
Version: supersized.3.0.js
Website: www.buildinternet.com/project/supersized
*/




/*

Modified for Histoires De Femmes
line: 69 ==> 108   AND line: 29 delete ... enkel die code gebruiken als er geen <img> in de html code staat maar wel in de javascript

*/

(function($){
		  
	//Resize image on ready or resize
	$.fn.supersized1 = function() {
		
		var options = $.extend($.fn.supersized1.defaults, $.fn.supersized1.options);
		$.currentSlide = 0;
		
		//Set current image
		//DEZE CODE MAAKT EEN <img> AAN in de supersize div.... maar dat is niet nodig er staat een <img> in de code van wvweb
		//$("<img/>").attr("src", options.slides[$.currentSlide].image).appendTo("#supersized1");
		
		$(window).bind("load", function(){
			
			$('#supersized1').resizenow1();
			
		});
				
		$(document).ready(function() {
			$('#supersized1').resizenow1(); 
		});
		
		
		$(window).bind("resize", function(){
    		$('#supersized1').resizenow1(); 
		});
		
		
	};
	
	//Adjust image size
	$.fn.resizenow1 = function() {
		var t = $(this);
		var options = $.extend($.fn.supersized1.defaults, $.fn.supersized1.options);
	  	return t.each(function() {
	  		
			//Define image ratio
			var ratio = options.startheight/options.startwidth;
			
			//Gather browser and current image size
			var imagewidth = t.width();
			var imageheight = t.height();
			var browserwidth = Math.round($(window).width());
			var browserheight = Math.round($(window).height());
			var offset;

			//Resize image to proper ratio
			// foto's zijn 1600x1200 ==> kleinste in verhouding (ratio=11/20) = 880x660
				if ((browserheight<660)&&(browserwidth<880)) {
					t.height(660);
					t.width(880);
					t.children().height(660);
					t.children().width(880);
					
				}
				else if ((browserheight/browserwidth) > ratio){
					t.height(browserheight);
					t.width(browserheight / ratio);
					t.children().height(browserheight);
					t.children().width(browserheight / ratio);
				} else {
					t.width(browserwidth);
					t.height(browserwidth * ratio);
					t.children().width(browserwidth);
					t.children().height(browserwidth * ratio);
				}
				
				if (options.vertical_center == 1){
					t.children().css('left', (browserwidth - t.width())/2);
					/*ORIGINELE CODE*//*ORIGINELE CODE*//*ORIGINELE CODE*/
					/*t.children().css('top', (browserheight - t.height())/2);*/
					
					/*EIGEN Histoires De Femmes AANPASSINGEN*/
					/*EIGEN Histoires De Femmes AANPASSINGEN*/
						//t.css('bottom', (browserheight - t.height()));
					//t.next().css('bottom', -(browserheight - t.height()));
					t.parent().css('height', browserheight);
				}
			return false;
		});
	};
	
	
	/////////////////////////////////
	//////////////// 2 //////////////
	////////////////////////////////
	//Resize image on ready or resize
	
	$.fn.supersized2 = function() {
		
		var options = $.extend($.fn.supersized2.defaults, $.fn.supersized2.options);
		$.currentSlide = 0;
		
		//Set current image
		//$("<img/>").attr("src", options.slides[$.currentSlide].image).appendTo("#supersized2");
		
		$(window).bind("load", function(){
			
			$('#loading').hide();
			$('#supersized2').fadeIn('fast');
						
			$('#supersized2').resizenow2();
			
		});
				
		$(document).ready(function() {
			$('#supersized2').resizenow2(); 
		});
		
		
		$(window).bind("resize", function(){
    		$('#supersized2').resizenow2(); 
		});
		
		$('#supersized2').hide();
	};
	
	//Adjust image size
	$.fn.resizenow2 = function() {
		var t = $(this);
		var options = $.extend($.fn.supersized2.defaults, $.fn.supersized2.options);
	  	return t.each(function() {
	  		
			//Define image ratio
			var ratio = options.startheight/options.startwidth;
			
			//Gather browser and current image size
			var imagewidth = t.width();
			var imageheight = t.height();
			var browserwidth = Math.round($(window).width());
			var browserheight = Math.round($(window).height());
			var offset;

			//Resize image to proper ratio
			
				if ((browserheight<660)&&(browserwidth<880)) {
					t.height(660);
					t.width(880);
					t.children().height(660);
					t.children().width(880);
					
				}
				else if ((browserheight/browserwidth) > ratio){
					t.height(browserheight);
					t.width(browserheight / ratio);
					t.children().height(browserheight);
					t.children().width(browserheight / ratio);
				} else {
					t.width(browserwidth);
					t.height(browserwidth * ratio);
					t.children().width(browserwidth);
					t.children().height(browserwidth * ratio);
				}
				
				if (options.vertical_center == 1){
					t.children().css('left', (browserwidth - t.width())/2);
					t.parent().css('height', browserheight);
					/*ORIGINELE CODE*//*ORIGINELE CODE*//*ORIGINELE CODE*/
					
					
					
					//t.children().css('top', (browserheight - t.height())/2);
					
					
					/*EIGEN Histoires De Femmes AANPASSINGEN*/
					/*EIGEN Histoires De Femmes AANPASSINGEN*/
						//t.css('bottom', (browserheight - t.height()));
					//t.next().css('bottom', -(browserheight - t.height()));
					//t.parent().css('height', browserheight);
				}
			return false;
		});
	};

/*

	/////////////////////////////////
	//////////////// 2B //////////////
	////////////////////////////////
	//Resize image on ready or resize
	
	$.fn.supersized2b = function() {
		
		var options = $.extend($.fn.supersized2b.defaults, $.fn.supersized2b.options);
		$.currentSlide = 0;
		
		//Set current image
		//$("<img/>").attr("src", options.slides[$.currentSlide].image).appendTo("#supersized2b");
		
		$(window).bind("load", function(){
			
			$('#loading').hide();
			$('#supersized2b').fadeIn('fast');
						
			$('#supersized2b').resizenow2b();
			
		});
				
		$(document).ready(function() {
			$('#supersized2b').resizenow2b(); 
		});
		
		
		$(window).bind("resize", function(){
    		$('#supersized2b').resizenow2b(); 
		});
		
		$('#supersized2b').hide();
	};
	
	//Adjust image size
	$.fn.resizenow2b = function() {
		var t = $(this);
		var options = $.extend($.fn.supersized2b.defaults, $.fn.supersized2b.options);
	  	return t.each(function() {
	  		
			//Define image ratio
			var ratio = options.startheight/options.startwidth;
			
			//Gather browser and current image size
			var imagewidth = t.width();
			var imageheight = t.height();
			var browserwidth = Math.round($(window).width());
			var browserheight = Math.round($(window).height());
			var offset;

			//Resize image to proper ratio
			
				if ((browserheight<660)&&(browserwidth<880)) {
					t.height(660);
					t.width(880);
					t.children().height(660);
					t.children().width(880);
					
				}
				else if ((browserheight/browserwidth) > ratio){
					t.height(browserheight);
					t.width(browserheight / ratio);
					t.children().height(browserheight);
					t.children().width(browserheight / ratio);
				} else {
					t.width(browserwidth);
					t.height(browserwidth * ratio);
					t.children().width(browserwidth);
					t.children().height(browserwidth * ratio);
				}
				
				if (options.vertical_center == 1){
					t.children().css('left', (browserwidth - t.width())/2);
					/*ORIGINELE CODE*//*ORIGINELE CODE*//*ORIGINELE CODE
					t.children().css('top', (browserheight - t.height())/2);
					
					
					/*EIGEN Histoires De Femmes AANPASSINGEN
					/*EIGEN Histoires De Femmes AANPASSINGEN
						//t.css('bottom', (browserheight - t.height()));
					//t.next().css('bottom', -(browserheight - t.height()));
					//t.parent().css('height', browserheight);
				}
			return false;
		});
	};


*/


	/////////////////////////////////
	//////////////// 3 //////////////
	////////////////////////////////
	//Resize image on ready or resize
	$.fn.supersized3 = function() {
		
		var options = $.extend($.fn.supersized3.defaults, $.fn.supersized3.options);
		$.currentSlide = 0;
		
		//Set current image
		//$("<img/>").attr("src", options.slides[$.currentSlide].image).appendTo("#supersized3");
		
		$(window).bind("load", function(){
			
			$('#loading').hide();
			$('#supersized3').fadeIn('fast');
						
			$('#supersized3').resizenow3();
			
		});
				
		$(document).ready(function() {
			$('#supersized3').resizenow3(); 
		});
		
		
		$(window).bind("resize", function(){
    		$('#supersized3').resizenow3(); 
		});
		
		$('#supersized3').hide();
	};
	
	//Adjust image size
	$.fn.resizenow3 = function() {
		var t = $(this);
		var options = $.extend($.fn.supersized3.defaults, $.fn.supersized3.options);
	  	return t.each(function() {
	  		
			//Define image ratio
			var ratio = options.startheight/options.startwidth;
			
			//Gather browser and current image size
			var imagewidth = t.width();
			var imageheight = t.height();
			var browserwidth = Math.round($(window).width());
			var browserheight = Math.round($(window).height());
			var offset;

			//Resize image to proper ratio
			
				if ((browserheight<660)&&(browserwidth<880)) {
					t.height(660);
					t.width(880);
					t.children().height(660);
					t.children().width(880);
					
				}
				else if ((browserheight/browserwidth) > ratio){
					t.height(browserheight);
					t.width(browserheight / ratio);
					t.children().height(browserheight);
					t.children().width(browserheight / ratio);
				} else {
					t.width(browserwidth);
					t.height(browserwidth * ratio);
					t.children().width(browserwidth);
					t.children().height(browserwidth * ratio);
				}
				
				if (options.vertical_center == 1){
					t.children().css('left', (browserwidth - t.width())/2);
					t.parent().css('height', browserheight);
				}
			return false;
		});
	};



	/////////////////////////////////
	//////////////// 4 //////////////
	////////////////////////////////
	//Resize image on ready or resize
	$.fn.supersized4 = function() {
		
		var options = $.extend($.fn.supersized4.defaults, $.fn.supersized4.options);
		$.currentSlide = 0;
		
		//Set current image
		//$("<img/>").attr("src", options.slides[$.currentSlide].image).appendTo("#supersized4");
		
		$(window).bind("load", function(){
			
			$('#loading').hide();
			$('#supersized4').fadeIn('fast');
						
			$('#supersized4').resizenow4();
			
		});
				
		$(document).ready(function() {
			$('#supersized4').resizenow4(); 
		});
		
		
		$(window).bind("resize", function(){
    		$('#supersized4').resizenow4(); 
		});
		
		$('#supersized4').hide();
	};
	
	//Adjust image size
	$.fn.resizenow4 = function() {
		var t = $(this);
		var options = $.extend($.fn.supersized4.defaults, $.fn.supersized4.options);
	  	return t.each(function() {
	  		
			//Define image ratio
			var ratio = options.startheight/options.startwidth;
			
			//Gather browser and current image size
			var imagewidth = t.width();
			var imageheight = t.height();
			var browserwidth = Math.round($(window).width());
			var browserheight = Math.round($(window).height());
			var offset;

			//Resize image to proper ratio
			
				if ((browserheight<660)&&(browserwidth<880)) {
					t.height(660);
					t.width(880);
					t.children().height(660);
					t.children().width(880);
					
				}
				else if ((browserheight/browserwidth) > ratio){
					t.height(browserheight);
					t.width(browserheight / ratio);
					t.children().height(browserheight);
					t.children().width(browserheight / ratio);
				} else {
					t.width(browserwidth);
					t.height(browserwidth * ratio);
					t.children().width(browserwidth);
					t.children().height(browserwidth * ratio);
				}
				
				if (options.vertical_center == 1){
					t.children().css('left', (browserwidth - t.width())/2);
					t.parent().css('height', browserheight);
				}
			return false;
		});
	};
	
	
	
	/////////////////////////////////
	//////////////// 5 //////////////
	////////////////////////////////
	//Resize image on ready or resize
	$.fn.supersized5 = function() {
		
		var options = $.extend($.fn.supersized5.defaults, $.fn.supersized5.options);
		$.currentSlide = 0;
		
		//Set current image
		//$("<img/>").attr("src", options.slides[$.currentSlide].image).appendTo("#supersized5");
		
		$(window).bind("load", function(){
			
			$('#loading').hide();
			$('#supersized5').fadeIn('fast');
						
			$('#supersized5').resizenow5();
			
		});
				
		$(document).ready(function() {
			$('#supersized5').resizenow5(); 
		});
		
		
		$(window).bind("resize", function(){
    		$('#supersized5').resizenow5(); 
		});
		
		$('#supersized5').hide();
	};
	
	//Adjust image size
	$.fn.resizenow5 = function() {
		var t = $(this);
		var options = $.extend($.fn.supersized5.defaults, $.fn.supersized5.options);
	  	return t.each(function() {
	  		
			//Define image ratio
			var ratio = options.startheight/options.startwidth;
			
			//Gather browser and current image size
			var imagewidth = t.width();
			var imageheight = t.height();
			var browserwidth = Math.round($(window).width());
			var browserheight = Math.round($(window).height());
			var offset;

			//Resize image to proper ratio
			
				if ((browserheight<660)&&(browserwidth<880)) {
					t.height(660);
					t.width(880);
					t.children().height(660);
					t.children().width(880);
					
				}
				else if ((browserheight/browserwidth) > ratio){
					t.height(browserheight);
					t.width(browserheight / ratio);
					t.children().height(browserheight);
					t.children().width(browserheight / ratio);
				} else {
					t.width(browserwidth);
					t.height(browserwidth * ratio);
					t.children().width(browserwidth);
					t.children().height(browserwidth * ratio);
				}
				
				if (options.vertical_center == 1){
					t.children().css('left', (browserwidth - t.width())/2);
					t.parent().css('height', browserheight);
				}
			return false;
		});
	};
	
	
	/////////////////////////////////
	//////////////// 6 //////////////
	////////////////////////////////
	//Resize image on ready or resize
	$.fn.supersized6 = function() {
		
		var options = $.extend($.fn.supersized6.defaults, $.fn.supersized6.options);
		$.currentSlide = 0;
		
		//Set current image
		//$("<img/>").attr("src", options.slides[$.currentSlide].image).appendTo("#supersized6");
		
		$(window).bind("load", function(){
			
			$('#loading').hide();
			$('#supersized6').fadeIn('fast');
						
			$('#supersized6').resizenow6();
			
		});
				
		$(document).ready(function() {
			$('#supersized6').resizenow6(); 
		});
		
		
		$(window).bind("resize", function(){
    		$('#supersized6').resizenow6(); 
		});
		
		$('#supersized6').hide();
	};
	
	//Adjust image size
	$.fn.resizenow6 = function() {
		var t = $(this);
		var options = $.extend($.fn.supersized6.defaults, $.fn.supersized6.options);
	  	return t.each(function() {
	  		
			//Define image ratio
			var ratio = options.startheight/options.startwidth;
			
			//Gather browser and current image size
			var imagewidth = t.width();
			var imageheight = t.height();
			var browserwidth = Math.round($(window).width());
			var browserheight = Math.round($(window).height());
			var offset;

			//Resize image to proper ratio
			
				if ((browserheight<660)&&(browserwidth<880)) {
					t.height(660);
					t.width(880);
					t.children().height(660);
					t.children().width(880);
					
				}
				else if ((browserheight/browserwidth) > ratio){
					t.height(browserheight);
					t.width(browserheight / ratio);
					t.children().height(browserheight);
					t.children().width(browserheight / ratio);
				} else {
					t.width(browserwidth);
					t.height(browserwidth * ratio);
					t.children().width(browserwidth);
					t.children().height(browserwidth * ratio);
				}
				
				if (options.vertical_center == 1){
					t.children().css('left', (browserwidth - t.width())/2);
					t.parent().css('height', browserheight);
				}
			return false;
		});
	};
	
	
	/////////////////////////////////
	//////////////// 7 //////////////
	////////////////////////////////
	//Resize image on ready or resize
	$.fn.supersized7 = function() {
		
		var options = $.extend($.fn.supersized7.defaults, $.fn.supersized7.options);
		$.currentSlide = 0;
		
		//Set current image
		//$("<img/>").attr("src", options.slides[$.currentSlide].image).appendTo("#supersized7");
		
		$(window).bind("load", function(){
			
			$('#loading').hide();
			$('#supersized7').fadeIn('fast');
						
			$('#supersized7').resizenow7();
			
		});
				
		$(document).ready(function() {
			$('#supersized7').resizenow7(); 
		});
		
		
		$(window).bind("resize", function(){
    		$('#supersized7').resizenow7(); 
		});
		
		$('#supersized7').hide();
	};
	
	//Adjust image size
	$.fn.resizenow7 = function() {
		var t = $(this);
		var options = $.extend($.fn.supersized7.defaults, $.fn.supersized7.options);
	  	return t.each(function() {
	  		
			//Define image ratio
			var ratio = options.startheight/options.startwidth;
			
			//Gather browser and current image size
			var imagewidth = t.width();
			var imageheight = t.height();
			var browserwidth = Math.round($(window).width());
			var browserheight = Math.round($(window).height());
			var offset;

			//Resize image to proper ratio
			
				if ((browserheight<660)&&(browserwidth<880)) {
					t.height(660);
					t.width(880);
					t.children().height(660);
					t.children().width(880);
					
				}
				else if ((browserheight/browserwidth) > ratio){
					t.height(browserheight);
					t.width(browserheight / ratio);
					t.children().height(browserheight);
					t.children().width(browserheight / ratio);
				} else {
					t.width(browserwidth);
					t.height(browserwidth * ratio);
					t.children().width(browserwidth);
					t.children().height(browserwidth * ratio);
				}
				
				if (options.vertical_center == 1){
					t.children().css('left', (browserwidth - t.width())/2);
					t.parent().css('height', browserheight);
				}
			return false;
		});
	};
	
	
	/////////////////////////////////
	//////////////// 8 //////////////
	////////////////////////////////
	//Resize image on ready or resize
	$.fn.supersized8 = function() {
		
		var options = $.extend($.fn.supersized8.defaults, $.fn.supersized8.options);
		$.currentSlide = 0;
		
		//Set current image
		//$("<img/>").attr("src", options.slides[$.currentSlide].image).appendTo("#supersized8");
		
		$(window).bind("load", function(){
			
			$('#loading').hide();
			$('#supersized8').fadeIn('fast');
						
			$('#supersized8').resizenow8();
			
		});
				
		$(document).ready(function() {
			$('#supersized8').resizenow8(); 
		});
		
		
		$(window).bind("resize", function(){
    		$('#supersized8').resizenow8(); 
		});
		
		$('#supersized8').hide();
	};
	
	//Adjust image size
	$.fn.resizenow8 = function() {
		var t = $(this);
		var options = $.extend($.fn.supersized8.defaults, $.fn.supersized8.options);
	  	return t.each(function() {
	  		
			//Define image ratio
			var ratio = options.startheight/options.startwidth;
			
			//Gather browser and current image size
			var imagewidth = t.width();
			var imageheight = t.height();
			var browserwidth = Math.round($(window).width());
			var browserheight = Math.round($(window).height());
			var offset;

			//Resize image to proper ratio
			
				if ((browserheight<660)&&(browserwidth<880)) {
					t.height(660);
					t.width(880);
					t.children().height(660);
					t.children().width(880);
					
				}
				else if ((browserheight/browserwidth) > ratio){
					t.height(browserheight);
					t.width(browserheight / ratio);
					t.children().height(browserheight);
					t.children().width(browserheight / ratio);
				} else {
					t.width(browserwidth);
					t.height(browserwidth * ratio);
					t.children().width(browserwidth);
					t.children().height(browserwidth * ratio);
				}
				
				if (options.vertical_center == 1){
					t.children().css('left', (browserwidth - t.width())/2);
					t.parent().css('height', browserheight);
				}
			return false;
		});
	};
	
	
		/////////////////////////////////
	//////////////// 9 //////////////
	////////////////////////////////
	//Resize image on ready or resize
	$.fn.supersized9 = function() {
		
		var options = $.extend($.fn.supersized9.defaults, $.fn.supersized9.options);
		$.currentSlide = 0;
		
		//Set current image
		//$("<img/>").attr("src", options.slides[$.currentSlide].image).appendTo("#supersized9");
		
		$(window).bind("load", function(){
			
			$('#loading').hide();
			$('#supersized9').fadeIn('fast');
						
			$('#supersized9').resizenow9();
			
		});
				
		$(document).ready(function() {
			$('#supersized9').resizenow9(); 
		});
		
		
		$(window).bind("resize", function(){
    		$('#supersized9').resizenow9(); 
		});
		
		$('#supersized9').hide();
	};
	
	//Adjust image size
	$.fn.resizenow9 = function() {
		var t = $(this);
		var options = $.extend($.fn.supersized9.defaults, $.fn.supersized9.options);
	  	return t.each(function() {
	  		
			//Define image ratio
			var ratio = options.startheight/options.startwidth;
			
			//Gather browser and current image size
			var imagewidth = t.width();
			var imageheight = t.height();
			var browserwidth = Math.round($(window).width());
			var browserheight = Math.round($(window).height());
			var offset;

			//Resize image to proper ratio
			
				if ((browserheight<660)&&(browserwidth<880)) {
					t.height(660);
					t.width(880);
					t.children().height(660);
					t.children().width(880);
					
				}
				else if ((browserheight/browserwidth) > ratio){
					t.height(browserheight);
					t.width(browserheight / ratio);
					t.children().height(browserheight);
					t.children().width(browserheight / ratio);
				} else {
					t.width(browserwidth);
					t.height(browserwidth * ratio);
					t.children().width(browserwidth);
					t.children().height(browserwidth * ratio);
				}
				
				if (options.vertical_center == 1){
					t.children().css('left', (browserwidth - t.width())/2);
					t.parent().css('height', browserheight);
				}
			return false;
		});
	};
	
})(jQuery);


