function getBBQ(newChoice)
{
    // Toggle the push pin gifs
    var oldChoice = document.ajax_bbq.currentBBQ.value
    var oldBBQ = document.getElementById('pin'+oldChoice)
    var chosenBBQ = document.getElementById('pin'+newChoice)
    oldBBQ.src = "/img/home/bbq/push2.gif";
    chosenBBQ.src = "/img/home/bbq/push.gif";
    document.ajax_bbq.currentBBQ.value = newChoice

    var req = null; 

    if(window.XMLHttpRequest)
        req = new XMLHttpRequest(); 
    else if (window.ActiveXObject)
        req  = new ActiveXObject(Microsoft.XMLHTTP); 

    req.onreadystatechange = function()
    { 
        if(req.readyState == 4)
        {
            if(req.status == 200)
            {
                var nodes=req.responseXML.getElementsByTagName("restaurant");

                // Cycle through the restaurants till you find the right one
                for (i=0; i < nodes.length; i++)
                {
                   restaurant = nodes.item(i);
                   v_index = restaurant.getAttribute("index");
                   if (v_index == newChoice)
                       { break; }
                }

                // Load all the restaurant details
                document.getElementById('r_name').innerHTML="<Font size=+3>"+restaurant.getElementsByTagName('name')[0].firstChild.data.replace(/_br_/g, "<br>&nbsp;&nbsp;")+"</Font>";
                document.getElementById('r_est').innerHTML="Est " + restaurant.getElementsByTagName('est')[0].firstChild.data;
                document.getElementById('r_style').innerHTML=restaurant.getElementsByTagName('style')[0].firstChild.data.replace(/_br_/, "<br>&nbsp;&nbsp;");
                //document.getElementById('r_pic').src="/img/home/bbq/" + restaurant.getElementsByTagName('pic')[0].firstChild.data;
                document.getElementById('r_pic').title=restaurant.getElementsByTagName('title')[0].firstChild.data;
                document.getElementById('r_sampled').innerHTML=restaurant.getElementsByTagName('sampled')[0].firstChild.data;

				var targetImage = document.getElementById('r_pic');
				fadeOut("r_pic",100,"/img/home/bbq/" + restaurant.getElementsByTagName('pic')[0].firstChild.data);

                // Use the function that displays the number of stars
                setStarz("mn", restaurant.getElementsByTagName('main')[0].firstChild.data);
                setStarz("sd", restaurant.getElementsByTagName('side')[0].firstChild.data);
                setStarz("at", restaurant.getElementsByTagName('atmo')[0].firstChild.data);
                setStarz("sv", restaurant.getElementsByTagName('serv')[0].firstChild.data);
                setStarz("ov", restaurant.getElementsByTagName('over')[0].firstChild.data);

                document.getElementById('r_notes').innerHTML=restaurant.getElementsByTagName('notes')[0].firstChild.data;

                document.getElementById('r_second').innerHTML=restaurant.getElementsByTagName('second')[0].firstChild.data;
                document.getElementById('r_sec_town').innerHTML=restaurant.getElementsByTagName('sec_town')[0].firstChild.data;
                document.getElementById('r_sec_sampled').innerHTML=restaurant.getElementsByTagName('sec_sampled')[0].firstChild.data;

                setStarz("sec_mn", restaurant.getElementsByTagName('sec_main')[0].firstChild.data);
                setStarz("sec_sd", restaurant.getElementsByTagName('sec_side')[0].firstChild.data);
                setStarz("sec_at", restaurant.getElementsByTagName('sec_atmo')[0].firstChild.data);
                setStarz("sec_sv", restaurant.getElementsByTagName('sec_serv')[0].firstChild.data);
                setStarz("sec_ov", restaurant.getElementsByTagName('sec_over')[0].firstChild.data);

                document.getElementById('r_sec_notes').innerHTML=restaurant.getElementsByTagName('sec_notes')[0].firstChild.data;

                if(newChoice == oldChoice) {
                    //alert('Visit ' + restaurant.getElementsByTagName('url')[0].firstChild.data + ' for more details');
                }

            }	
            else	
            {
                alert('Your crappy browser does not handle Ajax programming');
            }	
        } 
    };
 
    req.open("GET", "bbq.xml", true); 
    req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
    req.send(null); 
}


// You provide this funtion with a star cluster name and the amount of stars to draw.  Then magic happens
function setStarz(dept, num)
{
    for (i=0; i < 5; i++)
    {
        var star = dept+i;
        if (i >= num)
           document.getElementById(star).style.visibility = 'hidden';
        else
           document.getElementById(star).style.visibility = 'visible';
    }
}

