// pre load nav images
var cacheImage = document.createElement('img');
cacheImage.src = '/img/bg_direction_nav.png';
var cacheImage2 = document.createElement('img');
cacheImage2.src = '/img/bg_control_nav.png';

$(window).load(function() {
	// only run on game pages
	if($('#sc_animals').length > 0){
		$('html').removeClass('no-fs'); // see flexslder.css line 32
			
		// h1#id is in the format animal_x where x = animal_id		
		var parts = $('h1').attr("id").split('_');
		animal_id = parts[1];
	
		var startHTML = '<div class="flexslider"><ul class="slides">';
		var endHTML = '</ul></div>';
		var freeRangePhotos = startHTML;
		var gameRanchPhotos = startHTML;
	
		// get photos using ahah. Returns a JSON object
		var photoItemsObj = null;
		$.get('/game/animals/photos/'+animal_id, function(data) {
			photoItemsObj = jQuery.parseJSON(data);	
			slideshow(photoItemsObj); // add 
		});		
	
		function slideshow(photoItemsObj){
			var freeRangeObj = photoItemsObj.freeRange.Photo;
			var gameRanchObj = photoItemsObj.gameRanch.Photo;
		
			$.each(freeRangeObj,function(key,item){
		    	freeRangePhotos = freeRangePhotos + listItems(item,animal_id);
			});
			$.each(gameRanchObj,function(key,item){
		    	gameRanchPhotos = gameRanchPhotos + listItems(item,animal_id);
		    });


		    freeRangePhotos = freeRangePhotos + endHTML;
			gameRanchPhotos = gameRanchPhotos + endHTML;
	
			// add HTML for slideshow to the DOM
			if(freeRangeObj != '') {
				$('#free-range').append(freeRangePhotos);
			}
			if(gameRanchObj != '') {
				$('#game-ranch').append(gameRanchPhotos);
			}
		
			// start slideshow
			$('.flexslider').flexslider();
		}
	
		function listItems(item,animal_id) {
			return '<li><figure><img title="'+item.title+'" src="/uploads/animals/'+animal_id+'/'+item.filename+'" alt="'+item.title+'" /><figcaption class="flex-caption">'+item.title+'</figcaption></figure></li>';
		}
	}
});