// File: wines.js

$(document).ready(function()
      {
        $.get('content/wines.xml', function(xml){

		var myHTMLOutput = '<dl>';
        $(xml).find('wine').each(function(){

            var $wine = $(this); 
            var title = $wine.attr("title");
            var description = $wine.find('description').text();
			var price = $wine.find('price').text();
            var imageurl = $wine.attr('imageurl');

            myHTMLOutput += '<dt>';
            myHTMLOutput += '<div class="pgTitle">' + title + '</div>';
            myHTMLOutput += description;
            myHTMLOutput += '<br/>' + price;
            myHTMLOutput += '</dt>';
            if(imageurl != '')
				myHTMLOutput += '<dd> <img class="bookImage" alt="" src="' + imageurl + '" /> </dd>';
			else
				myHTMLOutput += '<dd>&nbsp;</dd>';
        });

		myHTMLOutput += '</dl>';
		$("#ContentArea").append(myHTMLOutput);
    });
});