$(document).ready(function(){
	$('html').addClass('js');
	$.ajax({
		type: "GET",
		url: "/" + whichdirectory + "bulletins/" +whichregion + "/banners/banners.xml",
		dataType: "xml",
		success: function(xml) {
			
			// choose random number from xml index on 'banner_item'
			var n = $(xml).find('banner_item').length;
			randomNumber = Math.round(Math.random()*(n-1))+1;
			rn = randomNumber - 1;
			
			//apply random number to extract credit info for random banner
			var title = $(xml).find('banner_item').eq(rn).find('image_title').text();
			var imageurl = $(xml).find('banner_item').eq(rn).find('image_url').text();
			var creditname = $(xml).find('banner_item').eq(rn).find('credit_name').text();
			//var crediturl = $(xml).find('banner_item').eq(rn).find('credit_url').text();
			
			imageurl = 'url(' + imageurl + ')';
			
			// set background banner image from xml index
			$('#header').css({'background-image':imageurl});
			
			bt = '<div class="bc_title">' + title + '</div>';
			ba = '<div class="bc_author">' + '&nbsp;-&nbsp;' + creditname + '</div>';
					
			//group credit info ready to write html
			bc = bt + ba;
			
			// write credit info to html
			$('<div class="bc_icon" title="click to open credits"></div>').appendTo('#bannercredits');
			$('<div class="bc_bgopacity"></div>').appendTo('#bannercredits');
			$('<div class="bc_wrap"></div>').html(bc).appendTo('#bannercredits');
			
			// hide credit info until clicked
			$(".bc_wrap").hide();
			
			// toggle credit on click and graphic
			var clickstatus = "open"
			$(".bc_icon").click(function() {
				
				$(".bc_wrap").toggle("slow");
				$(".bc_icon").toggleClass("active");
				
				if (clickstatus == "open") {
					$(".bc_icon").attr("title", "click to close credits");
					clickstatus = "closed";
				}
				else {
					$(".bc_icon").attr("title", "click to open credits");
					clickstatus = "open";
				};
				
			});	
		}
	});
});