// JavaScript Document
$(document).ready(function(){
        $.get('/__designs/home/must-see-and-do.xml', function(d){
		$(d).find('ad').each(function(){
			var $ad = $(this); 
			var number = $ad.attr('id');
			//var title = $ad.attr('heading'); 
			var heading = $ad.find('heading').text(); 
			if(heading!= '') {
				var description = $ad.find('description').text(); 
				//var imageurl = $ad.attr('imageurl');	
				var imageurl = $ad.find('imageurl').text();
				var link_url = $ad.find('link_url').text();
				
				var html ='<div class="wrapper" id="' + number + '" >';
				html += '<a href="' + link_url + '" style="text-decoration:none; color:#333333;"><img src="' + imageurl + '" alt="" border="0" style=" float:left;" /></a>';
				html += ' <p style=" margin:4px 0px 0px 0px; padding:0px 10px 0px 0px; float:right; width:175px; font-size:12px; font-weight:normal; color:#666666; line-height:normal; "><b style="font-weight:normal; color:#333333;"><a href="' + link_url + '" style="color:#333333;">' + heading + '</a></b>';
				html += '<br /> ' + description + '<a href="' + link_url + '" style="text-decoration:none; color:#61BCCD;"> Read More..</a> </p>';
			  
				//html += '<div class="numb" id="navigation">' + number + '</div>';
				html += '<br clear="all" />';
				html += '</div>';
	  
				$('#content').append($(html));
			}
		}); $('#content').after('<br clear="all" />').after('<div id="navigation" class="num">')
			.cycle({ 
				fx:'fade', 
				speed: 1000,
				force: 1,
				timeout: 3000,
				pause: 1,
				pauseOnPagerHover: 1,
				pager:  '#navigation' 
			});
		$("a:contains('HIDDEN')").hide();
	});
	
});