function filterOnInit(){
	if(document.filterFrm.filterType.options[document.filterFrm.filterType.selectedIndex].value == "oe") {
	// show oe
	filterOE();
	} else if(document.filterFrm.filterType.options[document.filterFrm.filterType.selectedIndex].value == "bestseller") {
	//show best sellers
	filterBS();
	} else {
	// don't filter 
	showAll();
	}
}


function getElementsByClassName(oElm, strTagName, strClassName){
	var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
	var arrReturnElements = new Array();
	strClassName = strClassName.replace(/\-/g, "\\-");
	var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
	var oElement;
	for(var i=0; i<arrElements.length; i++){
		oElement = arrElements[i];      
		if(oRegExp.test(oElement.className)){
			arrReturnElements.push(oElement);
		}   
	}
	return (arrReturnElements)
}

function hideElement(obj) {
	obj.style.display = "none"; 
}
function showElement(obj) {
	obj.style.display = "block"; 
}
function filterOE(){

	var allOEBS = getElementsByClassName(document,"div","oebestSeller");
	for(i=0; i < allOEBS.length; i++){
		showElement(allOEBS[i]);
	}
	var allOE = getElementsByClassName(document,"div","oe");
	for(i=0; i < allOE.length; i++){
		showElement(allOE[i]);
	}
	var allBS = getElementsByClassName(document,"div","bestSeller");
	for(i=0; i < allBS.length; i++){
		hideElement(allBS[i]);
	}
	var allGen = getElementsByClassName(document,"div","generic");
	for(i=0; i < allGen.length; i++){
		hideElement(allGen[i]);
	}
}
function filterBS(){

	var allOEBS = getElementsByClassName(document,"div","oebestSeller");
	for(i=0; i < allOEBS.length; i++){
		showElement(allOEBS[i]);
	}
	var allBS = getElementsByClassName(document,"div","bestSeller");
	for(i=0; i < allBS.length; i++){
		showElement(allBS[i]);
	}
	var allOE = getElementsByClassName(document,"div","oe");
	for(i=0; i < allOE.length; i++){
		hideElement(allOE[i]);
	}
	var allGen = getElementsByClassName(document,"div","generic");
	for(i=0; i < allGen.length; i++){
		hideElement(allGen[i]);
	}
}

function showAll(){

	var allOEBS = getElementsByClassName(document,"div","oebestSeller");
	for(i=0; i < allOEBS.length; i++){
		showElement(allOEBS[i]);
	}
	var allBS = getElementsByClassName(document,"div","bestSeller");
	for(i=0; i < allBS.length; i++){
		showElement(allBS[i]);
	}
	var allOE = getElementsByClassName(document,"div","oe");
	for(i=0; i < allOE.length; i++){
		showElement(allOE[i]);
	}
	var allGen = getElementsByClassName(document,"div","generic");
	for(i=0; i < allGen.length; i++){
		showElement(allGen[i]);
	}
}