var XMLLocation ;
$(document).ready(function(){
	$.get('js/suitelist.xml', function(d){
		$(d).find('ad').each(function(){
			var $ad = $(this); 
			var number = $ad.attr('id');
			var imageurl = $ad.attr('imageurl');	
			var html = '<div class="ads" id="' + number + '" >';
			html += '<img alt="" src="images/slideshow/suite/' + imageurl + '" />'; 
			html += '<div style="clear:both;">' + '</div>' + '</div>';
			$('#content').append($(html));
		});
		
		$('#content').after('<div id="navigation">').cycle({ 
				fx:'fade', 
				speed: 1000,
				force: 1,
				timeout: 3000,
				pause: 1,
				pauseOnPagerHover: 1,
				pager:  '#navigation' 
			});
		$("a:contains('HIDDEN')").hide();
		});
		
        $.get('js/'+XMLLocation, function(e){
		$(e).find('himage').each(function(){
			var $himage = $(this); 
			var number1 = $himage.attr('id');
			var imageurl1 = $himage.attr('h-imageurl');	
			var desc = $himage.text();	
			var html1 = '<div class="headerimgs" id="' + number1 + '" style="overflow:hidden" ><div class="transbox"> '+desc+' </div>';
			html1 += '<img style="position:relative" alt="" src="images/slideshow/header/' + imageurl1 + '" id="imagetoslide" />'; 
			html1 += '<div style="clear:both;">' + '</div>' + '</div>';
			$('#headerimage').append($(html1));
			
			
			
		});
		function onAfter() {
			$(this).animate({top: '-100px'}, 4000);	
		}
		function onBefore() {
			$(this).animate({top: '0px'}, 1);	
		}
		$('#headerimage').after('<div id="navigation1">')
			.cycle({ 
				fx:'fade', 
				speed: 1000,
				force: 1,
				timeout: 8000,
				pause: 1,
				pauseOnPagerHover: 1,
				before:onBefore,
				after:onAfter
				
			});
		$("a:contains('HIDDEN')").hide();
	});		
	
		
});