var globalBrandAccordionSet = false;
var globalAppAccordionSet = false;

function sortProducts(sortBy){
	clearProduct();
	switch(sortBy)
	{
	case 'app':
		document.getElementById('applicationSort').style.display = 'block';
		document['sortNavApp'].src='/images/Products_SubNav_1on.gif';
		
		scroll(0,0);
		if(window.globalAppAccordionSet == false){
				setUpAccordion();
		}	
		globalAppAccordionSet = true;
				
		break    
	case 'brand':
		document.getElementById('brandSort').style.display = 'block';
		document['sortNavBrand'].src='/images/Products_SubNav_2on.gif';
		scroll(0,0);
		if(window.globalBrandAccordionSet == false){
				setUpAccordionBrand();
		}	
		globalBrandAccordionSet = true;
		break
	case 'all': 
		document.getElementById('allSort').style.display = 'block';
		document['sortNavAll'].src='/images/Products_SubNav_3on.gif';
		break
	default:
		document.getElementById('allSort').style.display = 'block';
	}	
}
function clearProduct(){
	document.getElementById('applicationSort').style.display = 'none';
	document.getElementById('brandSort').style.display = 'none';
	document.getElementById('allSort').style.display = 'none';
	document['sortNavApp'].src='/images/Products_SubNav_1.gif';
	document['sortNavBrand'].src='/images/Products_SubNav_2.gif';
	document['sortNavAll'].src='/images/Products_SubNav_3.gif';
}
function setUpAccordion(){
		// Pick your classes
		var myBox = document.getElementsByClassName('box_title');
		var myBoxOpen = document.getElementsByClassName('information');

		// Create the accordion
		var myAccordion = new fx.Accordion(
			myBox, myBoxOpen, {
				onActive: function(tog){
					tog.setStyles({color: '#fff', background: 'transparent url(/images/acc_barOn.gif) no-repeat 0px 3px'});
				},
				onBackground: function(tog){
					tog.setStyles({color: '#000', background: 'transparent url(/images/acc_barOff.gif) no-repeat 0px 3px'});
				}, 
				alwaysHide: true			
			}
		);
}
function setUpAccordionBrand(){
		// Pick your classes
		var myBox = document.getElementsByClassName('box_titleBrand');
		var myBoxOpen = document.getElementsByClassName('informationBrand');

		// Create the accordion
		var myAccordion = new fx.Accordion(
			myBox, myBoxOpen, {
				onActive: function(tog){
					tog.setStyles({color: '#fff', background: 'transparent url(/images/acc_barOn.gif) no-repeat 0px 3px'});
				},
				onBackground: function(tog){
					tog.setStyles({color: '#000', background: 'transparent url(/images/acc_barOff.gif) no-repeat 0px 3px'});
				}, 
				alwaysHide: true			
			}
		);
}
function setUpAllProducts(){
	document.getElementById('applicationSort').style.display = 'none';
	document.getElementById('brandSort').style.display = 'none';
	document.getElementById('allSort').style.display = 'block';
	document['sortNavApp'].src='/images/Products_SubNav_1.gif';
	document['sortNavBrand'].src='/images/Products_SubNav_2.gif';
	document['sortNavAll'].src='/images/Products_SubNav_3on.gif';	
}