jQuery(document).ready(function() {
    $(".load").click(function() {
        getData($(this).attr("alt"));
		return false;
    });

    function getData(airportcode) {
        if (airportcode == " " || airportcode.length != 3)
        return;

        //var data = '';
        $.get("cargo.xml", {},
        function(xml) {
        	
        	var obj = $('ci[ac="' +airportcode+ '"]',xml);
        	
        	var airportDescription = getAirportDescription(obj);
        	var contactData = getContactData(obj);
        	locationData = getLocationData(obj);
        	var hoursData = getHoursData(obj);
        	var cityList = getCityList(obj);
        	
            var itemHTML = '\<div> \
				<h3>' + airportDescription + '</h3> \
				<div class="left"> \
					<span>To:</span> \
					' + cityList + '</div> \
					<div class="right"> \
						<div class="location"><span>Location</span>' + locationData + '</div> \
						<div class="hours"><span>Hours</span>' + hoursData + '</div> \
						<div class="contact"><span>Contact</span>' + contactData + '</div> \
					</div> \
				</div> \
			';

            $.facebox({
            	ajax: 'popup.html'
            });
            jQuery.facebox(itemHTML);
            
        });
    }

    function getCityList(obj) {
    	var destinations = $('destination > description',obj);
       	var ul = "<ul>";
       	var li = '';
       	destinations.each(function() {
       		li += "<li>" + $(this).text() + "</li>";
       	});
       	       	
       	ul += li;
        ul += "</ul>";
        
        return ul;
        

    }

    function getContactData(obj) {
    	var contactData = $('contact > add',obj);
        var ul = "<ul>";
        var li = '';
        
        contactData.each(function() {
       		li += "<li>" + $(this).text() + "</li>";
       	});

        ul += li;
        ul += "</ul>";
        return ul;
    }

    function getAirportDescription(obj) {
    	return $('> description',obj).text();
    }

    function getLocationData(obj) {
    	var location = $('locations > location',obj);
        var ul = "<ul>";
        var li = '';
        location.each(function() {
       		li += "<li>" + $(this).text() + "</li>";
       	});

        ul += li;
        ul += "</ul>";
        return ul;
    }

    function getHoursData(obj) {
        var hours = $('days > hours',obj);
        var ul = "<ul>";
        var li = '';
        hours.each(function() {
       		li += "<li>" + $(this).text() + "</li>";
       	});


        ul += li;
        ul += "</ul>";
        return ul;
    }
    
});