$.ajax({
	
	
	type: 'GET',
	dataType : 'xml',
	url: "/website/xml/showcase_listings.asp",
	cache: false,
	success: function(xml){
	
		var auto_scroll;
		var slider_count = 0;
		var evtStart = '';
		var circular = '';
		
		$(xml).find('scroll').each(function(){
				
				var title = $(this).find('title').text();
				var image = $(this).find('main').text();
				var address = $(this).find('address').text();
				var beds = $(this).find('beds').text();
				var baths = $(this).find('baths').text();
				var available = $(this).find('available').text();
				var squarefeet = $(this).find('squarefeet').text();
				var price = $(this).find('price').text();
				var listinglink = $(this).find('link').text();
				
				if (beds == 0 && baths == 0) {
				var propdesc = ""
				} else {
				var propdesc = available
				}
				
				$('#listing ul').append('<li><a class="show_tip" href="'+listinglink+'"><img class="slider-image" src="'+image+'" alt="'+title+'" title="'+address+'" /></a><div class="tooltip"><p class="listing-title">'+title+'</p><p class="descriptions"><span class="address">'+address+'</span><span class="available">'+propdesc+'</span><span class="squarefeet">'+squarefeet+'</span><span class="price">'+price+'</span></p></div></li>');
				
				slider_count++; //Couting slider entries
			
		});
		
		if(slider_count>3) //change the interger here to disable autoscroll for number of entries
		{
			auto_scroll=true; //set the slider to auto scroll if it has more than 4 entries
			evtStart='mouseout' //enable slider scroll on mousout
			circular= true;
		}
		else 
		{
			auto_scroll=false;
			evtStart = '';
			circular = false;
		}
		
		$("#listing").jMyCarousel({
		
	        visible: '325px',
			vertical: true,
			auto: auto_scroll,
			speed: 2000,
			circular: circular,
			evtStop: 'mouseover',
			evtStart: evtStart
		});
		$('.show_tip').tooltip({ 
		    track: true, 
		    delay: 0, 
		    showURL: false, 
		    id: 'li_tooltip',
		    bodyHandler: function() { 				
		        return $(this).next('.tooltip').html();
	    	}
		});
		
		
	}
});



