var xmlHttp;

	function createXMLHttpRequest() 
	{
	
		if (window.ActiveXObject) 
		{
			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
		} 
		else if (window.XMLHttpRequest) 
		{
			xmlHttp = new XMLHttpRequest();
		}
	
	}
    function MakeRequest(productId)
	{
	  var styleId = document.getElementById('selectStyle').value;
	  createXMLHttpRequest();
	  xmlHttp.onreadystatechange = handleSizeChange;
	  xmlHttp.open("GET", "ajax.php?id="+styleId+"&productId="+productId+"&msg=forStyle", true);
	  xmlHttp.send(null);
	}
	
	function handleSizeChange() 
	{
		if(xmlHttp.readyState == 4) 
		{
	
			if(xmlHttp.status == 200) 
			{
				 var vals = xmlHttp.responseText.split("~");
				 document.getElementById('selectSize').length=0;
				 var opselect = new Option('Select', '', false, false);
		
				 var sel = document.getElementById('selectSize');
				 sel.options[0] = opselect;
				 
				 
		
				 for (i=0; i<vals.length; i++)
				 {    
					if ( vals[i]!='')
					{     
						var sizes = vals[i].split("|");
						var op = new Option(sizes[1], sizes[0], false, false);
						sel.options[sel.length] = op;
					}     
				 }
			}
		}
	}
	
	function MakeRequestForSize(productId)
	{
   	  var styleId = document.getElementById('selectStyle').value;
	  var sizeId = document.getElementById('selectSize').value;
	  
	  createXMLHttpRequest();
	  xmlHttp.onreadystatechange = handleColorChange;
	  xmlHttp.open("GET", "ajax.php?id="+styleId+"&sizeId="+sizeId+"&productId="+productId+"&msg=forSize", true);
	  xmlHttp.send(null);
   }
   
   function handleColorChange() 
	{
		if(xmlHttp.readyState == 4) 
		{
	
			if(xmlHttp.status == 200) 
			{
				 var vals = xmlHttp.responseText.split("~");
				 document.getElementById('selectColor').length=0;
				 var opselect = new Option('Select', '', false, false);
		
				 var sel = document.getElementById('selectColor');
				 sel.options[0] = opselect;
				 
				 
		
				 for (i=0; i<vals.length; i++)
				 {    
					if (vals[i]!='')
					{     
						var colors = vals[i].split("|");
						var op = new Option(colors[1], colors[0], false, false);
						sel.options[sel.length] = op;
					}     
				 }
			}
		}
	}