/* JavaScript Document
*
*Set all paramaters for preloading images and slide show
*
*/

//(function($){

	
	
	

	$(document).ready(function () {
		//Preload the backgroundimages for each set
		/*
		* 1. Set the image directory: the imgDir paramater
		* 2. Set the total number of images to be preloaded in this set: the imgTotal paramater
		* 3. Set the format of ALL images: the imgFormat paramater
		* 4. List the filenames of the images WITHOUT the file extension: last paramater
		*/
		
		//1. Head set
		//
		$("#complexImageContainer").jLoader({ 
			simpleFileNames: false, 
			imgContainer:"complexImageContainer",
			imgDir: "/SiteCollectionImages/FunctionsCatering/Landing/headImages/",
			imgTotal: 3,
			imgFormat: ".jpg"
			}, ["head1", "head2", "head3"]);
			
		//2. Heart set
		//
		$("#complexImageContainer").jLoader({ 
			simpleFileNames: false, 
			imgContainer:"complexImageContainer",
			imgDir: "/SiteCollectionImages/FunctionsCatering/Landing/heartImages/",
			imgTotal: 3,
			imgFormat: ".jpg"
			}, ["heart1", "heart2", "heart3"]);
			
		//3. Wedding set
		//
		$("#complexImageContainer").jLoader({ 
			simpleFileNames: false, 
			imgContainer:"complexImageContainer",
			imgDir: "/SiteCollectionImages/FunctionsCatering/Landing/weddingImages/",
			imgTotal: 2,
			imgFormat: ".jpg"
			}, ["wedding1", "wedding2"]);
			
		
	
		//
		//Set initial indent classes for fadein
		//
		$('#scaleLeft').addClass('slideinHead');
		$('#scaleRight').addClass('slideinHeart');
		$('#headText').addClass('fadein');
		$('#heartText').addClass('fadein');
		
		
		// Specify the size of image
		var FullscreenrOptions = {width: 650, height: 550};
		// activate
		jQuery.fn.fullscreenr(FullscreenrOptions);
		
		//
		
	});


	/*
	*
	*Set the cross fade in motion after all images have loaded
	*Set options for the slideshow here
	*
	*/
	
	$(window).bind('load', function () {
		/*
		*List all images and text to be used in each section of the slieshow
		*
		*/
		jQuery.fn.slideshow(
			["/SiteCollectionImages/FunctionsCatering/Landing/headImages/head1.jpg", "/SiteCollectionImages/FunctionsCatering/Landing/headImages/head2.jpg", "/SiteCollectionImages/FunctionsCatering/Landing/headImages/head3.jpg"],//Set the HEAD IMAGES to be used. Use a FULL path name
			//Set the HEART IMAGES to be used. Use a FULL path name
			["/SiteCollectionImages/FunctionsCatering/Landing/heartImages/heart1.jpg", "/SiteCollectionImages/FunctionsCatering/Landing/heartImages/heart2.jpg", "/SiteCollectionImages/FunctionsCatering/Landing/heartImages/heart3.jpg"],
			//Set the WEDDING IMAGES to be used. Use a FULL path name
			["/SiteCollectionImages/FunctionsCatering/Landing/weddingImages/wedding1.jpg", "/SiteCollectionImages/FunctionsCatering/Landing/weddingImages/wedding2.jpg"],
			//Set the HEAD TEXT to be used. Use html as per example below. NOTE: It is important to keep the span class on the first phrase, as this is the heading style
			["<span class='headingGrey'>The logical solution</span><br/> Flexible spaces<br/> Full conference facilities<br/> Central waterfront location<br/> Dedicated functions team"],
			//Set the HEART TEXT to be used. Use html as per example below.
			["<div id='wowHeading'>The wow factor<br/> Inspired cuisine<br/> Contemporary living Marae<br/> Private guided tours<br/> New Zealand to the core"],
			//Set the WEDDING TEXT to be used. Use html as per example below.
			["<h2 class='weddingHead'>Weddings</h2><p>You couldn't get a more spectacular setting for your special day. We'll make sure the day goes smoothly with great food, great service and the careful attention to detail that makes for a memorable occasion.</p><p><a href='/Venues/Offers/Pages/Weddings.aspx'>More about weddings at Te Papa</a></p>"]
		);
	});

//})(jQuery);