﻿
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();
	getBigBrands(catid);
	
	
	createCookie("categorieid",catid,1);
	
	eraseCookie("brandid")
	
} 
function getBigBrands(catid)
{ 
	
 categorieid=catid;
 brandid=null;

	document.getElementById('getBrands_panel_search').innerHTML = "<nobr class=\"style2\">Loading &nbsp; <img src=\"images/indicator_white.gif\"></nobr>" ;
	
	var url="ajax/getBigBrands.asp?cat=" + catid ;

	xmlHttp_bigbrands=GetXmlHttpObject(bigbrandsChanged);
	xmlHttp_bigbrands.open("GET", url , true);
	xmlHttp_bigbrands.send(null);
	
	
	createCookie("categorieid",catid,1);
	
	
} 





// change in categories or brand or style 
 ////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>" ;
	document.getElementById('getGenders_panel_search').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);
	
	createCookie("brandid",brandid,1) ;	
	createCookie("categorieid",categorieid,1);
	
	eraseCookie("genderid")
	
	hideSizes();
		
} 
////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>" ;
	document.getElementById('getGenders_panel_search').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);
		
	createCookie("brandid",brandid,1) ;
	createCookie("styleid",styleid,1) ;
	createCookie("categorieid",categorieid,1);
	eraseCookie("genderid")
	
	
	style = styleid ;
	
	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=\"images/indicator_white.gif\"></nobr>" ;
	document.getElementById('getSizes_panel_search').innerHTML = "<nobr class=\"style2\">Loading &nbsp; <img src=\"images/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("brandid",brandid,1) ;
	createCookie("genderid",id,1) ;
	createCookie("categorieid",categorieid,1);
		
} 
// 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();
	getBigStyles(id);
	
	
	createCookie("brandid",id,1) ;	
	createCookie("categorieid",categorieid,1);
	
	
} 

function getBigStyles(id)
{
	document.getElementById('getStyles_panel_search').innerHTML = "<nobr class=\"style2\">Loading &nbsp; <img src=\"images/indicator_white.gif\"></nobr>" ;
	
	var url="ajax/getBigStyles.asp?id="  + id + "&cat=" + categorieid ;

 brandid=id;
	
	xmlHttp_bigstyles=GetXmlHttpObject(stylesBigChanged);
	xmlHttp_bigstyles.open("GET", url , true);
	xmlHttp_bigstyles.send(null);
	
	createCookie("brandid",id,1) ;	
	createCookie("categorieid",categorieid,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 = "" ;
	document.getElementById('getSizes_panel_search').innerHTML = "" ;
	
 }

 ////Hide Styles
  function hideStyles()
 {
 	document.getElementById('getStyles_panel').innerHTML = "" ;
	document.getElementById('getStyles_panel_search').innerHTML = "" 
	
	createCookie("stylehtml","",1);
	createCookie("bigstylehtml","",1);
	
 }
 
 
 
 
 
 
 
