$(document).ready(function(){
	$.ajax({
		type: "GET",
		url: "/cbmr/info/landingPageFlash/landingpageflash.mountainclub.xml",
		dataType: "xml",
		success: function(xml) {
			$(xml).find('Attributes').each(function(){
				var id = $(this).attr('id');
				var heroImage = $(this).find('heroImage').text();
				var header1 = $(this).find('header1').text();
				var shortText = $(this).find('shortText').text();
				var urlText = $(this).find('urlText').text();
				var url = $(this).find('url').text();
				var img = new Image();
				
				//$('<div class="items" id="link_'+id+'"></div>').html('<a href="'+heroImage+'">'+heroImage+'</a>').appendTo('#page-wrap');
				//$('<img src="'+heroImage+'"  class="imageRotate" id="link_'+id+'">').html('<a href="'+heroImage+'">'+heroImage+'</a>').appendTo('#page-wrap');
				$('<div class="h1" id="h1"></div>').html(header1).appendTo('#animBanner');
				$('<div class="shortText" id="shortText"></div>').html(shortText).appendTo('#animBanner');
				$('<div class="urlText" id="urlText"></div>').html('<a href="'+url+'">'+urlText+'</a>').appendTo('#animBanner');				
				
				
				$(img).load(function () {
					//$(this).css('display', 'none'); // .hide() doesn't work in Safari when the element isn't on the DOM already
					$(this).hide();
					$('#container').removeClass('loading').append(this);
					$(this).fadeIn();
					}).error(function () {
					//notify the user that the image could not be loaded
					}).attr('src', heroImage).attr('class', 'bgImage');
				
				//animBanner
				//shortText
				//urlText
				//url
				
				
			});
		}
	});
	
	    
	
	
	$('#openBanner').click(function() {
	//alert ("test");
	slideRIGHT();
	});

	$('#closeBanner').click(function() {
	//alert ("test");
	slideLEFT();
	});

	
	setTimeout( function() {
		slideRIGHT();
	}, 2000 );
	
	setTimeout( function() {
		slideLEFT();
	}, 10000 );
	
});

function slideRIGHT(){
	//alert ("right");
	$("#animBanner").animate({left: "0"}, 1000, "swing");
	$("#openBanner").hide();
	$("#closeBanner").show();
	}


function slideLEFT(){
	//alert ("right");
	$("#animBanner").animate({left: "-438"}, 1000, "swing");
	$("#openBanner").show();
	$("#closeBanner").hide();
	
	
	}