function proCatalogSel(proListUrl,proArchiveUrl){
	$('cataPopUpTitle').addEvent('click',function(event){
		$('cataPopUp').setStyles({
			display: 'block'
		});
		
		getPopUp();
	});
	$('cataPopUp').getElement('.cataPopUp-t').addEvent('click',function(event){
		$('cataPopUp').setStyles({
			display: 'none'
		});
	});
	
	for(var i = 0; i < $$('#cataPopUpL1 li').length; i++)
	{
		$$('#cataPopUpL1 li')[i].addEvent('click', function(e){
			if(this.get('class')!='active')
			{
				if(this.get('mt:tr')=='before')
				{
					$$('#cataPopUpL2 li')[2].setStyles({display: 'none'});
					$$('#cataPopUpL2 li')[3].setStyles({display: 'none'});
					$$('#cataPopUpL2 li')[4].setStyles({display: 'none'});
				}
				else
				{
					$$('#cataPopUpL2 li')[2].setStyles({display: 'block'});
					$$('#cataPopUpL2 li')[3].setStyles({display: 'block'});
					$$('#cataPopUpL2 li')[4].setStyles({display: 'block'});
				}
				
			$$('#cataPopUpL2 li').set('class', '');
			$$('#cataPopUpL2 li')[0].set('class', 'active');
			$$('#cataPopUpL1 li').set('class', '');
			this.set('class', 'active');
			getPopUp();
			}
		});
	}
	for(var i = 0; i < $$('#cataPopUpL2 li').length; i++)
	{
		$$('#cataPopUpL2 li')[i].addEvent('click', function(e){
			if(this.get('class')!='active')
			{
			$$('#cataPopUpL2 li').set('class', '');
			this.set('class', 'active');
			getPopUp();
			}
		});
	}
	
	for(var i = 0; i < $$('#catalogSelS1 li').length; i++)
	{
		$$('#catalogSelS1 li')[i].addEvent('click', function(event){
			if(this.get('class')!='active')
			{
			CS3Index = 0;
			$$('#catalogSelS1 li').set('class', '');
			this.set('class', 'active');
			
			CS3Current = 0;
			
			setCatalogSelS3();
			
			getProCat();
			}
		});
	}
	$('CS3Right').addEvent('click',function(e){
		var SC3Length = parseInt(proCatalog[0].length/CS3ListLength)-1;
		if(proCatalog[0].length%CS3ListLength>0)
		{
			SC3Length++;
		}
		if(CS3Index<SC3Length)
		{
			CS3Index++;
			CS3Current = CS3Index*CS3ListLength;
			setCatalogSelS3();
			getProCat();
		}
	});
	$('CS3Left').addEvent('click',function(e){
		if(CS3Index>0)
		{
			CS3Index--;
			CS3Current = CS3Index*CS3ListLength;
			setCatalogSelS3();
			getProCat();
		}
	});
	
	var CS2Slider = new Slider($('CS2Slider'), $('CS2Slider').getElement('.knob'), {
		steps: 11,
		snap: true,
		onChange: function(value) {
			if(value < 10)
			{
				$$('#catalogSelS2 li').set('class', '');
				$$('#catalogSelS2 li')[value].set('class', 'active');
				getProCat();
			}
		}
	});
	/*
	for(var i = 0; i < $$('#catalogSelS2 li').length; i++)
	{
		$$('#catalogSelS2 li')[i].addEvent('click', function(event){
			if(this.get('class')!='active')
			{
			$$('#catalogSelS2 li').set('class', '');
			this.set('class', 'active');
			
			getProCat();
			}
		});
	}
	*/
	cfgSideList();
	
	setCatalogSelS3();
	
	CS2Slider.set(CS2Current);
}

function setCataList3(){
	for(var i = 0; i < $$('#catalogSelS3 li').length; i++)
	{
		$$('#catalogSelS3 li')[i].addEvent('click', function(event){
			if(this.get('class')!='active')
			{
			$$('#catalogSelS3 li').set('class', '');
			this.set('class', 'active');
			
			getProCat();
			}
		});
	}
}
function setCatalogSelS3(){
	var catCon = $('catalogSelS3').getElement('ul');
	for(var z = 0; z < $$('#catalogSelS1 li').length; z++)
	{
		if($$('#catalogSelS1 li')[z].get('class') === 'active')
		{
			catCon.set('text','');
			
			if(proCatalog[z].length <= CS3ListLength)
			{
				$('CS3Left').setStyles({display:'none'});
				$('CS3Right').setStyles({display:'none'});
			}
			else
			{
				$('CS3Left').setStyles({display:'block'});
				$('CS3Right').setStyles({display:'block'});
			}
			
			for(var j = 0+(CS3Index*CS3ListLength); j < proCatalog[z].length && j < CS3ListLength+(CS3Index*CS3ListLength); j++)
			{
				//if(j===0+(CS3Index*CS3ListLength))
				if(j===CS3Current)
				{
					var el = new Element('li',{'class':'active'});
					var elw = new Element('span',{'text':proCatalog[z][j].title}).inject(el);
				}
				else
				{
					var el = new Element('li');
					var elw = new Element('span',{'text':proCatalog[z][j].title}).inject(el);
				}
				el.inject(catCon);
			}
		}
	}
	setCataList3();
}

function getPopUp(){
	var popUpCon = $('cataPopUpContent');
	popUpCon.set({'html':'<p>Loading...</p>'});
	var popUpL1, popUpL2;
	
	for(var i = 0; i < $$('#cataPopUpL1 li').length; i++)
	{
		if($$('#cataPopUpL1 li')[i].get('class') === 'active')
		{
			popUpL1 = $$('#cataPopUpL1 li')[i].get('text');
		}
	}
	for(var i = 0; i < $$('#cataPopUpL2 li').length; i++)
	{
		if($$('#cataPopUpL2 li')[i].get('class') === 'active')
		{
			popUpL2 = $$('#cataPopUpL2 li')[i].get('text');
		}
	}
	var jsonRequest = new Request.JSON({url: proArchiveUrl, onComplete: function(request){
		setPopUp(request);
	}}).post({'v1': popUpL1, 'v2':popUpL2});
}

function setPopUp(values)
{
	var popUpCon = $('cataPopUpContent');
	popUpCon.set({'text':''});
	var title = new Element('h3',{'text':values.title}).inject(popUpCon);
	var content = new Element('div',{'html':values.content,'class':'c'}).inject(popUpCon);
}

function getProCat(){
	setSideList();
	
	dispatchProList();
}
function dispatchProList()
{
	var proCon = $('proListView').getElement('ul');
	proCon.set({'text':'Loading...'});
	var proCat1, proCat2, proCat3, proCat4;
	for(var i = 0; i < $$('#catalogSelS1 li').length; i++)
	{
		if($$('#catalogSelS1 li')[i].get('class') === 'active')
		{
			proCat1 = $$('#catalogSelS1 li')[i].get('text');
		}
	}
	for(var i = 0; i < $$('#catalogSelS2 li').length; i++)
	{
		if($$('#catalogSelS2 li')[i].get('class') === 'active')
		{
			proCat2 = $$('#catalogSelS2 li')[i].get('text');
		}
	}
	for(var i = 0; i < $$('#catalogSelS3 li').length; i++)
	{
		if($$('#catalogSelS3 li')[i].get('class') === 'active')
		{
			proCat3 = $$('#catalogSelS3 span')[i].get('text');
		}
	}
	
	if($('trdtags'))
	{
		//alert($('trdtags').get('text'));
		proCat4 = $('trdtags').get('text');
	}
	
	var jsonRequest = new Request.JSON({url: proListUrl, onComplete: function(prolist){
		setList(prolist.values);
	}}).post({'protype1': proCat1, 'protype2':proCat2, 'protype3':proCat3, 'protype4':proCat4});
}

function setList(values)
{
	var typeId; /*2010.01.25*/
	var proCon = $('proListView').getElement('ul');
	proCon.set({'text':''});
	values.each(function(value){
		/*2010.01.25 add start by shan*/
		if(typeId != value.type){
			var proType = new Element('li',{'style':'width: 800px; height: 20px;margin-top: 10px;color: #17A8DF;font-weight: bold;font-size:14px;'});
			proType.set('html', value.typeName);
			proType.inject(proCon);
		}
		/*2010.01.25 add end by shan*/
		var pro = new Element('li');
		var imgC = new Element('p',{'class':'i'}).inject(pro);
		var imgL = new Element('a',{'href':value.url}).inject(imgC);
		var img = new Element('img',{'src':value.thumb,'alt':value.title,'width':'128','height':'128'}).inject(imgL);
		var name = new Element('p',{'class':'n'}).inject(imgC, 'after');
		var nameL = new Element('a',{'href':value.url,'text':value.title}).inject(name);
		if(value.price){
			var nameL = new Element('span',{'html':'价格<em>'+value.price+'</em>'}).inject(name);
		}
		if(value.hot == true)
		{
			var hot = new Element('img',{
				'class':'h',
				'src':'../images/products/icon_new_pro.png',
				'width':'48',
				'height':'48',
				'alt':'新产品'
			}).inject(name, 'after');
		}
		pro.inject(proCon);
		/*2010.01.25 add start by shan*/
		typeId = value.type;
		/*2010.01.25 add end by shan*/
	})
}
function cfgSideList()
{
	for(var si = 0; si < $$('#proSideList>li').length; si++)
	{
		var sCon = $$('#proSideList>li')[si].getElement('ul');
		
		for(var sj = 1; sj < proCatalog[si].length; sj++)
		{
			var sConLi = new Element('li').inject(sCon);
			var sConP = new Element('p').inject(sConLi);
			var sConA = new Element('a',{'href':'javascript:void(0)','text':proCatalog[si][sj].title}).inject(sConP);
			if(proCatalog[si][sj].tags)
			{
				for(var sk = 0; sk < proCatalog[si][sj].tags.length; sk++)
				{
					var sConT = new Element('div',{'class':'tags','text':proCatalog[si][sj].tags[sk]}).inject(sConLi);
				}
			}
		}
	}
	
	for(var i = 0; i < $$('#proSideList>li').length; i++)
	{
		$$('#proSideList>li')[i].addEvent('click', function(event){
			if(this.getElement('p').get('class')!='open')
			{
				$$('#proSideList>li').getElement('p').set('class','');
				$$('#proSideList>li').set('class','');
				$$('#proSideList>li>ul>li').getElement('p').set('class','');
				$$('#proSideList div.tags').set('id','');
				
				this.set('class','active');
				this.getElement('p').set('class','open');
				
				setMainCat();
			}
		});
	}
	for(var i = 0; i < $$('#proSideList>li>ul>li').length; i++)
	{
		$$('#proSideList>li>ul>li')[i].addEvent('click', function(event){
			if(this.getElement('p').get('class')!='current')
			{
				$$('#proSideList>li>ul>li').set('class','');
				$$('#proSideList>li>ul>li').getElement('p').set('class','');
				$$('#proSideList div.tags').set('id','');
				
				this.set('class','active');
				this.getElement('p').set('class','current');
				
				setMainCat();
			}
		});
	}
	for(var i = 0; i < $$('#proSideList div.tags').length; i++)
	{
		$$('#proSideList div.tags')[i].addEvent('click', function(event){
		
			if(this.get('id')!='trdtags')
			{
				$$('#proSideList div.tags').set('id','');
				
				this.set('id','trdtags');
				
				setMainCat();
			}
		});
	}
}
function setMainCat()
{
	var cata1 = 0;
	var cata2 = 0;
	for(var smi = 0; smi < $$('#proSideList>li').length; smi++)
	{
		if($$('#proSideList>li')[smi].get('class')=='active')
		{
			var cata1 = smi;
		}
	}
	for(var smj = 0; smj < $$('#proSideList>li')[cata1].getElements('li').length; smj++)
	{
		if($$('#proSideList>li')[cata1].getElements('li')[smj].getElement('p').get('class')=='current')
		{
			var cata2 = smj+1;
		}
	}
	$$('#catalogSelS1 li').set('class', '');
	$$('#catalogSelS1 li')[cata1].set('class', 'active');
	
	CS3Index = parseInt(cata2/CS3ListLength);

	setCatalogSelS3();
	
	$$('#catalogSelS3 li').set('class', '');
	$$('#catalogSelS3 li')[cata2%CS3ListLength].set('class', 'active');
	
	dispatchProList();
}
function setSideList()
{
	for(var i = 0; i < $$('#catalogSelS1 li').length; i++)
	{
		if($$('#catalogSelS1 li')[i].get('class') === 'active')
		{
			$$('#proSideList>li')[i].set('class','active');
			$$('#proSideList>li>p')[i].set('class','open');
			$$('#proSideList>li ul li>p').set('class','');
			for(var j = 0+(CS3Index*CS3ListLength); j < $$('#catalogSelS3 li').length+CS3Index*CS3ListLength; j++)
			{
				//alert(j);
				if(j>0&&$$('#catalogSelS3 li')[j-(CS3Index*CS3ListLength)].get('class')=='active')
				{
					$$('#proSideList>li')[i].getElements('ul li')[j-1].set('class','active');
					$$('#proSideList>li')[i].getElements('ul li>p')[j-1].set('class','current');
				}
			}
		}
		else
		{
			$$('#proSideList>li')[i].set('class','');
			$$('#proSideList>li>p')[i].set('class','');
			$$('#proSideList div.tags').set('id','');
		}
	}
}