//json encoded array of content of banner images
	//var jsonArray = <?php echo loop_json(); ?>;
	
	// checks if parameter is an even or odd number
	function isEven(value) {
		if (value%2 == 0)
			return true;
		else
			return false;
	}
	
	//normalized function for swapping banner content for all events
	function swapContent(change){
		$('#product-text-wrap').css('display', 'none');
		$('.product-text h1').html(jsonArray[change].title);
		$('.product-text div.clear').html(jsonArray[change].content);
		$('.product-text a.btn-view').attr('href', '/'+jsonArray[change].category+'/'+jsonArray[change].permalink+'/');
		$('#product-text-wrap').fadeIn('slow');
	}
	
	$(document).ready(function(){

		//Mouse events for highlighting the search box on rollover
		$("div.search-box").mouseover(function(){
			$("input.searchField").css('background-position','0px -29px');
		});
		
		$("div.search-box").mouseout(function(){
			$("input.searchField").css('background-position','0px 0px');
		});	
		
		//add navigation class to nav items	
		$('#navbar > ul > li > a').each(function(index) {
			$(this).addClass("nav" + (index+1));		
		});
		
		//check if start number is even or odd
		if(isEven(jsonArray.length)){
			var current = Math.floor((jsonArray.length-1)/2);
			var start = current+1;
		}else{
			var current = Math.ceil((jsonArray.length-1)/2);
			var start = current+1;
		}
	
		// Initialize Carousel if container exists
		if($("#waterwheel-carousel-default")){
			$("#waterwheel-carousel-default").waterwheelCarousel({
				startingItem: start,
				startingItemSeparation: 300,
				opacityDecreaseFactor: 0,
				flankingItems: 1					
			});
		}

		// Banner Content Switching Stuff 
		//add a uniqe identifier to each image in the carousel for use when switching content after clicking an image
		$('div.carousel-images img').each(function(index){
			$(this).attr('id', ''+index);
		});
	
		//swap starting content
		swapContent(current);
		
		//click events on previous button for switching content
		$('a.prev').click(function (){
			var change = current-1;
			if(change < 0) change = 0;
			else swapContent(change);
			current --;
			if(current < 0) current = 0;
		});
		//click events on next button for switching content
		var num = jsonArray.length-1;
		$('a.next').click(function (){	
			var change = current + 1;
			if(change > num) change = num; 
			else swapContent(change);
			current ++;
			if(current > num) current = num;
		});		
		//click handler on images for swapping content
		$('div.carousel-images img').click(function(){
			var change = $(this).attr('id');
			swapContent(change);			
			current = parseInt(change);		
		});
		
		
});