var LeftMenuFilter = {};

var SelectedColorElementID;


LeftMenuFilter.ShowHideContainer = function(sender, sScrollName, event){

//alert(sender.id);
	//LeftMenuFilter.HideFilters();
	//alert(sScrollName);
	var Container = document.getElementById(sender.id +"Container");
	
	var Scroll = document.getElementById(sScrollName+"_vscrollerbar");
	var ScrollBase = document.getElementById(sScrollName+"_vscrollerbase");
	var ScrollWraper = document.getElementById(sScrollName+"_scrollwrapper");
	var ContentWraper = document.getElementById(sScrollName+"_contentwrapper");
	//alert(ContentWraper.clientHeight);
	//alert(Container.style.visibility);
	if(Container.style.visibility == 'hidden'){
		Container.style.visibility = 'visible';
		if(ContentWraper.clientHeight > 140){
			Scroll.style.visibility = 'visible';
			ScrollBase.style.visibility = 'visible';
			ScrollWraper.style.display = '';
			ScrollWraper.style.visibility = 'visible';
		}
		if(sScrollName == 'mycustomscroll'){
			var ProductType = document.getElementById('ProductType');
			ProductType.style.display = 'none';
			var ProductSize = document.getElementById('ProductSize');
			ProductSize.style.display = 'none';
			
			var ProductSizeContainer = document.getElementById('ProductSizeContainer');
			ProductSizeContainer.style.visibility = 'hidden';
			var ProductTypeContainer = document.getElementById('ProductTypeContainer');
			ProductTypeContainer.style.visibility = 'hidden';
		}else if(sScrollName == 'mycustomscroll2'){
			var ProductSize = document.getElementById('ProductSize');
			ProductSize.style.display = 'none';
			
			var ProductSizeContainer = document.getElementById('ProductSizeContainer');
			ProductSizeContainer.style.visibility = 'hidden';
			var ColorContainer = document.getElementById('ColorsContainer');
			ColorContainer.style.visibility = 'hidden';
		}else if(sScrollName == 'mycustomscroll3'){
			var ColorContainer = document.getElementById('ColorsContainer');
			ColorContainer.style.visibility = 'hidden';
			var ProductTypeContainer = document.getElementById('ProductTypeContainer');
			ProductTypeContainer.style.visibility = 'hidden';
		}
	}else{
//		Container.style.visibility = 'hidden';
//		if(ContentWraper.clientHeight > 140){
//			Scroll.style.visibility = 'hidden';
//			ScrollBase.style.visibility = 'hidden';
//			ScrollWraper.style.display = 'none';
//			ScrollWraper.style.visibility = 'hidden';
//		}

		if(sScrollName == 'mycustomscroll'){
			LeftMenuFilter.HideColor();
		}else if(sScrollName == 'mycustomscroll2'){
			LeftMenuFilter.HideType();
		}else if(sScrollName == 'mycustomscroll3'){
			LeftMenuFilter.HideSize();
		}
	}
	
	Controls.EventHelper.CancelBubble(event);
	
}

LeftMenuFilter.HideColor = function(){
	sScrollName = "mycustomscroll";
	var Container = document.getElementById("ColorsContainer");
	var Scroll = document.getElementById(sScrollName+"_vscrollerbar");
	var ScrollBase = document.getElementById(sScrollName+"_vscrollerbase");
	var ScrollWraper = document.getElementById(sScrollName+"_scrollwrapper");
	var ContentWraper = document.getElementById(sScrollName+"_contentwrapper");
	Container.style.visibility = 'hidden';
	if(ContentWraper.clientHeight > 140){
		Scroll.style.visibility = 'hidden';
		ScrollBase.style.visibility = 'hidden';
		ScrollWraper.style.display = 'none';
		ScrollWraper.style.visibility = 'hidden';
	}
	var ProductType = document.getElementById('ProductType');
	ProductType.style.display = '';
	var ProductSize = document.getElementById('ProductSize');
	ProductSize.style.display = '';
}

LeftMenuFilter.HideType = function(){
	sScrollName = "mycustomscroll2";
	var Container = document.getElementById("ProductTypeContainer");
	var Scroll = document.getElementById(sScrollName+"_vscrollerbar");
	var ScrollBase = document.getElementById(sScrollName+"_vscrollerbase");
	var ScrollWraper = document.getElementById(sScrollName+"_scrollwrapper");
	var ContentWraper = document.getElementById(sScrollName+"_contentwrapper");
	Container.style.visibility = 'hidden';
	if(ContentWraper.clientHeight > 140){
		Scroll.style.visibility = 'hidden';
		ScrollBase.style.visibility = 'hidden';
		ScrollWraper.style.display = 'none';
		ScrollWraper.style.visibility = 'hidden';
	}
	var ProductSize = document.getElementById('ProductSize');
			ProductSize.style.display = '';
	//var ProductSizeContainer = document.getElementById('ProductSizeContainer');
	//ProductSizeContainer.style.visibility = 'hidden';
//	var ColorContainer = document.getElementById('ColorsContainer');
//	ColorContainer.style.visibility = 'hidden';
}

LeftMenuFilter.HideSize = function(){
	
	sScrollName = "mycustomscroll3";
	var Container = document.getElementById("ProductSizeContainer");
	var Scroll = document.getElementById(sScrollName+"_vscrollerbar");
	var ScrollBase = document.getElementById(sScrollName+"_vscrollerbase");
	var ScrollWraper = document.getElementById(sScrollName+"_scrollwrapper");
	var ContentWraper = document.getElementById(sScrollName+"_contentwrapper");
	Container.style.visibility = 'hidden';
	if(ContentWraper.clientHeight > 140){
		Scroll.style.visibility = 'hidden';
		ScrollBase.style.visibility = 'hidden';
		ScrollWraper.style.display = 'none';
		ScrollWraper.style.visibility = 'hidden';
	}
	
}

LeftMenuFilter.HideFilters = function(sender){
	
	//alert(2);
	
		

	LeftMenuFilter.HideColor();
	LeftMenuFilter.HideType();
	LeftMenuFilter.HideSize();
	//alert(event);
	Controls.EventHelper.CancelBubble(event);
}


//LeftMenuFilter.OverElement = function(sender, sParentName){

//	if(sParentName == "Color"){
//		if(SelectedColorElementID == sender)
//		sender.style.backgroundColor = '#ffeee0'";
//		$Element->Attributes['onmouseout'] = "this.style.backgroundColor='#ffffff'";	
//	}
//}

//LeftMenuFilter.OutElement = function(sender){

//		sender.style.backgroundColor='#ffeee0'";
//		$Element->Attributes['onmouseout'] = "this.style.backgroundColor='#ffffff'";	
//}



LeftMenuFilter.SelectFilter = function(sender, sButtonID, nValue, sValueName) {

    sender.disabled = true;
    var request = new CHttpRequest();
    request.QueryString = "AjaxType=HTML&RequestFile=PublicControls.LeftMenuFilter&MethodName=XSelectFilter";
    request.AsyncCall = true;
    request.State = sender;
    request.AddProperty("Arguments[ContainerID]", sender.id);
    request.AddProperty("Arguments[ButtonID]", sButtonID);
    request.AddProperty("Arguments[Value]", nValue);
    request.AddProperty("Arguments[ValueName]", sValueName);
    request.OnResponse = LeftMenuFilter.SelectFilter_Callback;
    request.Send();

    LeftMenuFilter.UpdateSizeContainer(sender, sButtonID, nValue, sValueName);
}

LeftMenuFilter.SelectFilter_Callback = function(request, state) {

	var Container = document.getElementById(state.parentNode.parentNode.parentNode.parentNode.id.replace("Container", ""));
	Container.innerHTML = request.responseText;
	state.disabled = false;
}


LeftMenuFilter.UpdateSizeContainer = function(sender, sButtonID, nValue, sValueName) {
    sender.disabled = true;
    var request = new CHttpRequest();
    request.QueryString = "AjaxType=HTML&RequestFile=PublicControls.LeftMenuFilter&MethodName=XFilterSize";
    request.AsyncCall = true;
    request.State = sender;
    request.AddProperty("Arguments[ContainerID]", sender.id);
    request.AddProperty("Arguments[ButtonID]", sButtonID);
    request.AddProperty("Arguments[Value]", nValue);
    request.AddProperty("Arguments[ValueName]", sValueName);
    request.OnResponse = LeftMenuFilter.UpdateSizeContainer_Callback;
    request.Send();
}

LeftMenuFilter.UpdateSizeContainer_Callback = function(request, state) {
    var Container = document.getElementById('mycustomscroll3_contentwrapper');
    Container.innerHTML = request.responseText;
    state.disabled = false;
    CSBfleXcroll('mycustomscroll3');
}