var categorieid=1;
var brandid=null;
var style=null;

function GetXmlHttpObject(handler){
	var objXmlHttp=null;
	if (navigator.userAgent.indexOf("MSIE")>=0){ 
			var strName="Msxml2.XMLHTTP";
			if (navigator.appVersion.indexOf("MSIE 5.5")>=0){
					strName="Microsoft.XMLHTTP";
				} 
			try { 
					objXmlHttp=new ActiveXObject(strName);
					objXmlHttp.onreadystatechange=handler;
					return objXmlHttp;
				} 
			catch(e){ 
					alert("Error. Scripting for ActiveX might be disabled");
					return;
				} 
		} 
	if (navigator.userAgent.indexOf("Mozilla")>=0){
			objXmlHttp=new XMLHttpRequest();
			objXmlHttp.onload=handler;
			objXmlHttp.onerror=handler;
			return objXmlHttp;
		}
} 

// change categories update == Brands, Genders
////Brands ////Brands ////Brands ////Brands ////Brands ////Brands ////Brands           indicator_white.gif
function getBrands(catid)
{ 
	hideStyles(); 
	hideSizes();
	
 categorieid=catid;
 brandid=null;

	document.getElementById('getBrands_panel').innerHTML = "<nobr class=\"style2\">Loading &nbsp; <img src=\"images/indicator_white.gif\"></nobr>" ; 
	
	var url="ajax/getBrands.asp?cat="  + catid ;

	xmlHttp_brands=GetXmlHttpObject(brandsChanged);
	xmlHttp_brands.open("GET", url , true);
	xmlHttp_brands.send(null);
	getGenders();
} 
 ////Genders ////Genders ////Genders ////Genders ////Genders ////Genders
function getGenders()
{ 
	document.getElementById('getGenders_panel').innerHTML = "<nobr class=\"style2\">Loading &nbsp; <img src=\"images/indicator_white.gif\"></nobr>" ;
	var url="ajax/getGenders.asp?cat=" + categorieid + "&brand=" + brandid ;

	xmlHttp_genders=GetXmlHttpObject(gendersChanged);
	xmlHttp_genders.open("GET", url , true);
	xmlHttp_genders.send(null);
		
} 
////Genders ////Genders ////Genders ////Genders ////Genders ////Genders
function getGenders(styleid)
{ 
	document.getElementById('getGenders_panel').innerHTML = "<nobr class=\"style2\">Loading &nbsp; <img src=\"images/indicator_white.gif\"></nobr>" ;
	
	var url="ajax/getGenders.asp?cat=" + categorieid + "&brand=" + brandid + "&style=" + styleid ;

	xmlHttp_genders=GetXmlHttpObject(gendersChanged);
	xmlHttp_genders.open("GET", url , true);
	xmlHttp_genders.send(null);
		
} 


///
////Sizes ////Sizes ////Sizes ////Sizes ////Sizes ////Sizes ////Sizes ////Sizes ////Sizes
function getSizes(id)
{ 
	document.getElementById('getSizes_panel').innerHTML = "<nobr class=\"style2\">Loading &nbsp; <img src=\"images/indicator_white.gif\"></nobr>" ;
		
	var url="ajax/getSizes.asp?id="  + id + "&cat=" + categorieid + "&brand=" + brandid ;
		
	xmlHttp_sizes=GetXmlHttpObject(sizesChanged);
	xmlHttp_sizes.open("GET", url , true);
	xmlHttp_sizes.send(null);
		
} 
// change brand should update == style, gender 
////Styles ////Styles ////Styles ////Styles ////Styles ////Styles ////Styles ////Styles
function getStyles(id)
{ 
	document.getElementById('getStyles_panel').innerHTML = "<nobr class=\"style2\">Loading &nbsp; <img src=\"images/indicator_white.gif\"></nobr>" ;
	
	var url="ajax/getStyles.asp?id="  + id + "&cat=" + categorieid ;

 brandid=id;
	
	xmlHttp_styles=GetXmlHttpObject(stylesChanged);
	xmlHttp_styles.open("GET", url , true);
	xmlHttp_styles.send(null);
	getGenders();
	
} 


function brandsChanged()
{
if (xmlHttp_brands.readyState==4 || xmlHttp_brands.readyState=="complete")
	{
		document.getElementById('getBrands_panel').innerHTML = xmlHttp_brands.responseText;
					
	}
}

function gendersChanged()
{
if (xmlHttp_genders.readyState==4 || xmlHttp_genders.readyState=="complete")
	{
		document.getElementById('getGenders_panel').innerHTML = xmlHttp_genders.responseText;
				
	}
}

function sizesChanged()
{
if (xmlHttp_sizes.readyState==4 || xmlHttp_sizes.readyState=="complete")
	{
		document.getElementById('getSizes_panel').innerHTML = xmlHttp_sizes.responseText;
		
	}
}

function stylesChanged() 
{ 
if (xmlHttp_styles.readyState==4 || xmlHttp_styles.readyState=="complete")
	{
		document.getElementById('getStyles_panel').innerHTML = xmlHttp_styles.responseText;
				
	}
} 

 ////Hide Sizes  ////Hide Sizes  ////Hide Sizes  ////Hide Sizes  ////Hide Sizes 
 function hideSizes()
 {
 	document.getElementById('getSizes_panel').innerHTML = "<table border=\"0\"><tr><td width=\"59\" class=\"style2\">Size</td><td width=\"107\"><div id=\"itemsize\" class=\"style2\">Select Gender</div></td></tr></table>" ;
	
 }

 ////Hide Styles
  function hideStyles()
 {
 	document.getElementById('getStyles_panel').innerHTML = "" ;
	
	
 }