$(function(){
	$.ajax({
		type:'GET',
		url:'data.xml',
		dataType:'xml',
		success:function(xml){
			$('#works ul').empty()
			$(xml).find('data work').each(function(i){
				$('#works ul').append(
					$('<li />')
						.append(
							$('<a />')
								.attr('href', 'images/works/'+$(this).attr('big'))
								.attr('rel', 'lightbox')
								.attr('title', $(this).attr('title'))
								.append('<img src="images/works/'+$(this).attr('normal')+'" width="200" height="200"  alt="'+$(this).attr('title')+'" />')
								.append('<img src="images/works/'+$(this).attr('hover')+'" width="200" height="200"  alt="'+$(this).attr('title')+'" />')
								.hover(function(){ $(this).stop().animate({top:'-200px'}, 200) }, function(){ $(this).stop().animate({top:'0px'}, 200) })
						)
				)
			})
			
			$('a[rel="lightbox"]').fancybox({'imageScale': false, 'centerOnScroll': false}); 
		}
	})
})