var XmlHttpObj;
var stage = 0;
function CreateXmlHttpObj()
{
	try
	{		XmlHttpObj = new ActiveXObject("Msxml2.XMLHTTP");	}
	catch(e)
	{
		try
		{			XmlHttpObj = new ActiveXObject("Microsoft.XMLHTTP");		} 
		catch(oc)
		{			XmlHttpObj = null;		}
	}
	if(!XmlHttpObj && typeof XMLHttpRequest != "undefined") 
	{		XmlHttpObj = new XMLHttpRequest();	}
}


function ContinentListOnChange(){
    var continentList = document.getElementById("month");
    var selectedContinent = continentList.options[continentList.selectedIndex].value;
    var requestUrl;
    requestUrl = "http://theeword.co.uk/js/coffeedates.php" + "?filter=" + encodeURIComponent(selectedContinent);

	CreateXmlHttpObj();
	if(XmlHttpObj){
		XmlHttpObj.onreadystatechange = StateChangeHandler;
		XmlHttpObj.open("GET", requestUrl,  true);
		XmlHttpObj.send(null);		
	}
}

function reserveTime(){
    var selectedContinent = document.getElementById("times").value;
    //alert(selectedContinent);
    if(document.getElementById("times").value > 0){
    var requestUrl;
    requestUrl = "http://theeword.co.uk/js/coffeedates.php" + "?reserve=" + encodeURIComponent(selectedContinent);

	CreateXmlHttpObj();
	if(XmlHttpObj){
		XmlHttpObj.open("GET", requestUrl,  false);
		XmlHttpObj.send(null);
	}
  	
  	document.getElementById('secondstep').style.display = 'none';
    document.getElementById('namelab').style.display = 'block';
    document.getElementById('comptanylab').style.display = 'block';
    document.getElementById('urllab').style.display = 'block';
    document.getElementById('telelab').style.display = 'block';
    document.getElementById('name').style.display = 'block';
    document.getElementById('company').style.display = 'block';
    document.getElementById('url').style.display = 'block';
    document.getElementById('tele').style.display = 'block';
    document.getElementById('subform').style.display = 'block';
    document.getElementById('emaillab').style.display = 'block';  
    document.getElementById('email').style.display = 'block';    
    document.getElementById('countdown').innerHTML = 'Just <b>40</b> seconds to go!';
    stage = 2;
    
    }
}



function StateChangeHandler(){
	if(XmlHttpObj.readyState == 4)
	{
		if(XmlHttpObj.status == 200)
		{						PopulateTimesList(XmlHttpObj.responseXML.documentElement);		}
		else
		{			alert("problem retrieving data from the server, status code: "  + XmlHttpObj.status);		}
	}
}

function PopulateTimesList(timeNode){
  var TimesList = document.getElementById("times");
	for (var count = TimesList.options.length-1; count >-1; count--)
	{		TimesList.options[count] = null;	}

	var timeNodes = timeNode.getElementsByTagName('date');
	var idValue;
	var textValue; 
	var optionItem;
	for (var count = 0; count < timeNodes.length; count++){
   	textValue = GetInnerText(timeNodes[count]);
		idValue = timeNodes[count].getAttribute("id");
		optionItem = new Option( textValue, idValue,  false, false);
		TimesList.options[TimesList.length] = optionItem;
	}
      if(count > 1){
      ////event control for ie and FF
      var el = document.getElementById('month')
      if (el.addEventListener) {
      el.addEventListener ("change",ContinentListOnChange,false);
      } else if (el.attachEvent) {
      el.attachEvent ("onchange",ContinentListOnChange);
      }
      
    //  document.getElementById('month').addEventListener('change',ContinentListOnChange,false);
    //  document.getElementById('month').attachEvent('onchange',ContinentListOnChange);

      document.getElementById('countdown').innerHTML = 'Just <b>50</b> seconds to go!';
      document.getElementById('timeslab').style.display = 'inline';
      document.getElementById('times').style.display = 'inline';
      document.getElementById('firststep').style.display = 'none';
        if(stage == 0){
          document.getElementById('secondstep').style.display = 'block';
        }
      }else{
      document.getElementById('timeslab').style.display = 'none';
      document.getElementById('times').style.display = 'none';
      }
}

function GetInnerText (node)
{
	 return (node.textContent || node.innerText || node.text) ;
}









