// declare a global  XMLHTTP Request object
var XmlHttpObj;

// create an instance of XMLHTTPRequest Object, varies with browser type, try for IE first then Mozilla
function CreateXmlHttpObj()
{
	// try creating for IE (note: we don't know the user's browser type here, just attempting IE first.)
	try
	{
		XmlHttpObj = new ActiveXObject("Msxml2.XMLHTTP");
	}
	catch(e)
	{
		try
		{
			XmlHttpObj = new ActiveXObject("Microsoft.XMLHTTP");
		} 
		catch(oc)
		{
			XmlHttpObj = null;
		}
	}
	// if unable to create using IE specific code then try creating for Mozilla (FireFox) 
	if(!XmlHttpObj && typeof XMLHttpRequest != "undefined") 
	{
		XmlHttpObj = new XMLHttpRequest();
	}
}

// called from onChange or onClick event of the continent dropdown list
function ContinentListOnChange() 
{
    var continentList = document.getElementById("continentList");
    
    // get selected continent from dropdown list
    var selectedContinent = continentList.options[continentList.selectedIndex].value;
    
    // url of page that will send xml data back to client browser
    var requestUrl;
    // use the following line if using asp
    //requestUrl = "xml_data_provider.php" + "?filter=" + encodeURIComponent(selectedContinent);
    // use the following line if using php
     requestUrl = "/modules/xml_data_provider.php" + "?filter=" + encodeURIComponent(selectedContinent);

	CreateXmlHttpObj();
	
	// verify XmlHttpObj variable was successfully initialized
	if(XmlHttpObj)
	{
        // assign the StateChangeHandler function ( defined below in this file)
        // to be called when the state of the XmlHttpObj changes
        // receiving data back from the server is one such change
		XmlHttpObj.onreadystatechange = StateChangeHandler;
		
		// define the iteraction with the server -- true for as asynchronous.
		XmlHttpObj.open("GET", requestUrl,  true);
		
		// send request to server, null arg  when using "GET"
		XmlHttpObj.send(null);		
	}
}

// this function called when state of  XmlHttpObj changes
// we're interested in the state that indicates data has been
// received from the server
function StateChangeHandler()
{
	// state ==4 indicates receiving response data from server is completed
	if(XmlHttpObj.readyState == 4)
	{
		// To make sure valid response is received from the server, 200 means response received is OK
		if(XmlHttpObj.status == 200)
		{			
			PopulateCountryList(XmlHttpObj.responseXML.documentElement);
		}
		else
		{
			alert("problem retrieving data from the server, status code: "  + XmlHttpObj.status);
		}
	}
}

// populate the contents of the country dropdown list
function PopulateCountryList(countryNode)
{
    var countryList = document.getElementById("countryList");
	// clear the country list 
	for (var count = countryList.options.length-1; count >-1; count--)
	{
		countryList.options[count] = null;
	}

	var countryNodes = countryNode.getElementsByTagName('country');
	var idValue;
	var textValue; 
	var optionItem;
	// populate the dropdown list with data from the xml doc
	for (var count = 0; count < countryNodes.length; count++)
	{
   	textValue = GetInnerText(countryNodes[count]);
		idValue = countryNodes[count].getAttribute("id");
		optionItem = new Option( textValue, idValue,  false, false);
		countryList.options[countryList.length] = optionItem;
	}
}



// returns the node text value 
function GetInnerText (node)
{
	 return (node.textContent || node.innerText || node.text) ;
}




/* for third level menu start */

	function ThirLevelListOnChange ()
	{
    var countryList = document.getElementById("countryList");

    // get selected continent from dropdown list
    var selectedContinent = countryList.options[countryList.selectedIndex].value;

    // url of page that will send xml data back to client browser
    var requestUrl;
    // use the following line if using asp
    //requestUrl = "xml_data_provider.php" + "?filter=" + encodeURIComponent(selectedContinent);
    // use the following line if using php
     requestUrl = "/modules/xml_data_provider.php" + "?level=2&filter=" + encodeURIComponent(selectedContinent);

		CreateXmlHttpObj();
	
	// verify XmlHttpObj variable was successfully initialized
	if(XmlHttpObj)
	 {
        // assign the StateChangeHandler function ( defined below in this file)
        // to be called when the state of the XmlHttpObj changes
        // receiving data back from the server is one such change
		XmlHttpObj.onreadystatechange = StateChangeHandler1;
		
		// define the iteraction with the server -- true for as asynchronous.
		XmlHttpObj.open("GET", requestUrl,  true);
		
		// send request to server, null arg  when using "GET"
		XmlHttpObj.send(null);		
	 }		
	}

function StateChangeHandler1()
{
	// state ==4 indicates receiving response data from server is completed
	if(XmlHttpObj.readyState == 4)
	{
		// To make sure valid response is received from the server, 200 means response received is OK
		if(XmlHttpObj.status == 200)
		{			
			PopulateCountryList1(XmlHttpObj.responseXML.documentElement);
		}
		else
		{
			alert("problem retrieving data from the server, status code: "  + XmlHttpObj.status);
		}
	}
}

function PopulateCountryList1(countryNode)
{
    var thirdLevelList = document.getElementById("thirdLevelList");

	// clear the country list 
	for (var count = thirdLevelList.options.length-1; count >-1; count--)
	{
		thirdLevelList.options[count] = null;
	}

	var countryNodes = countryNode.getElementsByTagName('country');
	var idValue;
	var textValue; 
	var optionItem;
	// populate the dropdown list with data from the xml doc
	for (var count = 0; count < countryNodes.length; count++)
	{
   	textValue = GetInnerText(countryNodes[count]);
		idValue = countryNodes[count].getAttribute("id");
		optionItem = new Option( textValue, idValue,  false, false);
		thirdLevelList.options[thirdLevelList.length] = optionItem;
	}
}

/* for third level menu end */


/* for forth level menu start */

	function ForthLevelListOnChange ()
	{
    var thirdLevelList = document.getElementById("thirdLevelList");

    // get selected continent from dropdown list
    var selectedContinent = thirdLevelList.options[thirdLevelList.selectedIndex].value;

    // url of page that will send xml data back to client browser
    var requestUrl;
    // use the following line if using php
     requestUrl = "/modules/xml_data_provider.php" + "?level=3&filter=" + encodeURIComponent(selectedContinent);

		CreateXmlHttpObj();
	
	// verify XmlHttpObj variable was successfully initialized
	if(XmlHttpObj)
	 {
        // assign the StateChangeHandler function ( defined below in this file)
        // to be called when the state of the XmlHttpObj changes
        // receiving data back from the server is one such change
		XmlHttpObj.onreadystatechange = StateChangeHandler3;
		
		// define the iteraction with the server -- true for as asynchronous.
		XmlHttpObj.open("GET", requestUrl,  true);
		
		// send request to server, null arg  when using "GET"
		XmlHttpObj.send(null);		
	 }		
	}

function StateChangeHandler3()
{
	// state ==4 indicates receiving response data from server is completed
	if(XmlHttpObj.readyState == 4)
	{
		// To make sure valid response is received from the server, 200 means response received is OK
		if(XmlHttpObj.status == 200)
		{			
			PopulateCountryList3(XmlHttpObj.responseXML.documentElement);
		}
		else
		{
			alert("problem retrieving data from the server, status code: "  + XmlHttpObj.status);
		}
	}
}

function PopulateCountryList3(countryNode)
{
    var forthLevelList = document.getElementById("forthLevelList");
	
	// clear the country list 
	for (var count = forthLevelList.options.length-1; count >-1; count--)
	{
		forthLevelList.options[count] = null;
	}

	var countryNodes = countryNode.getElementsByTagName('country');
	var idValue;
	var textValue; 
	var optionItem;
	// populate the dropdown list with data from the xml doc
	for (var count = 0; count < countryNodes.length; count++)
	{
   	textValue = GetInnerText(countryNodes[count]);
		idValue = countryNodes[count].getAttribute("id");
		optionItem = new Option( textValue, idValue,  false, false);
		forthLevelList.options[forthLevelList.length] = optionItem;
	}
}

/* for forth level menu end */

/* for fifth level menu start */

	function FifthLevelListOnChange ()
	{
    var forthLevelList = document.getElementById("forthLevelList");

    // get selected continent from dropdown list
    var selectedContinent = forthLevelList.options[forthLevelList.selectedIndex].value;

    // url of page that will send xml data back to client browser
    var requestUrl;
    // use the following line if using php
     requestUrl = "/modules/xml_data_provider.php" + "?level=5&filter=" + encodeURIComponent(selectedContinent);

		CreateXmlHttpObj();
	
	// verify XmlHttpObj variable was successfully initialized
	if(XmlHttpObj)
	 {
        // assign the StateChangeHandler function ( defined below in this file)
        // to be called when the state of the XmlHttpObj changes
        // receiving data back from the server is one such change
		XmlHttpObj.onreadystatechange = StateChangeHandler5;
		
		// define the iteraction with the server -- true for as asynchronous.
		XmlHttpObj.open("GET", requestUrl,  true);
		
		// send request to server, null arg  when using "GET"
		XmlHttpObj.send(null);		
	 }		
	}

function StateChangeHandler5()
{
	// state ==4 indicates receiving response data from server is completed
	if(XmlHttpObj.readyState == 4)
	{
		// To make sure valid response is received from the server, 200 means response received is OK
		if(XmlHttpObj.status == 200)
		{			
			PopulateCountryList5(XmlHttpObj.responseXML.documentElement);
		}
		else
		{
			alert("problem retrieving data from the server, status code: "  + XmlHttpObj.status);
		}
	}
}

function PopulateCountryList5(countryNode)
{
    var fifthLevelList = document.getElementById("fifthLevelList");
	
	// clear the country list 
	for (var count = fifthLevelList.options.length-1; count >-1; count--)
	{
		fifthLevelList.options[count] = null;
	}

	var countryNodes = countryNode.getElementsByTagName('country');
	var idValue;
	var textValue; 
	var optionItem;
	// populate the dropdown list with data from the xml doc
	for (var count = 0; count < countryNodes.length; count++)
	{
   	textValue = GetInnerText(countryNodes[count]);
		idValue = countryNodes[count].getAttribute("id");
		optionItem = new Option( textValue, idValue,  false, false);
		fifthLevelList.options[fifthLevelList.length] = optionItem;
	}
}

/* for fifth level menu end */

/* for client side menu start */

	function SubCatListOnChange ()
	{
    var mainCatList = document.getElementById("mainCatList");

    // get selected continent from dropdown list
    var selectedContinent = mainCatList.options[mainCatList.selectedIndex].value;

    // url of page that will send xml data back to client browser
    var requestUrl;
    // use the following line if using php
     requestUrl = "/modules/xml_data_provider.php" + "?level=6&filter=" + encodeURIComponent(selectedContinent);

		CreateXmlHttpObj();

	// verify XmlHttpObj variable was successfully initialized
	if(XmlHttpObj)
	 {
        // assign the StateChangeHandler function ( defined below in this file)
        // to be called when the state of the XmlHttpObj changes
        // receiving data back from the server is one such change
		XmlHttpObj.onreadystatechange = StateChangeHandler6;
		
		// define the iteraction with the server -- true for as asynchronous.
		XmlHttpObj.open("GET", requestUrl,  true);
		
		// send request to server, null arg  when using "GET"
		XmlHttpObj.send(null);		
	 }		
	}

function StateChangeHandler6()
{
	// state ==4 indicates receiving response data from server is completed
	if(XmlHttpObj.readyState == 4)
	{
		// To make sure valid response is received from the server, 200 means response received is OK
		if(XmlHttpObj.status == 200)
		{
			PopulateCountryList6(XmlHttpObj.responseXML.documentElement);
		}
		else
		{
			alert("problem retrieving data from the server, status code: "  + XmlHttpObj.status);
		}
	}
}

function PopulateCountryList6(countryNode)
{
    var subCatList = document.getElementById("subCatList");
	
	// clear the country list 
	for (var count = subCatList.options.length-1; count >-1; count--)
	{
		subCatList.options[count] = null;
	}

	var countryNodes = countryNode.getElementsByTagName('country');
	var idValue;
	var textValue; 
	var optionItem;
	// populate the dropdown list with data from the xml doc
	for (var count = 0; count < countryNodes.length; count++)
	{
   	textValue = GetInnerText(countryNodes[count]);
		idValue = countryNodes[count].getAttribute("id");
		optionItem = new Option( textValue, idValue,  false, false);
		subCatList.options[subCatList.length] = optionItem;
	}
}

/* for client side menu end */

/* for main category menus start */

	function SubCatListOnChange1 ()
	{
    var mainCatList1 = document.getElementById("mainCatList1");

    // get selected continent from dropdown list
    var selectedContinent = mainCatList1.options[mainCatList1.selectedIndex].value;

    // url of page that will send xml data back to client browser
    var requestUrl;
    // use the following line if using php
     requestUrl = "/modules/xml_data_provider.php" + "?level=7&filter=" + encodeURIComponent(selectedContinent);

		CreateXmlHttpObj();

	// verify XmlHttpObj variable was successfully initialized
	if(XmlHttpObj)
	 {
        // assign the StateChangeHandler function ( defined below in this file)
        // to be called when the state of the XmlHttpObj changes
        // receiving data back from the server is one such change
		XmlHttpObj.onreadystatechange = StateChangeHandler61;
		
		// define the iteraction with the server -- true for as asynchronous.
		XmlHttpObj.open("GET", requestUrl,  true);
		
		// send request to server, null arg  when using "GET"
		XmlHttpObj.send(null);		
	 }		
	}

	function StateChangeHandler61()
	{
		// state ==4 indicates receiving response data from server is completed
		if(XmlHttpObj.readyState == 4)
		{
			// To make sure valid response is received from the server, 200 means response received is OK
			if(XmlHttpObj.status == 200)
			{
				PopulateCountryList61(XmlHttpObj.responseXML.documentElement);
			}
			else
			{
				alert("problem retrieving data from the server, status code: "  + XmlHttpObj.status);
			}
		}
	}
	
	function PopulateCountryList61(countryNode)
	{
	    var subCatList1 = document.getElementById("subCatList1");
		
		// clear the country list 
		for (var count = subCatList1.options.length-1; count >-1; count--)
		{
			subCatList1.options[count] = null;
		}
	
		var countryNodes = countryNode.getElementsByTagName('country');
		var idValue;
		var textValue; 
		var optionItem;
		// populate the dropdown list with data from the xml doc
		for (var count = 0; count < countryNodes.length; count++)
		{
	   	textValue = GetInnerText(countryNodes[count]);
			idValue = countryNodes[count].getAttribute("id");
			optionItem = new Option( textValue, idValue,  false, false);
			subCatList1.options[subCatList1.length] = optionItem;
		}
	}

/* for main category menu end */

/* for sub category menus start */

	function SubSubCatListOnChange1 ()
	{
    var subCatList1 = document.getElementById("subCatList1");

    // get selected continent from dropdown list
    var selectedContinent = subCatList1.options[subCatList1.selectedIndex].value;

    // url of page that will send xml data back to client browser
    var requestUrl;
    // use the following line if using php
     requestUrl = "/modules/xml_data_provider.php" + "?level=8&filter=" + encodeURIComponent(selectedContinent);

		CreateXmlHttpObj();

	// verify XmlHttpObj variable was successfully initialized
	if(XmlHttpObj)
	 {
        // assign the StateChangeHandler function ( defined below in this file)
        // to be called when the state of the XmlHttpObj changes
        // receiving data back from the server is one such change
		XmlHttpObj.onreadystatechange = StateChangeHandler62;
		
		// define the iteraction with the server -- true for as asynchronous.
		XmlHttpObj.open("GET", requestUrl,  true);
		
		// send request to server, null arg  when using "GET"
		XmlHttpObj.send(null);		
	 }		
	}

	function StateChangeHandler62()
	{
		// state ==4 indicates receiving response data from server is completed
		if(XmlHttpObj.readyState == 4)
		{
			// To make sure valid response is received from the server, 200 means response received is OK
			if(XmlHttpObj.status == 200)
			{
				PopulateCountryList62(XmlHttpObj.responseXML.documentElement);
			}
			else
			{
				alert("problem retrieving data from the server, status code: "  + XmlHttpObj.status);
			}
		}
	}
	
	function PopulateCountryList62(countryNode)
	{
	    var SubSubCatList1 = document.getElementById("SubSubCatList1");
		
		// clear the country list 
		for (var count = SubSubCatList1.options.length-1; count >-1; count--)
		{
			SubSubCatList1.options[count] = null;
		}
	
		var countryNodes = countryNode.getElementsByTagName('country');
		var idValue;
		var textValue; 
		var optionItem;
		// populate the dropdown list with data from the xml doc
		for (var count = 0; count < countryNodes.length; count++)
		{
	   	textValue = GetInnerText(countryNodes[count]);
			idValue = countryNodes[count].getAttribute("id");
			optionItem = new Option( textValue, idValue,  false, false);
			SubSubCatList1.options[SubSubCatList1.length] = optionItem;
		}
	}

/* for sub category menu end */