var xmlhttp;



function afterLoading()
{

   $(".tours").hide(); 
   
   var table = $("#tourTable").dataTable({
      "sDom": "<l<t>i>",
      "bPaginate": false,
      "bSort": false 
   }); 

   $("#tourTable").hide(2);
   //$("#search").hide(); 

   $(".tourtype").click( function() {
  

      $("#tourTable").hide();
      //$("#search").hide(); 
      table.fnFilter( $(this).val() , 1);
     
      // display hint for tours
      if( $(this).val() == "English" || 
          $(this).val() == "Chinese" )
      {
         $(".tours").show(); 
      }
      else{

         $(".tours").hide(); 
      }

      
      $("#tourTable").find("tr").each( function(){

          var td = $(this).children("td");
          var name = $(td[1]).text();
          var index = name.indexOf(":");

          if( index != -1 ){ //whether contains ';' 

            name = name.substr(0, index);
            $(td[1]).html("<span class='style3'>" + name + "</span>");

          }

      });
   
      $("#tourTable").show("fade");
      //$("#search").show(); 

   });


   // highlight the row which is used for display type
   $("#tourTable").find("tr").each( function(){
       var td = $(this).children("td");
       if( $(td[1]).text() != "" ){

         var name = $(td[1]).text();
         // check if the row for displaying type
         var index;
         var index = name.indexOf(";");

         if( index != -1 ){ //whether contains ';' 
           
            //alert( length + " " + index );
            $(td[0]).text("CODE");

            $(td[0]).addClass("sytletitle");
             
            name = name.substr(0, index);
            $(td[1]).text(name);
            $(td[1]).addClass("sytletitle");

            $(td[2]).text("");

         }

       }
   });

}

function showAUTours(str)
{
     
	//xmlhttp=GetXmlHttpObject();
	//if (xmlhttp==null)
	//  {
	//  alert ("Browser does not support HTTP Request");
	//  return;
	//  }
    
	//var url="getTours.php";
	
	//url=url+"?loc="+str;

	//xmlhttp.onreadystatechange=stateChanged;
	//xmlhttp.open("GET",url,true);
	//xmlhttp.send(null);

    // display loading process bar 
    $('#txtState').html( "<br/> <img src='images/ajax-loader.gif'/>" ); 
    $('#txtState').load( "getTours.php?" + "loc=" + str, afterLoading);

}



function showTours(state_id, loc_id, country_id)
{
	if( state_id < 0 || loc_id < 0 || country_id < 0) {
	  return false;
	}
	
	xmlhttp=GetXmlHttpObject();
	if (xmlhttp==null)
	  {
	  alert ("Browser does not support HTTP Request");
	  return;
	  }
	var url="getTours.php";
	
	url=url+"?state="+state_id+"&loc="+loc_id+"&country="+country_id;

	xmlhttp.onreadystatechange=stateChanged;
	xmlhttp.open("GET",url,true);
	xmlhttp.send(null);
}

function stateChanged()
{
  if (xmlhttp.readyState==4)
  {
	document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
  }
}

function GetXmlHttpObject()
{
/*
  if (window.XMLHttpRequest)
  {
  	// code for IE7+, Firefox, Chrome, Opera, Safari
  	//alert('in IE7+, FF');
	return new XMLHttpRequest();
  }
  if (window.ActiveXObject)
  {
  	//code for IE6, IE5
  	//alert('in IE5 or IE6');
  	//return new ActiveXObject("Microsoft.XMLHTTP");
  	return new ActiveXObject("Msxml2.XMLHTTP");

  }
  return null;
*/

  try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); }
  catch (e) { try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); }
  catch (e) { try { xmlhttp = new XMLHttpRequest(); }
  catch (e) { xmlhttp = false; }}}

  return xmlhttp;

}