var xmlPath = ($(document).data("xmlPath") === undefined) ? "/portfolio/photos.xml" : $(document).data("xmlPath");
var photoContainer = ($(document).data("photoContainer") === undefined) ? "#dgPhoto" : $(document).data("photoContainer");


$(document).ready( $(function() {
	$.ajax({
		type: "GET",
		url: xmlPath,
		dataType: "xml",
		success: function(xml) {

			var photos = new Array();
			var pointer = 0;
			
			var findString = ($(document).data("catName") === undefined) ? "image" : "image[category="+$(document).data("catName")+"]";

			$(xml).find(findString).each( function(){

				var img = new Image();

				$(img).load( function(){
      			if( $(this).attr( "src" ) ) photos.push( $(this) );
      			if( pointer == 0 ) {
      				$(photoContainer).hide().append( photos[ pointer ] ).fadeIn(500);
      				pointer++;
      			}
    			})
    			.attr( 'src', $(this).find("path").text() );

			});

			$(photoContainer).everyTime( 5000, 'slideshow', function() {
			
				$(this).fadeOut(500, function() {
				
					$(this).children().remove().end().append( photos[ pointer ] ).fadeIn(500);
				
				});				

				pointer++;
				if( pointer >= photos.length ) pointer = 0;
			
			});
					
		}
	});
}) );