jQuery(document).ready(function(){
	
 jQuery.ajax({
     type: "GET",
     url: "images.xml",
     dataType: "xml",
     success: parseXml
   });
   
   function parseXml(xml)
	{
	   
	   var myItems=new Array();
	   var i = 0;
	   
	   jQuery(xml).find("photo").each(function()
	   {	
			myItems[i] = "<div class='reflect' height='300' style='padding-right:2px;padding-left:2px;' ><img class='foo1' src='" + jQuery(this).attr('image') + "' href='" + jQuery(this).attr('bigimage') + "' title='" + jQuery(this).text().split("'").join("") + "' width='150' height='200' ";		 
			i++;
	   });
	   
		var i = 0;	   
		jQuery(xml).find("extracaption").each(function()
		   { 
				myItems[i] += "	data='" + jQuery(this).text().split("'").join("") + "'></div>";
				i++;
		   });

	   jQuery("#foo1").trigger("removeItem");
		   
		for(var i=0; i<myItems.length; i++) {
			jQuery("#foo1").trigger("insertItem", myItems[i]);
		}
		   
		jQuery("#foo1").reflect()
		 
		jQuery("#foo1").carouFredSel({
			auto	: {
				pauseDuration	: 0,
				infinite		: true,
				circular		: true,
				play			: true,
				pauseOnHover	: "immediate",
				items			: 1,
				easing          : "linear"
			},
			items	: {
				visible			: 15
			},
			prev	: {
					items	:	1,
					duration	:	500,
					onBefore: function(oldItems, newItems) {
						jQuery("#foo1").trigger("play", true);
					},
					onAfter : function(oldItems, newItems) {
						jQuery("#foo1").trigger("play","left",-25);
					}
			},
			next	: {
					items	:	1,
					duration	:	500,
					onBefore: function(oldItems, newItems) {		
						jQuery("#foo1").trigger("play", true);
					},
					onAfter : function(oldItems, newItems) {
						jQuery("#foo1").trigger("play","left",-25);
					}			
			},
			scroll			: 5000,
			direction		: 'left',
			height			: 300,
			width			: 960
		});		 

		jQuery("#foo1_prev").click(function() {
			jQuery("#foo1").trigger("pause",true);
			jQuery("#foo1").trigger("prev",true);
		});

		jQuery("#foo1_next").click(function() {
			jQuery("#foo1").trigger("pause",true);
			jQuery("#foo1").trigger("next",true);
		});

		jQuery(".foo1").mouseleave(function() {
				jQuery(this).animate({
				height: 200,
				width: 150}, 200);
		}).css("cursor", "pointer");

		jQuery(".foo1").mouseenter(function() {
				jQuery(this).animate({
				height: 300,
				width: 225}, 200);
		}).css("cursor", "pointer");
		
		jQuery(".foo1").mouseenter(function() {
				jQuery(this).fancybox({
			cyclic	: true,
			titlePosition : 'inside',
			title : jQuery(this).attr('data'),
			href : jQuery(this).attr('href'),
			titleFormat		: 'formatTitle',
			onStart	: function() {
				jQuery("#foo1").trigger("pause");
			},
			onClosed: function() {
				jQuery("#foo1").trigger("play");
			}
		}).css("cursor", "pointer");
		});

		jQuery(".foo1").tooltip({
			delay		: 0,
			track		: true, 
			showURL		: false
		});	   
	}

jQuery("#foo1").carouFredSel({
	auto	: {
		pauseDuration	: 0,
		infinite		: true,
		circular		: true,
		play			: true,
		pauseOnHover	: "immediate",		
		items			: 1,
		easing          : "linear"
	},
	items	: {
		visible			: 15
	},
	direction		: 'left',
	scroll			: 5000,
	height			: 300,
	width			: 960
});
});