/*
function to create a popup window to search for courses

  <script type="text/javascript" src="../js/courseSearch.js"></script>

copy-paste the folowing code into a page that needs the popup
<div id="search_course_form" >
</div>
 <A name="search_course" id="search_course" HREF="" onclick="search_course('search_course','search_course_form','id_field','name_div');return false;">search course</A>

*/


var search_window_popup = 0;
var search_window_div = "";
var result_name_div = "";
var result_id_field = "";

function getFormVariables(form_name)
{
    var formvars='';
    var form=document.forms[form_name];

    for(var i=0;i<form.elements.length;i++)
    {
        if(form.elements[i].name && form.elements[i].value)
            formvars += encodeURIComponent(form.elements[i].name)+'='+encodeURIComponent(form.elements[i].value)+'&';
    }
   
    formvars=formvars.substring(0,formvars.length-1);
    return formvars;
}

function search_course_do(form_fields)
{
    var req = new XMLHttpRequest();
    req.onreadystatechange = function()
    {
        if (req.readyState == 4 && (req.status == 200 || req.status == 304))
        {
            if(req.responseText!="0")
            {
                 search_result(search_window_div,req.responseText);
                //desc_w.hidePopup();
            }
        }

    }
    var params = form_fields;
    req.open('POST', "http://www.howiplaygolf.com/ajax/search_course.php"); 

    //Send the proper header information along with the request
    req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    req.setRequestHeader("Content-length", params.length);
    req.setRequestHeader("Connection", "close");
    
    req.send(params);

}


function search_result(div,results)
{

   div.innerHTML =
"<table width=\"100%\" height=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"+
    "<tr >"+
        "<td width=\"100%\" >"+
            "<h1>"+
                "<div class='div10'>Search golf course</div>"+
            "</h1>"+
        "</td>"+
        "<td >"+
            "<a href='javascript:search_window_popup.hidePopup()'><img  style=\"margin:2px;\" src=\"graphics/cross.png\" border=\"0\" alt=\"close\"></a>"+
        "</td>"+
    "</tr>"+
    "<tr>"+
        "<td align=\"left\" valign=\"top\" colspan=\"2\" style=\"background-color:#FFFFFF;border-width:1px; border-color:#000000; border-style:solid color:#000000\">"+
            results+
        "</td>"+
    "</tr>"+
"</table>";
search_window_div.style.height="";

}

function search_course(anchor_id,div_id,id_field,name_div,name_field)
{
	//alert('Inside search_course');
    if(search_window_popup == 0)
    {
		//alert(1);
        search_window_popup = new PopupWindow(div_id);
        search_window_popup.autoHide(); 
        search_window_popup.offsetX = -100;
        search_window_popup.offsetY = -50;
        search_window_div = document.getElementById(div_id);


    }
	//alert(2);
    search_course_do("")
    search_window_popup.showPopup(anchor_id);

    result_name_div = name_div;
    result_name_field=name_field;
    result_id_field = id_field;
}

function add_course(id, coursename)
{
    search_window_popup.hidePopup();
	//alert(result_name_div);
	//alert(result_id_field);
	//alert(result_name_field);
	//alert(id);
	//alert(coursename);
	//alert(document.getElementById(result_name_div));	
		//alert(document.getElementById('selected_course'));
	//alert(document.getElementById('selected_course_name'));

    //document.getElementById(result_name_div).innerHTML = coursename;
    document.getElementById(result_id_field).value = id;
    document.getElementById(result_name_field).value = coursename;
	//alert(document.getElementById('selected_course').value);
	//alert(document.getElementById('selected_course_name').value);
	
}