// JavaScript Document
$(document).ready(function() {
	jQuery('#image1').mouseover(function() {
		 jQuery('#image1').css('background-image', 'url(theme/default/home04082011/images/image1On.png)');
	});
	jQuery('#image1').mouseout(function() {
 		 jQuery('#image1').css('background-image', 'url(theme/default/home04082011/images/image1Off.png)');
	});
	jQuery('#image1').click(function() {
			//document.location = 'http://www.freedomchurch.co.uk/index.cfm?blogCall&blogID=242';
			showCreativeBlog();
	});
	
	jQuery('#image1a').mouseover(function() {
		 jQuery('#image1a').css('background-image', 'url(theme/default/home04082011/images/image1On.png)');
	});
	jQuery('#image1a').mouseout(function() {
 		 jQuery('#image1a').css('background-image', 'url(theme/default/home04082011/images/image1Off.png)');
	});
	jQuery('#image1a').click(function() {
			document.location = 'http://www.freedomchurch.co.uk/index.cfm?blogCall&blogID=242';
			//showCreativeBlog();
	});
	jQuery('#image2').mouseover(function() {
 		 jQuery('#image2').css('background-image', 'url(theme/default/home04082011/images/image2On.png)');
	});
	jQuery('#image2').mouseout(function() {
 		 jQuery('#image2').css('background-image', 'url(theme/default/home04082011/images/image2Off.png)');
	});
	jQuery('#image2').click(function() {
			document.location = 'http://www.freedomchurch.co.uk/index.cfm?mediaArchiveCall';						 
	});
	
	jQuery('#image3').mouseover(function() {
 		 jQuery('#image3').css('background-image', 'url(theme/default/home04082011/images/image3On.png)');
	});
	jQuery('#image3').mouseout(function() {
 		 jQuery('#image3').css('background-image', 'url(theme/default/home04082011/images/image3Off.png)');
	});
	jQuery('#image3').click(function() {
				document.location = 'http://www.freedomchurch.co.uk/index.cfm?pageID=4544';						 			 
	 });
   //Global Vars
   var viewportHeight = window.innerHeight ? window.innerHeight : $(window).height();
 	
	function getDocHeight() {
    var D = document;
    return Math.max(
        Math.max(D.body.scrollHeight, D.documentElement.scrollHeight),
        Math.max(D.body.offsetHeight, D.documentElement.offsetHeight),
        Math.max(D.body.clientHeight, D.documentElement.clientHeight)
    	);
	}
	
	jQuery('#freedomOutter').css('height', getDocHeight() + "px");

	jQuery('#slider').jcarousel({
		visible: 1,
		animation: 'slow',
		initCallback: mycarousel_initCallback,
		buttonNextHTML: null,
        buttonPrevHTML: null,
		itemVisibleInCallback: {
            onAfterAnimation:  mycarousel_itemVisibleInCallbackAfterAnimation

        },
		scroll: 1
	});

	
	var myCarousel;
	var indicatorImageOff = "theme/default/home04082011/images/sliderIndicatorOff.png";
	var indicatorImageOn = "theme/default/home04082011/images/sliderIndicatorOn.png";


	function mycarousel_initCallback(carousel) {

		animateCarousel(8000, carousel);
		myCarousel = carousel;

	}

	function mycarousel_itemVisibleInCallbackAfterAnimation(carousel, item, idx, state) {

		//alert('Item #' + idx + ' is now visible');

	}


	$("#slider").mouseover(function() {

			userNotEngaging = false;					

	});

	/*$("#slider").mouseout(function() {

			userNotEngaging = true;					

	});*/

	var carouselItems = $('#slideList').children().length;
	var carouselInView = 1;
	var userNotEngaging = true;

    function animateCarousel(time, carousel) {

		setInterval(function() {


		if(userNotEngaging) {

			carouselInView ++;

			if(carouselInView > carouselItems) {

				carouselInView = 1;	

			}

			var indicatorId;
	

			if(carouselInView == 1) {
				indicatorId = "#carouselIndicator" + (carouselItems -1);		
			} else {
				indicatorId = "#carouselIndicator" + (carouselInView-2);		
			}


			$(indicatorId).attr("src", indicatorImageOff);

			carousel.scroll(carouselInView);
			indicatorId = "#carouselIndicator" + (carouselInView-1);		

			$(indicatorId).attr("src", indicatorImageOn);

		}

	 	}, time);

	}

		for(i=0; i<carouselItems; i++) {
			var currentIndicator = "carouselIndicator" + i;
			var imageUrl;

				if(i==0) {

					imageUrl = indicatorImageOn;

				} else {

					imageUrl = indicatorImageOff;

				}

				$('#sliderIndicator').append('<li class="sliderIndicatorDot" ><img id="' + currentIndicator + '" src="'+ imageUrl +'" width="15" height="19" border="0" /></li>');


				$("#" + currentIndicator).click(function() {

						var currentId = Number(this.id.replace("carouselIndicator", "")) + 1;				

						carouselInView = currentId;

						myCarousel.scroll(currentId);


						var indicatorId;

						for(k=0; k<carouselItems;k++) {

							indicatorId = "#carouselIndicator" + k;	

							$(indicatorId).attr("src", indicatorImageOff);

						}
					
						indicatorId = "#carouselIndicator" + (carouselInView-1);		

						$(indicatorId).attr("src", indicatorImageOn);
						userNotEngaging = false;

					/*	setTimeout(function() {

								userNotEngaging = true;			

											}, 5000);
					
					*/

				});

			}	
			
	if (document.images)
    	{
     	 preload_image_object = new Image();
      	  // set image url
		  image_url = new Array();
		  image_url[0] = "http://www.freedomcardiff.co.uk/theme/default/home04082011/images/image1On.png";
		  image_url[1] = "http://www.freedomcardiff.co.uk/theme/default/home04082011/images/image2On.png";
		  image_url[2] = "http://www.freedomcardiff.co.uk/theme/default/home04082011/images/image3On.png";
	
		   var i = 0;
		   for(i=0; i<=2; i++) 
			 preload_image_object.src = image_url[i];
    }



 });