var categorieid=null;
var brandid=null;
var style=null;
//var gender=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;

	getGendersByCat();
	getBigBrands(catid);
	
	createCookie("categorieid",catid,1);
	eraseCookie("brandid");
	eraseCookie("gender");
	
} 
function getBigBrands(catid)
{ 
	

    getCatID();

	document.getElementById('getBrands_panel_search').innerHTML = "<nobr class=\"style2\">Loading &nbsp; <img src=\"bsimg/indicator_white.gif\"></nobr>" ;
	
	var url="shopping/getBigBrands.asp?cat=" + catid ;

	xmlHttp_bigbrands=GetXmlHttpObject(bigbrandsChanged);
	xmlHttp_bigbrands.open("GET", url , true);
	xmlHttp_bigbrands.send(null);
	
} 

// change brand should update == style, gender 
////Styles ////Styles ////Styles ////Styles ////Styles ////Styles ////Styles ////Styles
function getStyles(id)
{ 
  brandid=id;
  getGendersByBrand(id);
	if (id==-1)
	{
		hideStyles(); 
	}
	else
	{
		getBigStyles(id);
	}
	
	createCookie("brandid",id,1) ;	
	createCookie("categorieid",categorieid,1);
	eraseCookie("gender");
	eraseCookie("styleid");
} 

function getBigStyles(id)
{
	getCatID();
	document.getElementById('getStyles_panel_search').innerHTML = "<nobr class=\"style2\">Loading &nbsp; <img src=\"bsimg/indicator_white.gif\"></nobr>" ;
	
	var url="shopping/getBigStyles.asp?id="  + id + "&cat=" + categorieid ;

 brandid=id;
	
	xmlHttp_bigstyles=GetXmlHttpObject(stylesBigChanged);
	xmlHttp_bigstyles.open("GET", url , true);
	xmlHttp_bigstyles.send(null);
}



// change in categories or brand or style 
 ////Genders ////Genders ////Genders ////Genders ////Genders ////Genders
function getGendersByCat()
{ 
	getCatID();
	document.getElementById('getGenders_panel_search').innerHTML = "<nobr class=\"style2\">Loading &nbsp; <img src=\"bsimg/indicator_white.gif\"></nobr>" ;
	var url="shopping/getGenders.asp?cat=" + categorieid+"&BrandID=-1&StyleID=-1";

	xmlHttp_genders=GetXmlHttpObject(gendersChanged);
	xmlHttp_genders.open("GET", url , true);
	xmlHttp_genders.send(null);
		
} 
function getGendersByBrand(BrandID1)
{ 
    getCatID();
	document.getElementById('getGenders_panel_search').innerHTML = "<nobr class=\"style2\">Loading &nbsp; <img src=\"bsimg/indicator_white.gif\"></nobr>" ;
	var url="shopping/getGenders.asp?cat=" + categorieid+"&BrandID="+BrandID1+"&StyleID=-1";

	xmlHttp_genders=GetXmlHttpObject(gendersChanged);
	xmlHttp_genders.open("GET", url , true);
	xmlHttp_genders.send(null);
	
	//createCookie("brandid",brandid,1) ;	
	//createCookie("categorieid",categorieid,1);
	
	//eraseCookie("gender")
	
	//hideSizes();
		
} 
function getGendersByStyle(StyleID)
{ 
    getCatID();
	//document.getElementById('getGenders_panel').innerHTML = "<nobr class=\"style2\">Loading &nbsp; <img src=\"bsimg/indicator_white.gif\"></nobr>" ;
	document.getElementById('getGenders_panel_search').innerHTML = "<nobr class=\"style2\">Loading &nbsp; <img src=\"bsimg/indicator_white.gif\"></nobr>" ;
	var url="shopping/getGenders.asp?cat=" + categorieid+"&BrandID="+brandid+"&StyleID="+StyleID;

	xmlHttp_genders=GetXmlHttpObject(gendersChanged);
	xmlHttp_genders.open("GET", url , true);
	xmlHttp_genders.send(null);
		
	createCookie("styleid",StyleID,1);
	createCookie("brandid",brandid,1) ;	
	createCookie("categorieid",categorieid,1);
	eraseCookie("gender");
	
	//hideSizes();
		
} 

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



function brandsChanged()
{
if (xmlHttp_brands.readyState==4 || xmlHttp_brands.readyState=="complete")
	{	
		var brandhtml ;
		brandhtml = xmlHttp_brands.responseText;
			
		document.getElementById('getBrands_panel').innerHTML = brandhtml ;
		
		createCookie("brandhtml",brandhtml,1);
		
		
								
	}
}
function bigbrandsChanged()
{
if (xmlHttp_bigbrands.readyState==4 || xmlHttp_bigbrands.readyState=="complete")
	{	
		var bigbrandhtml;
		bigbrandhtml = xmlHttp_bigbrands.responseText;	
		document.getElementById('getBrands_panel_search').innerHTML = bigbrandhtml;
		
		createCookie('bigbrandhtml',bigbrandhtml,1);
		
			
	}
}



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

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

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

function stylesBigChanged() 
{ 
if (xmlHttp_bigstyles.readyState==4 || xmlHttp_bigstyles.readyState=="complete")
	{
		var bigstylehtml;
		bigstylehtml = xmlHttp_bigstyles.responseText;
		document.getElementById('getStyles_panel_search').innerHTML = bigstylehtml;
		
		createCookie("bigstylehtml",bigstylehtml,1);
	}
}

 ////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&nbsp;Gender</div></td></tr></table>" ;
	document.getElementById('getSizes_panel_search').innerHTML = "<table border=\"0\"><tr><td width=\"59\" class=\"style2\">Size</td><td width=\"107\"><div id=\"itemsize\" class=\"style2\">Select&nbsp;Gender</div></td></tr></table>" ;
	
 }

 ////Hide Styles
  function hideStyles()
 {
 	//document.getElementById('getStyles_panel').innerHTML = "" ;
	document.getElementById('getStyles_panel_search').innerHTML = "";
	createCookie("stylehtml","",1);
	createCookie("bigstylehtml","",1);
	
 }
 
 function getCatID()
 {
	 categorieid=document.getElementById('categoryid').value;
     brandid=document.getElementById('brandid').value;
	 //gender=document.getElementById('gender').value;
	 style=-1;
	 if (document.getElementById('styleid')!=null)
	 {
		 style=document.getElementById('styleid').value;
	 }
 }