$(function(){
    $("#attributetree").dynatree({
        onActivate: function(node) {
        },
        persist: true,
        checkbox: true,
        cookieId: "dynatree-attribute",
        selectMode: 3,
		onSelect: function(flag, node) { $("form[name='exploreworld']").submit(); },
        children: [ 
            {title: "All Characteristics", 
				expand: true,
				key: "A-ALL",
				select: false,
                children: [

					{title: "All-Inclusive", key: "A-10", select: false},

					{title: "Beach", key: "A-11", select: false},

					{title: "Beach bungalows", key: "A-3", select: false},

					{title: "Boutique hotel", key: "A-19", select: false},

					{title: "City hotel", key: "A-16", select: false},

					{title: "Fishing", key: "A-21", select: false},

					{title: "Golf", key: "A-13", select: false},

					{title: "Historic hotel", key: "A-14", select: false},

					{title: "Motel", key: "A-17", select: false},

					{title: "Multi-room hotel", key: "A-4", select: false},

					{title: "National Park", key: "A-20", select: false},

					{title: "Overwater bungalows", key: "A-1", select: false},

					{title: "Pool", key: "A-15", select: false},

					{title: "Safari Lodge", key: "A-5", select: false},

					{title: "Sailing Ship", key: "A-8", select: false},

					{title: "Scuba diving", key: "A-18", select: false},

					{title: "Spa", key: "A-12", select: false},

					{title: "Tented Camp", key: "A-6", select: false},

					{title: "Villas", key: "A-2", select: false},

					{title: "Wilderness Lodge", key: "A-9", select: false},
  
			]}
        ]
    });
    
	$("form[name='exploreworld']").submit(function() {
		// Serialize standard form fields:
		var formData			= $(this).serializeArray();

		// then append Dynatree selected 'checkboxes':
		var aTree				= $("#attributetree").dynatree("getTree");
		formData				= formData.concat(aTree.serializeArray());

		var cTree				= $("#countrytree").dynatree("getTree");
		formData				= formData.concat(cTree.serializeArray());
		
		var nOnePhotoWidth		= 200;
		
		if (nChoicesWidth < 1000)
		{
			nOnePhotoWidth		= 125;
		}
		
		var nMaxPhotosPerRow	= Math.floor ((nChoicesWidth - 10) / (nOnePhotoWidth + 10));
		var nTotalPicSpacing	= nChoicesWidth - (nMaxPhotosPerRow * nOnePhotoWidth);
		var nPicSpacing			= Math.floor (nTotalPicSpacing / (nMaxPhotosPerRow + 1));
		var nPicWidthSkinny		= nOnePhotoWidth - 25;
		var nChoiceBlockHeight	= ((nPicWidthSkinny + nPicSpacing) * 5) + 75;
		
		$("#leftcolumn").height (nChoiceBlockHeight);

		$.post("/ExploreChoices.asp?width=" + nChoicesWidth.toString(),
			formData,
			function(data, textStatus, jqXHR){
				$('#choices').html(data);
			}
		);
		return false;
	});
});