// JavaScript Document

// Preloader

(function($) {
  var cache = [];
  // Arguments are image paths relative to the current page.
  $.preLoadImages = function() {
    var args_len = arguments.length;
    for (var i = args_len; i--;) {
      var cacheImage = document.createElement('img');
      cacheImage.src = arguments[i];
      cache.push(cacheImage);
    }
  }
})(jQuery)

$.preLoadImages("images/slideshow/RecyclingWasteManagement.jpg","images/slideshow/slideshowskip3.jpg","images/slideshow/Dutyofcare.jpg","images/slideshow/slideshowskip4.jpg");

// Slideshow

var currentSlide='slideA'; var oldSlide='slideB';
var intervalID = setInterval('nextItem()','5000');

function nextItem(){
	var itemsList = $('.csItem');
	var curItem = $('.claimSelector .current').attr('id');
	var nextIndex = 0;
	var maxIndex = itemsList.size() -1;

	$('.claimSelector li').each(function(index, itemr) {
			var thisItem = index;
			if ($(this).attr('id')==curItem){
			if (thisItem == maxIndex){nextIndex=0;} else {nextIndex=index+1;}
			}
  	});
	
	$('.claimSelector li').each(function(index, itemr) {
			if (index==nextIndex)
			{
				selectItem($(this).attr('id'));	
				changeSlide(nextIndex);
			}
			
  	});
}

function selectItem(itemid){

/* Remove the caret from all items */
$('.csItem').each(function(index) {
	$(this).removeClass('current');
});	

/* Add caret to current item */
$('#'+itemid).addClass('current');

}

$(function(){$('.csItem').click(function(){ var selectedItem=$(this).attr('id'); $('.csItem').each(function(index){if ($(this).attr('id')==selectedItem) {selectItem($(this).attr('id')); changeSlide(index); clearInterval(intervalID);}}); })});

function changeSlide(index){
var slides = new Array("images/slideshow/RecyclingWasteManagement.jpg","images/slideshow/slideshowskip3.jpg","images/slideshow/Dutyofcare.jpg","images/slideshow/slideshowskip4.jpg");

dissolveSlide(slides[index]);
}

function dissolveSlide(fileName){
	if (currentSlide == 'slideA') {currentSlide='slideB';} else {currentSlide='slideA';}
	if (currentSlide == 'slideA') {oldSlide='slideB';} else {oldSlide='slideA';}
	$('#'+oldSlide).css("background-image","url("+fileName+")");
	$('#'+oldSlide).fadeIn('slow');
	$('#'+currentSlide).fadeOut('slow');
	
	
}