// JavaScript Document
$(document).ready(function() {

	$.ajax({
		type: "GET",
		url: "portfolio.xml?112",
		dataType: "xml",
		success: function(xml) {
			
			var title = $(xml).find('items site[id=birst] title').text();
			var desc = $(xml).find('items site[id=birst] description').text();
			var image = $(xml).find('items site[id=birst] image').text();
			var limage = $(xml).find('items site[id=birst] limage').text();

			$("#wb-title").append(title);
			$("#wb-description").append(desc);
			$("#wb-image").append("<a id='limage' href='"+limage+"'><img src='"+image+"' width='580' height='250' border='0' alt='"+title+"' /></a>");
			
			$("a#limage").fancybox({
				'titleShow'		: false,
				'transitionIn'	: 'none',
				'transitionOut'	: 'none'
			});
			
		}
			
	});
						  
});

$(".item").click(function() {
	var id = $(this).attr('id');
	$("#wb-title").empty();
	$("#wb-description").empty();
	
	$("#wb-image").empty();
	$("#wb-image").append("<img src='images/loader.gif' id='loader' alt='Loading' />");
	
	
	
	$.ajax({
		type: "GET",
		url: "portfolio.xml?112",
		dataType: "xml",
		success: function(xml) {
			//var desc = $(xml).find('work site[id='+id+'] description').text();
																		
			//alert(desc);
			
			//alert( $(xml).find('items site[id='+id+'] description').text());
			var title = $(xml).find('items site[id='+id+'] title').text();
			var desc = $(xml).find('items site[id='+id+'] description').text();
			var image = $(xml).find('items site[id='+id+'] image').text();
			var limage = $(xml).find('items site[id='+id+'] limage').text();

			$("#wb-title").empty();
			//$("#wb-title").hide();
			$("#wb-title").append(title);
			//$("#wb-title").fadeIn("slow");
		
			$("#wb-description").empty();
			//$("#wb-description").hide();
			$("#wb-description").append(desc);
			//$("#wb-description").fadeIn("slow");
			
			//$("#wb-image").hide();
			$("#wb-image").empty();
			$("#wb-image").append("<a id='limage' href='"+limage+"'><img src='"+image+"' width='580' height='250' border='0' alt='"+title+"' /></a>");
			//$("#wb-image").fadeIn("slow");
			
			$("a#limage").fancybox({
				'titleShow'		: false,
				'transitionIn'	: 'none',
				'transitionOut'	: 'none'
			});
			

			}
			
		});
	
	return false;
	
	});