var xmlHttp;

function showimgs(str)
{
		
	//Establish the AJAX for the browser
	xmlHttp=GetXmlHttpObject();
	if (xmlHttp==null)
	  {
	  alert ("Your browser does not support AJAX!");
	  return;
	  } 

	

	//alert ("I am inside showimgs function andoptions selectedis:! "+ str );
	var url="/getimgs.php";
	url=url+"?q="+str;
	//url=url+"&sid="+Math.random();
	
	//sending request to server
	xmlHttp.onreadystatechange=stateChanged;
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);
}




/*
function showcard()
{
		
	//Establish the AJAX for the browser
	xmlHttp=GetXmlHttpObject();
	if (xmlHttp==null)
	  {
	  alert ("Your browser does not support AJAX!");
	  return;
	  } 
	//alert ("I am inside showcard function!");
	var url="/getcardsimgs.php";
	//url=url+"?q="+str;
	//url=url+"&sid="+Math.random();
	
	//sending request to server
	xmlHttp.onreadystatechange=stateChanged;
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);
}

function showmags()
{
		
	//Establish the AJAX for the browser
	xmlHttp=GetXmlHttpObject();
	if (xmlHttp==null)
	  {
	  alert ("Your browser does not support AJAX!");
	  return;
	  } 
	//alert ("I am inside showmags function!");
	var url="/showmagscodes.php";
	//url=url+"?q="+str;
	//url=url+"&sid="+Math.random();
	
	//sending request to server
	xmlHttp.onreadystatechange=stateChangedCodes;
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);
}
*/
function showcodes(str)
{
	//alert ("I am in clientjsajax and the option selected is:"+ str);
	
	//check if there is a previous dropdown list, If so, then remove it
	if (document.getElementById("content_list"))
		{
		 //alert("content_list exists");
		 removeElement();
		}
	


	var x = document.getElementById('graphics');
	var str1 = x.name;
	//alert ("graphic selected is:"+ str1);
	

	//remove_list ();
	//Establish the AJAX for the browser
	xmlHttp=GetXmlHttpObject();
	if (xmlHttp==null)
	  {
	  alert ("Your browser does not support AJAX!");
	  return;
	  } 
	
	var url2="/showcodes.php";
	url2 = url2 + "?op="+str1;// kind selected
	url2 = url2 + "&&v="+str; //value of kind
	//url2=url2+"&sid="+Math.random();

	//alert ("The URL is:"+ url2);
		
	//sending request to server
	xmlHttp.onreadystatechange=stateChangedCodes;
	xmlHttp.open("GET",url2,true);
	xmlHttp.send(null);
	document.getElementById('code_rec').focus();
}


function GetXmlHttpObject()
	{var xmlHttp=null;
	try
	  {
	  // Firefox, Opera 8.0+, Safari
	  xmlHttp=new XMLHttpRequest();
	  }
	catch (e)
	  {
	  // Internet Explorer
	  try
		{
		xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
		}
	  catch (e)
		{
		xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
	  }
	return xmlHttp;
	}



function stateChanged() 
	{ 
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
	{ 
	document.getElementById("warning").innerHTML=xmlHttp.responseText;
	}
	//alert( xmlHttp.readyState); 

	}


function stateChangedCodes() 
	{ 
	//if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
		if (xmlHttp.readyState == 4) {
            if (xmlHttp.status == 200) {
          	  	//alert('the status is complete');
				var placer = document.getElementById('warning');
					placer.innerHTML += xmlHttp.responseText;
					
//				document.getElementById("codes").innerHTML =xmlHttp.responseText;
          	  	
            } else {
                alert('There was a problem with the request.');
            }
        }
}

function removeElement(){
	//alert("i am in remove element function");
	var d = document.getElementById('warning');
	var oldcode = document.getElementById('content_list');
	d.removeChild(oldcode);
	 
 /* if (d.childNodes && d.childNodes.length > 0) {
			alert ('warning div has children!' + d.childNodes.length);
                    for (var x = 0; x < d.childNodes.length; x++) {
                        d.removeChild(d.childNodes[x]);
                    }
    }
*/


}


/*
function removeElement() {
  alert("i am in remove element function");
  
  var d = document.getElementById('warning');
  
  
  
  if (d.childNodes && d.childNodes.length > 0) {
			alert ('warning div has children!' + d.childNodes.length);
                    for (var x = 0; x < d.childNodes.length; x++) {
                        d.removeChild(d.childNodes[x]);
                    }
    }

  /*var oldcode = document.getElementById('code_rec');
  d.removeChild(oldcode);*/
  
//}