﻿(function($){
 	$.fn.slideshow = function(options) {
		
		this.each(function() {
			obj 		= $(this);
			objClass	= $(this).attr('class');
			
			obj.css('position', 'relative');

			$.ajax({type: 'GET', url: options.xml, success:
				function(data) {
					var isfirst = 0;
					var liStyle = '';
					
					var imagePath = $(data).find('album').attr('lgPath');
					
					$(data).find('img').each(function() {
						imageLink = $(this).attr('link');
					
						if( isfirst != 1 ) {
							newImage = '<li style="position:absolute;">'; isfirst = 1;
						} else {
							newImage = '<li style="position:absolute;display:none;">';
						}
						
						if( imageLink ) newImage = newImage + '<a href="' + imageLink + '">';
						newImage = newImage + '<img src="' + imagePath + $(this).attr('src') + '" />';
						if( imageLink ) newImage = newImage + '</a>';
						
						newImage = newImage + '</li>';
						
						obj.append(newImage);
					});
				}
			});
		});
		
	    setInterval(
		    function() {
				$('.' + objClass + ' li:first-child').fadeOut('slow')
				.next('li').fadeIn('slow')
				.end().appendTo('.' + objClass);
			},
		options.duration);
	}

})(jQuery);
